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

package/admin/src/api/search-filtered-entity.ts

@@ -1,114 +1,114 @@
-import { useQuery, UseQueryOptions } from 'react-query';
-import orderBy from 'lodash/orderBy';
-
-import { useFetchClient } from '@strapi/helper-plugin';
-import qs from 'qs';
-
-export type SearchFilteredEntitiesResult = {
-	pagination: {
-		page: number;
-		pageCount: number;
-		pageSize: number;
-		total: number;
-	};
-	results: {
-		id: number;
-		title: string;
-		href: string;
-		publicationState?: string | false;
-		publishedAt?: string;
-	}[];
-};
-
-type SearchFilteredEntitiesQueryParams = {
-	fetchClient?: any;
-	uid: string;
-	page: number;
-	locale: string;
-	searchQuery?: string;
-	platformTitle?: string;
-	notIds?: number[];
-	customFilters?: Record<string, any>[];
-};
-
-const QUERY_KEY = 'filteredEntities';
-
-export const getSearchFilteredEntities = async ({
-	fetchClient,
-	uid,
-	page,
-	locale,
-	searchQuery,
-	platformTitle,
-	notIds,
-	customFilters
-}: SearchFilteredEntitiesQueryParams): Promise<SearchFilteredEntitiesResult> => {
-	try {
-		const { get } = fetchClient;
-		const notIdFilters = notIds && notIds.length > 0 ? notIds.map((id) => ({ id: { $ne: id } })) : [];
-		const customFilterObject = Array.isArray(customFilters) ? customFilters : [];
-
-		const filters = qs.stringify({
-			page,
-			pageSize: 20,
-			locale,
-			sort: searchQuery ? 'title:ASC' : undefined,
-			_q: searchQuery || undefined,
-			filters: {
-				$and: [
-					{ platform: { title: { $contains: platformTitle || undefined } } },
-					...notIdFilters,
-					...customFilterObject
-				]
-			}
-		});
-
-		const { data } = await get(`/content-manager/collection-types/${uid}?${filters}`);
-		const mapResults = data.results.map(
-			(result: Record<string, any>): SearchFilteredEntitiesResult['results'][number] => {
-				const getPublicationState = () => {
-					if (result?.publishedAt !== undefined) {
-						return result?.publishedAt ? 'published' : 'draft';
-					}
-
-					return false;
-				};
-
-				return {
-					id: result.id,
-					title: result.title,
-					publicationState: getPublicationState(),
-					publishedAt: result?.publishedAt,
-					href: `/content-manager/collectionType/${uid}/${result.id}`
-				};
-			}
-		);
-
-		return {
-			pagination: data.pagination,
-			results: orderBy(mapResults, ['title'], ['asc'])
-		};
-	} catch (e) {
-		return {
-			pagination: { page: 1, pageCount: 0, pageSize: 0, total: 0 },
-			results: []
-		};
-	}
-};
-
-export const useSearchFilteredEntities = (
-	params: SearchFilteredEntitiesQueryParams,
-	options?: UseQueryOptions<SearchFilteredEntitiesResult, Error>
-) => {
-	const fetchClient = useFetchClient();
-
-	return useQuery<SearchFilteredEntitiesResult, Error>(
-		[QUERY_KEY, params],
-		() =>
-			getSearchFilteredEntities({
-				...params,
-				fetchClient
-			}),
-		options
-	);
-};
+import { useQuery, UseQueryOptions } from 'react-query';
+import orderBy from 'lodash/orderBy';
+
+import { useFetchClient } from '@strapi/helper-plugin';
+import qs from 'qs';
+
+export type SearchFilteredEntitiesResult = {
+	pagination: {
+		page: number;
+		pageCount: number;
+		pageSize: number;
+		total: number;
+	};
+	results: {
+		id: number;
+		title: string;
+		href: string;
+		publicationState?: string | false;
+		publishedAt?: string;
+	}[];
+};
+
+type SearchFilteredEntitiesQueryParams = {
+	fetchClient?: any;
+	uid: string;
+	page: number;
+	locale: string;
+	searchQuery?: string;
+	platformTitle?: string;
+	notIds?: number[];
+	customFilters?: Record<string, any>[];
+};
+
+const QUERY_KEY = 'filteredEntities';
+
+export const getSearchFilteredEntities = async ({
+	fetchClient,
+	uid,
+	page,
+	locale,
+	searchQuery,
+	platformTitle,
+	notIds,
+	customFilters
+}: SearchFilteredEntitiesQueryParams): Promise<SearchFilteredEntitiesResult> => {
+	try {
+		const { get } = fetchClient;
+		const notIdFilters = notIds && notIds.length > 0 ? notIds.map((id) => ({ id: { $ne: id } })) : [];
+		const customFilterObject = Array.isArray(customFilters) ? customFilters : [];
+
+		const filters = qs.stringify({
+			page,
+			pageSize: 20,
+			locale,
+			sort: searchQuery ? 'title:ASC' : undefined,
+			_q: searchQuery || undefined,
+			filters: {
+				$and: [
+					{ platform: { title: { $contains: platformTitle || undefined } } },
+					...notIdFilters,
+					...customFilterObject
+				]
+			}
+		});
+
+		const { data } = await get(`/content-manager/collection-types/${uid}?${filters}`);
+		const mapResults = data.results.map(
+			(result: Record<string, any>): SearchFilteredEntitiesResult['results'][number] => {
+				const getPublicationState = () => {
+					if (result?.publishedAt !== undefined) {
+						return result?.publishedAt ? 'published' : 'draft';
+					}
+
+					return false;
+				};
+
+				return {
+					id: result.id,
+					title: result.title,
+					publicationState: getPublicationState(),
+					publishedAt: result?.publishedAt,
+					href: `/content-manager/collectionType/${uid}/${result.id}`
+				};
+			}
+		);
+
+		return {
+			pagination: data.pagination,
+			results: orderBy(mapResults, ['title'], ['asc'])
+		};
+	} catch (e) {
+		return {
+			pagination: { page: 1, pageCount: 0, pageSize: 0, total: 0 },
+			results: []
+		};
+	}
+};
+
+export const useSearchFilteredEntities = (
+	params: SearchFilteredEntitiesQueryParams,
+	options?: UseQueryOptions<SearchFilteredEntitiesResult, Error>
+) => {
+	const fetchClient = useFetchClient();
+
+	return useQuery<SearchFilteredEntitiesResult, Error>(
+		[QUERY_KEY, params],
+		() =>
+			getSearchFilteredEntities({
+				...params,
+				fetchClient
+			}),
+		options
+	);
+};

package/admin/src/api/template.ts

@@ -1,39 +1,39 @@
-import { useQuery } from 'react-query';
-
-import { useFetchClient } from '@strapi/helper-plugin';
-
-export type Template = {
-	id: number;
-	title: string;
-	modules: Record<string, any>[];
-};
-
-const QUERY_KEY = 'templates';
-
-const fetchTemplates = async ({ fetchClient, platformId }: Record<string, any>): Promise<Template[]> => {
-	try {
-		if (!platformId) {
-			throw new Error('No platformId');
-		}
-
-		const { get } = fetchClient;
-		const result = await get(`/content-manager/collection-types/api::template.template?page=1&pageSize=999`);
-
-		return result?.data?.results
-			?.filter((x?: Record<string, any>) => x?.platform?.id === platformId)
-			?.map((template: Record<string, any>) => ({ id: template.id, title: template.title, modules: template.modules }));
-	} catch {
-		return [];
-	}
-};
-
-export const useGetTemplates = (params: Record<string, any>) => {
-	const fetchClient = useFetchClient();
-
-	return useQuery<Template[], Error>([QUERY_KEY, params], () =>
-		fetchTemplates({
-			...params,
-			fetchClient
-		})
-	);
-};
+import { useQuery } from 'react-query';
+
+import { useFetchClient } from '@strapi/helper-plugin';
+
+export type Template = {
+	id: number;
+	title: string;
+	modules: Record<string, any>[];
+};
+
+const QUERY_KEY = 'templates';
+
+const fetchTemplates = async ({ fetchClient, platformId }: Record<string, any>): Promise<Template[]> => {
+	try {
+		if (!platformId) {
+			throw new Error('No platformId');
+		}
+
+		const { get } = fetchClient;
+		const result = await get(`/content-manager/collection-types/api::template.template?page=1&pageSize=999`);
+
+		return result?.data?.results
+			?.filter((x?: Record<string, any>) => x?.platform?.id === platformId)
+			?.map((template: Record<string, any>) => ({ id: template.id, title: template.title, modules: template.modules }));
+	} catch {
+		return [];
+	}
+};
+
+export const useGetTemplates = (params: Record<string, any>) => {
+	const fetchClient = useFetchClient();
+
+	return useQuery<Template[], Error>([QUERY_KEY, params], () =>
+		fetchTemplates({
+			...params,
+			fetchClient
+		})
+	);
+};

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

@@ -1,83 +1,83 @@
-import React, { useEffect, useState } from 'react';
-import { ClearIndicatorProps, DropdownIndicatorProps, GroupBase, components } from 'react-select';
-import AsyncSelect, { AsyncProps } from 'react-select/async';
-
-import { CarretDown, Cross } from '@strapi/icons';
-import { FieldLabel } from '@strapi/design-system';
-
-import S from './styles';
-import { useReactSelectCustomStyles } from './react-select-custom-styles';
-
-export interface IComboboxProps extends AsyncProps<IReactSelectValue, false, GroupBase<IReactSelectValue>> {
-	customOption?: typeof components.Option<IReactSelectValue, false, GroupBase<IReactSelectValue>>;
-	label?: string;
-	id: string;
-	extraLabelElement?: React.ReactNode;
-	labelAction?: React.ReactNode;
-	afterInput?: React.ReactNode;
-}
-
-export interface IReactSelectValue {
-	value: string;
-	label: string;
-	initialSelected?: boolean;
-}
-
-const Combobox = (props: IComboboxProps) => {
-	const { label, customOption, extraLabelElement, labelAction, id, afterInput, ...selectProps } = props;
-	const styles = useReactSelectCustomStyles();
-	const [inputValue, setInputValue] = useState<string | undefined>(props.inputValue);
-
-	useEffect(() => {
-		setInputValue(props.inputValue);
-	}, [props.inputValue]);
-
-	return (
-		<S.Wrapper>
-			{props.label && (
-				<S.LabelWrapper>
-					<FieldLabel action={labelAction}>{props.label}</FieldLabel>
-					{extraLabelElement}
-				</S.LabelWrapper>
-			)}
-			<S.ElementWrapper>
-				<AsyncSelect
-					{...selectProps}
-					inputId={id}
-					isClearable
-					onInputChange={(value, actionMeta) => {
-						props.onInputChange?.(value, actionMeta);
-						setInputValue(value);
-					}}
-					styles={styles}
-					inputValue={inputValue}
-					components={{
-						IndicatorSeparator: null,
-						ClearIndicator,
-						DropdownIndicator,
-						Option: props.customOption || components.Option
-					}}
-				/>
-				{afterInput}
-			</S.ElementWrapper>
-		</S.Wrapper>
-	);
-};
-
-export { Combobox };
-
-const ClearIndicator = (props: ClearIndicatorProps<IReactSelectValue, false>) => {
-	return (
-		<components.ClearIndicator {...props}>
-			<Cross />
-		</components.ClearIndicator>
-	);
-};
-
-const DropdownIndicator = (props: DropdownIndicatorProps<IReactSelectValue, false>) => {
-	return (
-		<components.DropdownIndicator {...props}>
-			<CarretDown />
-		</components.DropdownIndicator>
-	);
-};
+import React, { useEffect, useState } from 'react';
+import { ClearIndicatorProps, DropdownIndicatorProps, GroupBase, components } from 'react-select';
+import AsyncSelect, { AsyncProps } from 'react-select/async';
+
+import { CarretDown, Cross } from '@strapi/icons';
+import { FieldLabel } from '@strapi/design-system';
+
+import S from './styles';
+import { useReactSelectCustomStyles } from './react-select-custom-styles';
+
+export interface IComboboxProps extends AsyncProps<IReactSelectValue, false, GroupBase<IReactSelectValue>> {
+	customOption?: typeof components.Option<IReactSelectValue, false, GroupBase<IReactSelectValue>>;
+	label?: string;
+	id: string;
+	extraLabelElement?: React.ReactNode;
+	labelAction?: React.ReactNode;
+	afterInput?: React.ReactNode;
+}
+
+export interface IReactSelectValue {
+	value: string;
+	label: string;
+	initialSelected?: boolean;
+}
+
+const Combobox = (props: IComboboxProps) => {
+	const { label, customOption, extraLabelElement, labelAction, id, afterInput, ...selectProps } = props;
+	const styles = useReactSelectCustomStyles();
+	const [inputValue, setInputValue] = useState<string | undefined>(props.inputValue);
+
+	useEffect(() => {
+		setInputValue(props.inputValue);
+	}, [props.inputValue]);
+
+	return (
+		<S.Wrapper>
+			{props.label && (
+				<S.LabelWrapper>
+					<FieldLabel action={labelAction}>{props.label}</FieldLabel>
+					{extraLabelElement}
+				</S.LabelWrapper>
+			)}
+			<S.ElementWrapper>
+				<AsyncSelect
+					{...selectProps}
+					inputId={id}
+					isClearable
+					onInputChange={(value, actionMeta) => {
+						props.onInputChange?.(value, actionMeta);
+						setInputValue(value);
+					}}
+					styles={styles}
+					inputValue={inputValue}
+					components={{
+						IndicatorSeparator: null,
+						ClearIndicator,
+						DropdownIndicator,
+						Option: props.customOption || components.Option
+					}}
+				/>
+				{afterInput}
+			</S.ElementWrapper>
+		</S.Wrapper>
+	);
+};
+
+export { Combobox };
+
+const ClearIndicator = (props: ClearIndicatorProps<IReactSelectValue, false>) => {
+	return (
+		<components.ClearIndicator {...props}>
+			<Cross />
+		</components.ClearIndicator>
+	);
+};
+
+const DropdownIndicator = (props: DropdownIndicatorProps<IReactSelectValue, false>) => {
+	return (
+		<components.DropdownIndicator {...props}>
+			<CarretDown />
+		</components.DropdownIndicator>
+	);
+};