@webbio/strapi-plugin-page-builder 0.12.2-platform → 0.12.4-platform

package/admin/src/index.tsx

@@ -1,101 +1,101 @@
-import { prefixPluginTranslations } from '@strapi/helper-plugin';
-
-import pluginPkg from '../../package.json';
-import pluginId from './pluginId';
-import Initializer from './components/Initializer';
-import PageFiltersContainer from './components/PageFilters';
-import { EditView } from './components/EditView';
-import PageTypeEditViewWrapper from './components/PageTypeEditView';
-import middlewares from './middlewares';
-import PluginIcon from './components/PluginIcon';
-import getTrad from './utils/getTrad';
-import PlatformFilteredSelectFieldIcon from './components/PlatformFilteredSelectField/InputIcon';
-
-const name = pluginPkg.strapi.name;
-
-export default {
-	register(app: any) {
-		app.addMiddlewares(middlewares);
-		const plugin = {
-			id: pluginId,
-			initializer: Initializer,
-			isReady: false,
-			name
-		};
-
-		app.customFields.register({
-			name: 'filtered-select',
-			pluginId,
-			type: 'string',
-			icon: PlatformFilteredSelectFieldIcon,
-			intlLabel: {
-				id: getTrad('platformFilteredSelect.builder.label'),
-				defaultMessage: name
-			},
-			intlDescription: {
-				id: getTrad('platformFilteredSelect.builder.description'),
-				defaultMessage: 'Add a filtered select to a page'
-			},
-			components: {
-				Input: async () =>
-					import(/* webpackChunkName: "filtered-select-component" */ './components/PlatformFilteredSelectField')
-			}
-		});
-
-		app.addMenuLink({
-			to: '/plugins/strapi-plugin-page-builder',
-			icon: PluginIcon, // This really is a plugin icon, I promise!
-			intlLabel: {
-				id: pluginId,
-				defaultMessage: ' '
-			},
-			Component: async () => {
-				const component = await import(/* webpackChunkName: "[request]" */ './pages/app');
-
-				return component;
-			},
-			permissions: [] // permissions to apply to the link
-		});
-
-		app.registerPlugin(plugin);
-	},
-
-	bootstrap(app: any) {
-		app.injectContentManagerComponent('editView', 'right-links', {
-			name: 'collection-type-picker',
-			Component: EditView
-		});
-		app.injectContentManagerComponent('editView', 'right-links', {
-			name: 'page-type-edit-view',
-			Component: PageTypeEditViewWrapper
-		});
-		app.injectContentManagerComponent('listView', 'actions', {
-			name: 'page-filters',
-			Component: PageFiltersContainer
-		});
-	},
-
-	async registerTrads(app: any) {
-		const { locales } = app;
-
-		const importedTrads = await Promise.all(
-			(locales as string[]).map((locale) => {
-				return import(`./translations/${locale}.json`)
-					.then(({ default: data }) => {
-						return {
-							data: prefixPluginTranslations(data, pluginId),
-							locale
-						};
-					})
-					.catch(() => {
-						return {
-							data: {},
-							locale
-						};
-					});
-			})
-		);
-
-		return Promise.resolve(importedTrads);
-	}
-};
+import { prefixPluginTranslations } from '@strapi/helper-plugin';
+
+import pluginPkg from '../../package.json';
+import pluginId from './pluginId';
+import Initializer from './components/Initializer';
+import PageFiltersContainer from './components/PageFilters';
+import { EditView } from './components/EditView';
+import PageTypeEditViewWrapper from './components/PageTypeEditView';
+import middlewares from './middlewares';
+import PluginIcon from './components/PluginIcon';
+import getTrad from './utils/getTrad';
+import PlatformFilteredSelectFieldIcon from './components/PlatformFilteredSelectField/InputIcon';
+
+const name = pluginPkg.strapi.name;
+
+export default {
+	register(app: any) {
+		app.addMiddlewares(middlewares);
+		const plugin = {
+			id: pluginId,
+			initializer: Initializer,
+			isReady: false,
+			name
+		};
+
+		app.customFields.register({
+			name: 'filtered-select',
+			pluginId,
+			type: 'string',
+			icon: PlatformFilteredSelectFieldIcon,
+			intlLabel: {
+				id: getTrad('platformFilteredSelect.builder.label'),
+				defaultMessage: name
+			},
+			intlDescription: {
+				id: getTrad('platformFilteredSelect.builder.description'),
+				defaultMessage: 'Add a filtered select to a page'
+			},
+			components: {
+				Input: async () =>
+					import(/* webpackChunkName: "filtered-select-component" */ './components/PlatformFilteredSelectField')
+			}
+		});
+
+		app.addMenuLink({
+			to: '/plugins/strapi-plugin-page-builder',
+			icon: PluginIcon, // This really is a plugin icon, I promise!
+			intlLabel: {
+				id: pluginId,
+				defaultMessage: ' '
+			},
+			Component: async () => {
+				const component = await import(/* webpackChunkName: "[request]" */ './pages/app');
+
+				return component;
+			},
+			permissions: [] // permissions to apply to the link
+		});
+
+		app.registerPlugin(plugin);
+	},
+
+	bootstrap(app: any) {
+		app.injectContentManagerComponent('editView', 'right-links', {
+			name: 'collection-type-picker',
+			Component: EditView
+		});
+		app.injectContentManagerComponent('editView', 'right-links', {
+			name: 'page-type-edit-view',
+			Component: PageTypeEditViewWrapper
+		});
+		app.injectContentManagerComponent('listView', 'actions', {
+			name: 'page-filters',
+			Component: PageFiltersContainer
+		});
+	},
+
+	async registerTrads(app: any) {
+		const { locales } = app;
+
+		const importedTrads = await Promise.all(
+			(locales as string[]).map((locale) => {
+				return import(`./translations/${locale}.json`)
+					.then(({ default: data }) => {
+						return {
+							data: prefixPluginTranslations(data, pluginId),
+							locale
+						};
+					})
+					.catch(() => {
+						return {
+							data: {},
+							locale
+						};
+					});
+			})
+		);
+
+		return Promise.resolve(importedTrads);
+	}
+};

package/admin/src/middlewares/index.tsx

@@ -1,37 +1,37 @@
-import { getFetchClient } from '@strapi/helper-plugin';
-
-import { PAGE_UID } from '../../../shared/utils/constants';
-import getRequestUrl from '../utils/getRequestUrl';
-
-const middleware =
-	() =>
-	({ getState }: any) =>
-	(next: any) =>
-	async (action: any) => {
-		// If data is being fetched or after a save
-		if (
-			action.type === 'ContentManager/CrudReducer/GET_DATA_SUCCEEDED' ||
-			action.type === 'ContentManager/CrudReducer/SUBMIT_SUCCEEDED'
-		) {
-			const store = getState();
-			const layoutSlice = store['content-manager_editViewLayoutManager'];
-			const uid = layoutSlice.currentLayout.contentType.uid;
-
-			if (uid !== PAGE_UID) {
-				return next(action);
-			}
-
-			const { get } = await getFetchClient();
-			const { data: pageData } = await get(`${getRequestUrl('page')}/${action.data.id}`);
-
-			action.data.collectionTypeTitle = pageData?.collectionTypeData?.title;
-			action.data.collectionTypeId = pageData?.collectionTypeData?.id;
-			action.data.initialPageType = pageData?.pageType ? pageData.pageType : undefined;
-
-			return next(action);
-		}
-		return next(action);
-	};
-
-const middlewares = [middleware];
-export default middlewares;
+import { getFetchClient } from '@strapi/helper-plugin';
+
+import { PAGE_UID } from '../../../shared/utils/constants';
+import getRequestUrl from '../utils/getRequestUrl';
+
+const middleware =
+	() =>
+	({ getState }: any) =>
+	(next: any) =>
+	async (action: any) => {
+		// If data is being fetched or after a save
+		if (
+			action.type === 'ContentManager/CrudReducer/GET_DATA_SUCCEEDED' ||
+			action.type === 'ContentManager/CrudReducer/SUBMIT_SUCCEEDED'
+		) {
+			const store = getState();
+			const layoutSlice = store['content-manager_editViewLayoutManager'];
+			const uid = layoutSlice.currentLayout.contentType.uid;
+
+			if (uid !== PAGE_UID) {
+				return next(action);
+			}
+
+			const { get } = await getFetchClient();
+			const { data: pageData } = await get(`${getRequestUrl('page')}/${action.data.id}`);
+
+			action.data.collectionTypeTitle = pageData?.collectionTypeData?.title;
+			action.data.collectionTypeId = pageData?.collectionTypeData?.id;
+			action.data.initialPageType = pageData?.pageType ? pageData.pageType : undefined;
+
+			return next(action);
+		}
+		return next(action);
+	};
+
+const middlewares = [middleware];
+export default middlewares;

package/admin/src/pages/app/index.tsx

@@ -1,14 +1,14 @@
-import React, { useEffect } from 'react';
-import { useHistory } from 'react-router-dom';
-
-const App = () => {
-	const { push } = useHistory();
-
-	useEffect(() => {
-		push('/');
-	}, []);
-
-	return <></>;
-};
-
-export default App;
+import React, { useEffect } from 'react';
+import { useHistory } from 'react-router-dom';
+
+const App = () => {
+	const { push } = useHistory();
+
+	useEffect(() => {
+		push('/');
+	}, []);
+
+	return <></>;
+};
+
+export default App;

package/admin/src/pluginId.ts

@@ -1,5 +1,5 @@
-import pluginPkg from '../../package.json';
-
-const pluginId = pluginPkg.strapi.name;
-
-export default pluginId;
+import pluginPkg from '../../package.json';
+
+const pluginId = pluginPkg.strapi.name;
+
+export default pluginId;

package/admin/src/translations/en.json

@@ -1,9 +1,9 @@
-{
-	"template.confirmModal.title": "Replace all page modules",
-	"template.confirmModal.body": "You are about to replace all modules on this page. Are you sure you want to continue?",
-	"template.confirmModal.buttons.cancel": "No, cancel",
-	"template.confirmModal.buttons.submit": "Yes, replace all",
-	"platformFilteredSelect.builder.label": "Platform filtered select",
-	"platformFilteredSelect.builder.description": "Enables filtering relations by platform",
-	"platformFilteredSelect.linkToEntity.label": "Go to page"
-}
+{
+	"template.confirmModal.title": "Replace all page modules",
+	"template.confirmModal.body": "You are about to replace all modules on this page. Are you sure you want to continue?",
+	"template.confirmModal.buttons.cancel": "No, cancel",
+	"template.confirmModal.buttons.submit": "Yes, replace all",
+	"platformFilteredSelect.builder.label": "Platform filtered select",
+	"platformFilteredSelect.builder.description": "Enables filtering relations by platform",
+	"platformFilteredSelect.linkToEntity.label": "Go to page"
+}

package/admin/src/translations/nl.json

@@ -1,9 +1,9 @@
-{
-	"template.confirmModal.title": "Pagina modules vervangen",
-	"template.confirmModal.body": "Weet je zeker dat je alle modules op deze pagina wilt vervangen?",
-	"template.confirmModal.buttons.cancel": "Nee, annuleer",
-	"template.confirmModal.buttons.submit": "Ja, vervang modules",
-	"platformFilteredSelect.builder.label": "Platform filtered select",
-	"platformFilteredSelect.builder.description": "Filtert relaties op basis van een platform",
-	"platformFilteredSelect.linkToEntity.label": "Ga naar pagina"
-}
+{
+	"template.confirmModal.title": "Pagina modules vervangen",
+	"template.confirmModal.body": "Weet je zeker dat je alle modules op deze pagina wilt vervangen?",
+	"template.confirmModal.buttons.cancel": "Nee, annuleer",
+	"template.confirmModal.buttons.submit": "Ja, vervang modules",
+	"platformFilteredSelect.builder.label": "Platform filtered select",
+	"platformFilteredSelect.builder.description": "Filtert relaties op basis van een platform",
+	"platformFilteredSelect.linkToEntity.label": "Ga naar pagina"
+}

package/admin/src/utils/findDomElement.ts

@@ -1,6 +1,6 @@
-export const findDomElement = (expression: string): HTMLElement => {
-	const xPathResult = document.evaluate(expression, document, null, XPathResult.ANY_TYPE, null);
-	const element = xPathResult.iterateNext();
-
-	return element as HTMLElement;
-};
+export const findDomElement = (expression: string): HTMLElement => {
+	const xPathResult = document.evaluate(expression, document, null, XPathResult.ANY_TYPE, null);
+	const element = xPathResult.iterateNext();
+
+	return element as HTMLElement;
+};

package/admin/src/utils/findElementParent.ts

@@ -1,20 +1,20 @@
-export const findElementParent = (rootEl: HTMLElement, element?: string, maxDepth = 10): HTMLElement | undefined => {
-	let found = false;
-	let el = rootEl;
-	let depth = 0;
-
-	while (!found && depth <= maxDepth) {
-		if (el?.tagName === element) {
-			found = true;
-		} else {
-			el = el?.parentElement as HTMLElement;
-			depth++;
-		}
-	}
-
-	if (!found) {
-		return;
-	}
-
-	return el;
-};
+export const findElementParent = (rootEl: HTMLElement, element?: string, maxDepth = 10): HTMLElement | undefined => {
+	let found = false;
+	let el = rootEl;
+	let depth = 0;
+
+	while (!found && depth <= maxDepth) {
+		if (el?.tagName === element) {
+			found = true;
+		} else {
+			el = el?.parentElement as HTMLElement;
+			depth++;
+		}
+	}
+
+	if (!found) {
+		return;
+	}
+
+	return el;
+};

package/admin/src/utils/getObjectFromFormName.ts

@@ -1,42 +1,42 @@
-import get from 'lodash/get';
-
-const getObjectFromFormName = (modifiedData?: Record<string, any>, name?: string, keepLast?: boolean) => {
-	const path = keepLast ? name : removeLastFromPath(name);
-	const newPath = pointPathToGetPath(path);
-
-	return get(modifiedData, newPath);
-};
-
-const removeLastFromPath = (path?: string): string => {
-	const split = (path || '')?.split('.');
-
-	split.pop();
-
-	return split.join('.');
-};
-
-const pointPathToGetPath = (path?: string): string => {
-	const split = (path || '')?.split('.');
-	let newPath = '';
-
-	for (let index = 0; index < split.length; index++) {
-		let value = split?.[index];
-
-		if (index === 0) {
-			newPath += value;
-			continue;
-		}
-
-		if (!isNaN(Number(value))) {
-			value = `[${value}]`;
-			newPath += value;
-			continue;
-		}
-
-		newPath += `.${value}`;
-	}
-
-	return newPath;
-};
-
-export { getObjectFromFormName, pointPathToGetPath };
+import get from 'lodash/get';
+
+const getObjectFromFormName = (modifiedData?: Record<string, any>, name?: string, keepLast?: boolean) => {
+	const path = keepLast ? name : removeLastFromPath(name);
+	const newPath = pointPathToGetPath(path);
+
+	return get(modifiedData, newPath);
+};
+
+const removeLastFromPath = (path?: string): string => {
+	const split = (path || '')?.split('.');
+
+	split.pop();
+
+	return split.join('.');
+};
+
+const pointPathToGetPath = (path?: string): string => {
+	const split = (path || '')?.split('.');
+	let newPath = '';
+
+	for (let index = 0; index < split.length; index++) {
+		let value = split?.[index];
+
+		if (index === 0) {
+			newPath += value;
+			continue;
+		}
+
+		if (!isNaN(Number(value))) {
+			value = `[${value}]`;
+			newPath += value;
+			continue;
+		}
+
+		newPath += `.${value}`;
+	}
+
+	return newPath;
+};
+
+export { getObjectFromFormName, pointPathToGetPath };

package/admin/src/utils/getRequestUrl.ts

@@ -1,11 +1,11 @@
-import pluginId from '../pluginId';
-
-const getRequestUrl = (path: string) => {
-	if (path.startsWith('/')) {
-		return `/${pluginId}${path}`;
-	}
-
-	return `/${pluginId}/${path}`;
-};
-
-export default getRequestUrl;
+import pluginId from '../pluginId';
+
+const getRequestUrl = (path: string) => {
+	if (path.startsWith('/')) {
+		return `/${pluginId}${path}`;
+	}
+
+	return `/${pluginId}/${path}`;
+};
+
+export default getRequestUrl;

package/admin/src/utils/getTrad.ts

@@ -1,5 +1,5 @@
-import pluginId from '../pluginId';
-
-const getTrad = (id: string) => `${pluginId}.${id}`;
-
-export default getTrad;
+import pluginId from '../pluginId';
+
+const getTrad = (id: string) => `${pluginId}.${id}`;
+
+export default getTrad;

package/admin/src/utils/hooks/useDebounce.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-
-export function useDebounce<T>(value: T, delay: number): T {
-	const [debouncedValue, setDebouncedValue] = React.useState(value);
-
-	React.useEffect(() => {
-		const handler = setTimeout(() => {
-			setDebouncedValue(value);
-		}, delay);
-
-		return () => {
-			clearTimeout(handler);
-		};
-	}, [value, delay]);
-
-	return debouncedValue;
-}
+import React from 'react';
+
+export function useDebounce<T>(value: T, delay: number): T {
+	const [debouncedValue, setDebouncedValue] = React.useState(value);
+
+	React.useEffect(() => {
+		const handler = setTimeout(() => {
+			setDebouncedValue(value);
+		}, delay);
+
+		return () => {
+			clearTimeout(handler);
+		};
+	}, [value, delay]);
+
+	return debouncedValue;
+}