@griddo/ax 11.10.36 → 11.10.37

package/src/modules/FramePreview/index.tsx

@@ -1,10 +1,10 @@
 import { connect } from "react-redux";
 
-import { BrowserContent, Loading } from "@ax/components";
+import { BrowserContent, Loading, Toast } from "@ax/components";
 import { formsActions } from "@ax/containers/Forms";
 import { pageEditorActions } from "@ax/containers/PageEditor";
 import { findByEditorID } from "@ax/forms";
-import { useDefaultTheme, useOnMessageReceivedFromOutside, useURLSearchParam } from "@ax/hooks";
+import { useDefaultTheme, useOnMessageReceivedFromOutside, useToast, useURLSearchParam } from "@ax/hooks";
 import type { FormContent, ILanguage, IRootState, ISite, ISocialState } from "@ax/types";
 
 import * as S from "./style";
@@ -25,6 +25,7 @@ const FramePreview = (props: IProps) => {
 		setFormContent,
 		deleteModule,
 		duplicateModule,
+		copyModule,
 	} = props;
 
 	const isPreview = useURLSearchParam("preview");
@@ -37,8 +38,10 @@ const FramePreview = (props: IProps) => {
 	const content = isForm ? formContent : pageContent;
 	const { canonicalSite, language, pageLanguages, header, footer } = content;
 
+	const { isVisible, toggleToast, setIsVisible, state: toastState } = useToast();
 	useOnMessageReceivedFromOutside(setContent, setSelectedContent);
 
+
 	window.addEventListener("mousemove", (e) => {
 		window.parent.postMessage(
 			{
@@ -66,7 +69,7 @@ const FramePreview = (props: IProps) => {
 
 		if (isPreview === "false" && (isDisabled === "false" || isNavigationModule)) {
 			window.parent.postMessage({ type: "module-click", message: editorID }, "*");
-			setSelectedContent && setSelectedContent(editorID);
+			setSelectedContent?.(editorID);
 		}
 	};
 
@@ -85,7 +88,7 @@ const FramePreview = (props: IProps) => {
 
 	const deleteModuleSelected = (editorID: number) => {
 		window.parent.postMessage({ type: "module-delete", message: editorID }, "*");
-		setSelectedContent && setSelectedContent(0);
+		setSelectedContent?.(0);
 		deleteModule([editorID]);
 	};
 
@@ -94,9 +97,16 @@ const FramePreview = (props: IProps) => {
 		duplicateModule([editorID]);
 	};
 
+	const copyModuleSelected = (editorID: number) => {
+		window.parent.postMessage({ type: "module-copy", message: editorID }, "*");
+		const isCopied = copyModule([editorID]);
+		!!isCopied && toggleToast?.("1 module copied to clipboard");
+	};
+
 	const moduleActions = {
 		deleteModuleAction: deleteModuleSelected,
 		duplicateModuleAction: duplicateModuleSelected,
+		copyModuleAction: copyModuleSelected,
 	};
 
 	if (isLoading || schemasLoading) return <Loading />;
@@ -121,6 +131,7 @@ const FramePreview = (props: IProps) => {
 				renderer={renderer}
 				selectHoverEditorID={selectHoverEditorID}
 			/>
+			{isVisible && <Toast message={toastState} setIsVisible={setIsVisible} />}
 		</S.Wrapper>
 	);
 };
@@ -140,6 +151,7 @@ interface IProps {
 	setFormContent(formContent: FormContent | null): void;
 	deleteModule(editorID: number[]): void;
 	duplicateModule(editorID: number[]): number;
+	copyModule(editorID: number[]): boolean | number;
 }
 
 const mapStateToProps = (state: IRootState) => ({
@@ -160,6 +172,7 @@ const mapDispatchToProps = {
 	setFormContent: formsActions.setFormContent,
 	deleteModule: pageEditorActions.deleteModule,
 	duplicateModule: pageEditorActions.duplicateModule,
+	copyModule: pageEditorActions.copyModule,
 };
 
 export default connect(mapStateToProps, mapDispatchToProps)(FramePreview);

package/src/modules/GlobalEditor/PageBrowser/index.tsx

@@ -1,9 +1,8 @@
-import React from "react";
 import { connect } from "react-redux";
 import { pageEditorActions } from "@ax/containers/PageEditor";
 
 import { Browser } from "@ax/components";
-import { ILanguage, IRootState, ISchema, ISocialState } from "@ax/types";
+import type { ILanguage, IRootState, ISchema, ISocialState } from "@ax/types";
 
 const PageBrowser = (props: IProps) => {
 	const {
@@ -18,6 +17,7 @@ const PageBrowser = (props: IProps) => {
 		browserRef,
 		deleteModule,
 		duplicateModule,
+		copyModule,
 		setScrollEditorID,
 	} = props;
 
@@ -28,6 +28,7 @@ const PageBrowser = (props: IProps) => {
 	const actions = {
 		deleteModuleAction: deleteModule,
 		duplicateModuleAction: duplicateModule,
+		copyModuleAction: copyModule,
 		setSelectedContentAction: setSelectedContent,
 		setScrollEditorIDAction: setScrollEditorID,
 	};
@@ -69,6 +70,7 @@ interface IPageBrowserDispatchProps {
 	browserRef?: any;
 	deleteModule(editorID: number[]): void;
 	duplicateModule(editorID: number[]): number;
+	copyModule(editorID: number[]): number | boolean;
 	setScrollEditorID(editorID: number | null): void;
 }
 
@@ -87,6 +89,7 @@ const mapDispatchToProps = {
 	setSelectedContent: pageEditorActions.setSelectedContent,
 	deleteModule: pageEditorActions.deleteModule,
 	duplicateModule: pageEditorActions.duplicateModule,
+	copyModule: pageEditorActions.copyModule,
 	setScrollEditorID: pageEditorActions.setScrollEditorID,
 };
 

package/src/modules/PageEditor/Editor/index.tsx

@@ -1,11 +1,10 @@
-import React from "react";
 import { connect } from "react-redux";
 
 import { pageEditorActions } from "@ax/containers/PageEditor";
 import { sitesActions } from "@ax/containers/Sites";
 import { appActions } from "@ax/containers/App";
 import { ConfigPanel, ResizePanel } from "@ax/components";
-import { IBreadcrumbItem, IModule, INotification, IRootState, ISchema, ISite, IUserEditing } from "@ax/types";
+import type { IBreadcrumbItem, IModule, INotification, IRootState, ISchema, ISite, IUserEditing } from "@ax/types";
 import PageBrowser from "../PageBrowser";
 
 const Editor = (props: IProps) => {

package/src/modules/PageEditor/PageBrowser/index.tsx

@@ -1,9 +1,8 @@
-import React from "react";
 import { connect } from "react-redux";
 import { pageEditorActions } from "@ax/containers/PageEditor";
 
 import { Browser } from "@ax/components";
-import { ILanguage, IRootState, ISite, ISocialState } from "@ax/types";
+import type { ILanguage, IRootState, ISite, ISocialState } from "@ax/types";
 
 const PageBrowser = (props: IProps) => {
 	const {
@@ -19,6 +18,7 @@ const PageBrowser = (props: IProps) => {
 		browserRef,
 		deleteModule,
 		duplicateModule,
+		copyModule,
 		setScrollEditorID,
 	} = props;
 
@@ -36,6 +36,7 @@ const PageBrowser = (props: IProps) => {
 	const actions = {
 		deleteModuleAction: deleteModule,
 		duplicateModuleAction: duplicateModule,
+		copyModuleAction: copyModule,
 		setSelectedContentAction: setSelectedContent,
 		setScrollEditorIDAction: setScrollEditorID,
 	};
@@ -79,6 +80,7 @@ interface IPageBrowserDispatchProps {
 	browserRef?: any;
 	deleteModule(editorID: number[]): void;
 	duplicateModule(editorID: number[]): number;
+	copyModule(editorID: number[]): number | boolean;
 	setScrollEditorID(editorID: number | null): void;
 }
 
@@ -97,6 +99,7 @@ const mapDispatchToProps = {
 	setSelectedContent: pageEditorActions.setSelectedContent,
 	deleteModule: pageEditorActions.deleteModule,
 	duplicateModule: pageEditorActions.duplicateModule,
+	copyModule: pageEditorActions.copyModule,
 	setScrollEditorID: pageEditorActions.setScrollEditorID,
 };
 

package/src/modules/PageEditor/index.tsx

@@ -280,7 +280,6 @@ const PageEditor = (props: IProps) => {
 	};
 
 	const handleSchedulePublication = async () => {
-		console.log(scheduleDate, "scheduleDate");
 		const date = new Date(`${scheduleDate.date} ${scheduleDate.time}`);
 		const dateString = dateToString(date, "dd/MM/yyyy HH:mm:ss");
 		const saved = await schedulePublication(dateString, isDraft);

package/src/types/index.tsx

@@ -1103,6 +1103,17 @@ export interface IExportDataParams {
 	format: string[];
 }
 
+export interface IContainerEvaluation {
+	isEmpty: boolean;
+	containedComponent: IContainedComponent;
+}
+
+export interface IContainedComponent {
+	containerText: string;
+	component: string;
+	componentID: number;
+}
+
 export type Field =
 	| "AsyncCheckGroup"
 	| "AsyncSelect"