Move functions.

WordPress · May 17, 2021 · ee5e7e4 · ee5e7e4
1 parent 9d55454
commit ee5e7e4
Showing 1 changed file with 29 additions and 29 deletions.
diff --git a/packages/block-library/src/search/edit.js b/packages/block-library/src/search/edit.js
@@ -100,35 +100,6 @@ export default function SearchEdit( {
 		}
 	}, [ buttonPosition ] );
 
-	const hideSearchField = () => {
-		searchFieldRef.current.style.width = `${ searchFieldRef.current.offsetWidth }px`;
-		searchFieldRef.current.style.flexGrow = '0';
-		searchFieldRef.current.style.transitionDuration = `${ SEARCHFIELD_ANIMATION_DURATION }ms`;
-		searchFieldRef.current.style.transitionProperty = 'margin-left';
-
-		const offset =
-			searchFieldRef.current.offsetWidth +
-			parseInt(
-				window.getComputedStyle( searchFieldRef.current ).marginRight
-			) +
-			parseInt( window.getComputedStyle( buttonRef.current ).marginLeft );
-
-		searchFieldRef.current.style.marginLeft = `-${ offset }px`;
-	};
-
-	const showSearchField = ( animate = true ) => {
-		const duration = animate ? SEARCHFIELD_ANIMATION_DURATION : 0;
-
-		searchFieldRef.current.style.marginLeft = 0;
-		searchFieldRef.current.style.transitionDuration = `${ duration }ms`;
-
-		const resetWidth = setTimeout( () => {
-			searchFieldRef.current.style.flexGrow = '1';
-			searchFieldRef.current.style.width = `${ width }${ widthUnit }`;
-			clearTimeout( resetWidth );
-		}, duration );
-	};
-
 	const getBlockClassNames = () => {
 		return classnames(
 			className,
@@ -187,6 +158,35 @@ export default function SearchEdit( {
 		};
 	};
 
+	const hideSearchField = () => {
+		searchFieldRef.current.style.width = `${ searchFieldRef.current.offsetWidth }px`;
+		searchFieldRef.current.style.flexGrow = '0';
+		searchFieldRef.current.style.transitionDuration = `${ SEARCHFIELD_ANIMATION_DURATION }ms`;
+		searchFieldRef.current.style.transitionProperty = 'margin-left';
+
+		const offset =
+			searchFieldRef.current.offsetWidth +
+			parseInt(
+				window.getComputedStyle( searchFieldRef.current ).marginRight
+			) +
+			parseInt( window.getComputedStyle( buttonRef.current ).marginLeft );
+
+		searchFieldRef.current.style.marginLeft = `-${ offset }px`;
+	};
+
+	const showSearchField = ( animate = true ) => {
+		const duration = animate ? SEARCHFIELD_ANIMATION_DURATION : 0;
+
+		searchFieldRef.current.style.marginLeft = 0;
+		searchFieldRef.current.style.transitionDuration = `${ duration }ms`;
+
+		const resetWidth = setTimeout( () => {
+			searchFieldRef.current.style.flexGrow = '1';
+			searchFieldRef.current.style.width = `${ width }${ widthUnit }`;
+			clearTimeout( resetWidth );
+		}, duration );
+	};
+
 	const renderTextField = () => {
 		return (
 			<input