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

package/admin/src/components/StrapiCore/admin/admin/src/content-manager/hooks/useKeyboardDragAndDrop.ts

@@ -1,96 +1,96 @@
-import * as React from 'react';
-
-export type UseKeyboardDragAndDropCallbacks<TIndex extends number | Array<number> = number> = {
-	onCancel?: (index: TIndex) => void;
-	onDropItem?: (currentIndex: TIndex, newIndex?: TIndex) => void;
-	onGrabItem?: (index: TIndex) => void;
-	onMoveItem?: (newIndex: TIndex, currentIndex: TIndex) => void;
-};
-
-/**
- * Utility hook designed to implement keyboard accessibile drag and drop by
- * returning an onKeyDown handler to be passed to the drag icon button.
- *
- * @internal - You should use `useDragAndDrop` instead.
- */
-export const useKeyboardDragAndDrop = <TIndex extends number | Array<number> = number>(
-	active: boolean,
-	index: TIndex,
-	{ onCancel, onDropItem, onGrabItem, onMoveItem }: UseKeyboardDragAndDropCallbacks<TIndex>
-) => {
-	const [isSelected, setIsSelected] = React.useState(false);
-
-	const handleMove = (movement: 'UP' | 'DOWN') => {
-		if (!isSelected) {
-			return;
-		}
-		if (typeof index === 'number' && onMoveItem) {
-			if (movement === 'UP') {
-				onMoveItem((index - 1) as TIndex, index);
-			} else if (movement === 'DOWN') {
-				onMoveItem((index + 1) as TIndex, index);
-			}
-		}
-	};
-
-	const handleDragClick = () => {
-		if (isSelected) {
-			if (onDropItem) {
-				onDropItem(index);
-			}
-			setIsSelected(false);
-		} else {
-			if (onGrabItem) {
-				onGrabItem(index);
-			}
-			setIsSelected(true);
-		}
-	};
-
-	const handleCancel = () => {
-		if (isSelected) {
-			setIsSelected(false);
-
-			if (onCancel) {
-				onCancel(index);
-			}
-		}
-	};
-
-	const handleKeyDown: React.KeyboardEventHandler<HTMLButtonElement> = (e) => {
-		if (!active) {
-			return;
-		}
-
-		if (e.key === 'Tab' && !isSelected) {
-			return;
-		}
-
-		e.preventDefault();
-
-		switch (e.key) {
-			case ' ':
-			case 'Enter':
-				handleDragClick();
-				break;
-
-			case 'Escape':
-				handleCancel();
-				break;
-
-			case 'ArrowDown':
-			case 'ArrowRight':
-				handleMove('DOWN');
-				break;
-
-			case 'ArrowUp':
-			case 'ArrowLeft':
-				handleMove('UP');
-				break;
-
-			default:
-		}
-	};
-
-	return handleKeyDown;
-};
+import * as React from 'react';
+
+export type UseKeyboardDragAndDropCallbacks<TIndex extends number | Array<number> = number> = {
+	onCancel?: (index: TIndex) => void;
+	onDropItem?: (currentIndex: TIndex, newIndex?: TIndex) => void;
+	onGrabItem?: (index: TIndex) => void;
+	onMoveItem?: (newIndex: TIndex, currentIndex: TIndex) => void;
+};
+
+/**
+ * Utility hook designed to implement keyboard accessibile drag and drop by
+ * returning an onKeyDown handler to be passed to the drag icon button.
+ *
+ * @internal - You should use `useDragAndDrop` instead.
+ */
+export const useKeyboardDragAndDrop = <TIndex extends number | Array<number> = number>(
+	active: boolean,
+	index: TIndex,
+	{ onCancel, onDropItem, onGrabItem, onMoveItem }: UseKeyboardDragAndDropCallbacks<TIndex>
+) => {
+	const [isSelected, setIsSelected] = React.useState(false);
+
+	const handleMove = (movement: 'UP' | 'DOWN') => {
+		if (!isSelected) {
+			return;
+		}
+		if (typeof index === 'number' && onMoveItem) {
+			if (movement === 'UP') {
+				onMoveItem((index - 1) as TIndex, index);
+			} else if (movement === 'DOWN') {
+				onMoveItem((index + 1) as TIndex, index);
+			}
+		}
+	};
+
+	const handleDragClick = () => {
+		if (isSelected) {
+			if (onDropItem) {
+				onDropItem(index);
+			}
+			setIsSelected(false);
+		} else {
+			if (onGrabItem) {
+				onGrabItem(index);
+			}
+			setIsSelected(true);
+		}
+	};
+
+	const handleCancel = () => {
+		if (isSelected) {
+			setIsSelected(false);
+
+			if (onCancel) {
+				onCancel(index);
+			}
+		}
+	};
+
+	const handleKeyDown: React.KeyboardEventHandler<HTMLButtonElement> = (e) => {
+		if (!active) {
+			return;
+		}
+
+		if (e.key === 'Tab' && !isSelected) {
+			return;
+		}
+
+		e.preventDefault();
+
+		switch (e.key) {
+			case ' ':
+			case 'Enter':
+				handleDragClick();
+				break;
+
+			case 'Escape':
+				handleCancel();
+				break;
+
+			case 'ArrowDown':
+			case 'ArrowRight':
+				handleMove('DOWN');
+				break;
+
+			case 'ArrowUp':
+			case 'ArrowLeft':
+				handleMove('UP');
+				break;
+
+			default:
+		}
+	};
+
+	return handleKeyDown;
+};

package/admin/src/components/StrapiCore/admin/admin/src/content-manager/hooks/usePrev.ts

@@ -1,11 +1,11 @@
-import { useEffect, useRef } from 'react';
-
-export const usePrev = <T>(value: T): T | undefined => {
-	const ref = useRef<T>();
-
-	useEffect(() => {
-		ref.current = value;
-	}, [value]);
-
-	return ref.current;
-};
+import { useEffect, useRef } from 'react';
+
+export const usePrev = <T>(value: T): T | undefined => {
+	const ref = useRef<T>();
+
+	useEffect(() => {
+		ref.current = value;
+	}, [value]);
+
+	return ref.current;
+};

package/admin/src/components/StrapiCore/admin/admin/src/content-manager/utils/dragAndDrop.ts

@@ -1,8 +1,8 @@
-export const ItemTypes = {
-	COMPONENT: 'component',
-	EDIT_FIELD: 'editField',
-	FIELD: 'field',
-	DYNAMIC_ZONE: 'dynamicZone',
-	RELATION: 'relation',
-	BLOCKS: 'blocks'
-} as const;
+export const ItemTypes = {
+	COMPONENT: 'component',
+	EDIT_FIELD: 'editField',
+	FIELD: 'field',
+	DYNAMIC_ZONE: 'dynamicZone',
+	RELATION: 'relation',
+	BLOCKS: 'blocks'
+} as const;

package/admin/src/components/StrapiCore/admin/admin/src/content-manager/utils/paths.ts

@@ -1,29 +1,29 @@
-import get from 'lodash/get';
-
-/**
- * This is typically used in circumstances where there are re-orderable pieces e.g. Dynamic Zones
- * or Repeatable fields. It finds the _original_ location of the initial data using `__temp_key__` values
- * which are added to the fields in the `INIT_FORM` reducer to give array data a stable (when you add
- * a new item they wont have a server ID).
- */
-export const getInitialDataPathUsingTempKeys =
-	(initialData?: Record<string, any>, modifiedData?: Record<string, any>) => (currentPath: string) => {
-		const splitPath = currentPath.split('.');
-
-		return splitPath.reduce<string[]>((acc, currentValue, index) => {
-			const initialDataParent = get(initialData, acc);
-			const modifiedDataTempKey = get(modifiedData, [...splitPath.slice(0, index), currentValue, '__temp_key__']);
-
-			if (Array.isArray(initialDataParent) && typeof modifiedDataTempKey === 'number') {
-				const initialDataIndex = initialDataParent.findIndex((entry) => entry.__temp_key__ === modifiedDataTempKey);
-
-				acc.push(initialDataIndex.toString());
-
-				return acc;
-			}
-
-			acc.push(currentValue);
-
-			return acc;
-		}, []);
-	};
+import get from 'lodash/get';
+
+/**
+ * This is typically used in circumstances where there are re-orderable pieces e.g. Dynamic Zones
+ * or Repeatable fields. It finds the _original_ location of the initial data using `__temp_key__` values
+ * which are added to the fields in the `INIT_FORM` reducer to give array data a stable (when you add
+ * a new item they wont have a server ID).
+ */
+export const getInitialDataPathUsingTempKeys =
+	(initialData?: Record<string, any>, modifiedData?: Record<string, any>) => (currentPath: string) => {
+		const splitPath = currentPath.split('.');
+
+		return splitPath.reduce<string[]>((acc, currentValue, index) => {
+			const initialDataParent = get(initialData, acc);
+			const modifiedDataTempKey = get(modifiedData, [...splitPath.slice(0, index), currentValue, '__temp_key__']);
+
+			if (Array.isArray(initialDataParent) && typeof modifiedDataTempKey === 'number') {
+				const initialDataIndex = initialDataParent.findIndex((entry) => entry.__temp_key__ === modifiedDataTempKey);
+
+				acc.push(initialDataIndex.toString());
+
+				return acc;
+			}
+
+			acc.push(currentValue);
+
+			return acc;
+		}, []);
+	};

package/admin/src/components/StrapiCore/admin/admin/src/content-manager/utils/refs.ts

@@ -1,19 +1,19 @@
-import { MutableRefObject, Ref } from 'react';
-
-type PossibleRef<T> = Ref<T> | undefined;
-
-const setRef = <T>(ref: PossibleRef<T>, value: T) => {
-	if (typeof ref === 'function') {
-		ref(value);
-	} else if (ref !== null && ref !== undefined) {
-		(ref as MutableRefObject<T>).current = value;
-	}
-};
-
-/**
- * A utility to compose multiple refs together
- * Accepts callback refs and RefObject(s)
- */
-export const composeRefs = <T>(...refs: PossibleRef<T>[]) => {
-	return (node: T) => refs.forEach((ref) => setRef(ref, node));
-};
+import { MutableRefObject, Ref } from 'react';
+
+type PossibleRef<T> = Ref<T> | undefined;
+
+const setRef = <T>(ref: PossibleRef<T>, value: T) => {
+	if (typeof ref === 'function') {
+		ref(value);
+	} else if (ref !== null && ref !== undefined) {
+		(ref as MutableRefObject<T>).current = value;
+	}
+};
+
+/**
+ * A utility to compose multiple refs together
+ * Accepts callback refs and RefObject(s)
+ */
+export const composeRefs = <T>(...refs: PossibleRef<T>[]) => {
+	return (node: T) => refs.forEach((ref) => setRef(ref, node));
+};

package/admin/src/components/StrapiCore/admin/admin/src/content-manager/utils/translations.ts

@@ -1,3 +1,3 @@
-const getTranslation = (id: string) => `content-manager.${id}`;
-
-export { getTranslation };
+const getTranslation = (id: string) => `content-manager.${id}`;
+
+export { getTranslation };