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

package/admin/src/components/PageFilters/index.tsx

@@ -1,35 +1,35 @@
-import * as React from 'react';
-
-import { useLocation } from 'react-router-dom';
-
-import { PAGE_UID } from '../../../../shared/utils/constants';
-
-import PageFilters from './filters';
-import { useHasPageRelation } from '../../api/has-page-relation';
-import { useHasPlatformRelation } from '../../api/has-platform-relation';
-
-const PageFiltersContainer = () => {
-	const { pathname } = useLocation();
-	const uid = pathname.split('/').find((x) => x.startsWith('api::') || x.startsWith('plugin::')) || '';
-	const isPageCollectionType = uid === PAGE_UID;
-
-	const { data: hasPageRelation, isLoading } = useHasPageRelation({
-		uid
-	});
-
-	const { data: hasPlatformRelation, isLoading: isLoadingPlatformRelation } = useHasPlatformRelation({
-		uid
-	});
-
-	if (isPageCollectionType) {
-		return <PageFilters />;
-	}
-
-	if (!isPageCollectionType && !isLoading && !isLoadingPlatformRelation && (hasPageRelation || hasPlatformRelation)) {
-		return <PageFilters hidePageType />;
-	}
-
-	return null;
-};
-
-export default PageFiltersContainer;
+import * as React from 'react';
+
+import { useLocation } from 'react-router-dom';
+
+import { PAGE_UID } from '../../../../shared/utils/constants';
+
+import PageFilters from './filters';
+import { useHasPageRelation } from '../../api/has-page-relation';
+import { useHasPlatformRelation } from '../../api/has-platform-relation';
+
+const PageFiltersContainer = () => {
+	const { pathname } = useLocation();
+	const uid = pathname.split('/').find((x) => x.startsWith('api::') || x.startsWith('plugin::')) || '';
+	const isPageCollectionType = uid === PAGE_UID;
+
+	const { data: hasPageRelation, isLoading } = useHasPageRelation({
+		uid
+	});
+
+	const { data: hasPlatformRelation, isLoading: isLoadingPlatformRelation } = useHasPlatformRelation({
+		uid
+	});
+
+	if (isPageCollectionType) {
+		return <PageFilters />;
+	}
+
+	if (!isPageCollectionType && !isLoading && !isLoadingPlatformRelation && (hasPageRelation || hasPlatformRelation)) {
+		return <PageFilters hidePageType />;
+	}
+
+	return null;
+};
+
+export default PageFiltersContainer;

package/admin/src/components/PageTypeEditView/TemplatePlatformSelect/index.tsx

@@ -1,76 +1,76 @@
-import React, { useEffect } from 'react';
-
-import { useCMEditViewDataManager } from '@strapi/helper-plugin';
-import { SingleSelect, SingleSelectOption } from '@strapi/design-system';
-
-import { useGetTemplates } from '../../../api/template';
-import { usePlatformFormData } from '../../../utils/hooks/usePlatformFormData';
-import { useGetEntityRelation } from '../../../api/entity-relation';
-
-export const TemplatePlatformSelect = () => {
-	const form = useCMEditViewDataManager() as Record<string, any>;
-	const { onChange, initialData, layout, modifiedData, relationLoad } = form;
-	const { selectedPlatform } = usePlatformFormData(form);
-	const { isLoading: isLoadingTemplateRelation, data: templateRelation } = useGetEntityRelation({
-		id: initialData?.id,
-		uid: layout.uid,
-		relationName: 'template'
-	});
-	const { data: templates } = useGetTemplates({ platformId: selectedPlatform?.id });
-
-	const setFormValue = (name: string, value?: string | Record<string, any>[]) => {
-		onChange({
-			target: {
-				name,
-				value
-			},
-			shouldSetInitialValue: true
-		});
-	};
-
-	useEffect(() => {
-		if (!isLoadingTemplateRelation && templateRelation?.id) {
-			relationLoad({
-				target: {
-					initialDataPath: ['initialData', 'template'],
-					modifiedDataPath: ['modifiedData', 'template'],
-					value: [templateRelation]
-				}
-			});
-		}
-	}, [isLoadingTemplateRelation, templateRelation]);
-
-	const handleSelectTemplate = (templateId: string) => {
-		const template = templates?.find((pageType) => pageType.id === Number(templateId));
-
-		if (template) {
-			const formTemplate = {
-				...template,
-				mainField: template.title,
-				label: template.title,
-				value: template.id
-			};
-			setFormValue('template', [formTemplate]);
-		} else {
-			setFormValue('template', []);
-		}
-	};
-
-	return (
-		<SingleSelect
-			width="100%"
-			label="Template"
-			placeholder="Kies een template"
-			value={modifiedData?.template?.[0]?.id}
-			onChange={handleSelectTemplate}
-			disabled={Boolean(!selectedPlatform?.id || isLoadingTemplateRelation)}
-		>
-			<SingleSelectOption value={0}>Geen template geselecteerd</SingleSelectOption>
-			{templates?.map((template) => (
-				<SingleSelectOption key={template.id} value={template.id}>
-					{template.title}
-				</SingleSelectOption>
-			))}
-		</SingleSelect>
-	);
-};
+import React, { useEffect } from 'react';
+
+import { useCMEditViewDataManager } from '@strapi/helper-plugin';
+import { SingleSelect, SingleSelectOption } from '@strapi/design-system';
+
+import { useGetTemplates } from '../../../api/template';
+import { usePlatformFormData } from '../../../utils/hooks/usePlatformFormData';
+import { useGetEntityRelation } from '../../../api/entity-relation';
+
+export const TemplatePlatformSelect = () => {
+	const form = useCMEditViewDataManager() as Record<string, any>;
+	const { onChange, initialData, layout, modifiedData, relationLoad } = form;
+	const { selectedPlatform } = usePlatformFormData(form);
+	const { isLoading: isLoadingTemplateRelation, data: templateRelation } = useGetEntityRelation({
+		id: initialData?.id,
+		uid: layout.uid,
+		relationName: 'template'
+	});
+	const { data: templates } = useGetTemplates({ platformId: selectedPlatform?.id });
+
+	const setFormValue = (name: string, value?: string | Record<string, any>[]) => {
+		onChange({
+			target: {
+				name,
+				value
+			},
+			shouldSetInitialValue: true
+		});
+	};
+
+	useEffect(() => {
+		if (!isLoadingTemplateRelation && templateRelation?.id) {
+			relationLoad({
+				target: {
+					initialDataPath: ['initialData', 'template'],
+					modifiedDataPath: ['modifiedData', 'template'],
+					value: [templateRelation]
+				}
+			});
+		}
+	}, [isLoadingTemplateRelation, templateRelation]);
+
+	const handleSelectTemplate = (templateId: string) => {
+		const template = templates?.find((pageType) => pageType.id === Number(templateId));
+
+		if (template) {
+			const formTemplate = {
+				...template,
+				mainField: template.title,
+				label: template.title,
+				value: template.id
+			};
+			setFormValue('template', [formTemplate]);
+		} else {
+			setFormValue('template', []);
+		}
+	};
+
+	return (
+		<SingleSelect
+			width="100%"
+			label="Template"
+			placeholder="Kies een template"
+			value={modifiedData?.template?.[0]?.id}
+			onChange={handleSelectTemplate}
+			disabled={Boolean(!selectedPlatform?.id || isLoadingTemplateRelation)}
+		>
+			<SingleSelectOption value={0}>Geen template geselecteerd</SingleSelectOption>
+			{templates?.map((template) => (
+				<SingleSelectOption key={template.id} value={template.id}>
+					{template.title}
+				</SingleSelectOption>
+			))}
+		</SingleSelect>
+	);
+};

package/admin/src/components/PageTypeEditView/index.tsx

@@ -1,53 +1,53 @@
-import React from 'react';
-
-import { useCMEditViewDataManager } from '@strapi/helper-plugin';
-import { Stack } from '@strapi/design-system';
-
-import { PAGE_TYPE_UID } from '../../../../shared/utils/constants';
-import { TemplatePlatformSelect } from './TemplatePlatformSelect';
-import { Wrapper } from '../EditView/wrapper';
-import SinglePlatformFilteredSelectField from '../PlatformFilteredSelectField/Single';
-import { usePlatformFormData } from '../../utils/hooks/usePlatformFormData';
-import { useRelationLoad } from '../PlatformFilteredSelectField/hooks/useRelationLoad';
-
-const targetField = 'defaultParent';
-
-const PageTypeEditView = () => {
-	const form = useCMEditViewDataManager() as any;
-	const { layout } = form;
-	const { selectedPlatform } = usePlatformFormData(form);
-	const targetFieldAttribute = layout?.metadatas?.[targetField]?.edit?.mainField?.schema || {};
-
-	useRelationLoad({
-		name: targetField,
-		attribute: targetFieldAttribute
-	});
-
-	return (
-		<Wrapper title="Instellingen">
-			<Stack spacing={4} width="100%">
-				<TemplatePlatformSelect />
-				<SinglePlatformFilteredSelectField
-					name={layout?.metadatas?.[targetField]?.edit?.label}
-					attribute={{ pluginOptions: { filteredSelect: { targetField } } }}
-					selectedPlatform={selectedPlatform}
-				/>
-			</Stack>
-		</Wrapper>
-	);
-};
-
-const PageTypeEditViewWrapper = () => {
-	const form = useCMEditViewDataManager() as any;
-	const { layout } = form;
-	const { selectedPlatform } = usePlatformFormData(form);
-	const isPageTypeCollectionType = layout.uid === PAGE_TYPE_UID;
-
-	if (!isPageTypeCollectionType || !selectedPlatform) {
-		return null;
-	}
-
-	return <PageTypeEditView />;
-};
-
-export default PageTypeEditViewWrapper;
+import React from 'react';
+
+import { useCMEditViewDataManager } from '@strapi/helper-plugin';
+import { Stack } from '@strapi/design-system';
+
+import { PAGE_TYPE_UID } from '../../../../shared/utils/constants';
+import { TemplatePlatformSelect } from './TemplatePlatformSelect';
+import { Wrapper } from '../EditView/wrapper';
+import SinglePlatformFilteredSelectField from '../PlatformFilteredSelectField/Single';
+import { usePlatformFormData } from '../../utils/hooks/usePlatformFormData';
+import { useRelationLoad } from '../PlatformFilteredSelectField/hooks/useRelationLoad';
+
+const targetField = 'defaultParent';
+
+const PageTypeEditView = () => {
+	const form = useCMEditViewDataManager() as any;
+	const { layout } = form;
+	const { selectedPlatform } = usePlatformFormData(form);
+	const targetFieldAttribute = layout?.metadatas?.[targetField]?.edit?.mainField?.schema || {};
+
+	useRelationLoad({
+		name: targetField,
+		attribute: targetFieldAttribute
+	});
+
+	return (
+		<Wrapper title="Instellingen">
+			<Stack spacing={4} width="100%">
+				<TemplatePlatformSelect />
+				<SinglePlatformFilteredSelectField
+					name={layout?.metadatas?.[targetField]?.edit?.label}
+					attribute={{ pluginOptions: { filteredSelect: { targetField } } }}
+					selectedPlatform={selectedPlatform}
+				/>
+			</Stack>
+		</Wrapper>
+	);
+};
+
+const PageTypeEditViewWrapper = () => {
+	const form = useCMEditViewDataManager() as any;
+	const { layout } = form;
+	const { selectedPlatform } = usePlatformFormData(form);
+	const isPageTypeCollectionType = layout.uid === PAGE_TYPE_UID;
+
+	if (!isPageTypeCollectionType || !selectedPlatform) {
+		return null;
+	}
+
+	return <PageTypeEditView />;
+};
+
+export default PageTypeEditViewWrapper;

package/admin/src/components/PlatformFilteredSelectField/InputIcon/index.tsx

@@ -1,23 +1,23 @@
-import React from 'react';
-import styled from 'styled-components';
-import { Icon } from '@strapi/design-system';
-import { Text } from '@strapi/icons';
-
-const IconBox = styled.div`
-	svg > rect {
-		fill: #0e4dff;
-		stroke: #0e4dff;
-	}
-
-	svg > path {
-		fill: #fff;
-	}
-`;
-
-const FieldIcon = () => (
-	<IconBox>
-		<Icon width={7} height={6} as={Text} />
-	</IconBox>
-);
-
-export default FieldIcon;
+import React from 'react';
+import styled from 'styled-components';
+import { Icon } from '@strapi/design-system';
+import { Text } from '@strapi/icons';
+
+const IconBox = styled.div`
+	svg > rect {
+		fill: #0e4dff;
+		stroke: #0e4dff;
+	}
+
+	svg > path {
+		fill: #fff;
+	}
+`;
+
+const FieldIcon = () => (
+	<IconBox>
+		<Icon width={7} height={6} as={Text} />
+	</IconBox>
+);
+
+export default FieldIcon;