split input-types array to a separate utils file

WordPress · Oct 13, 2022 · 9aa3e3f · 9aa3e3f
1 parent 20b11d1
commit 9aa3e3f
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 40 deletions.
diff --git a/packages/block-library/src/input-field/edit.js b/packages/block-library/src/input-field/edit.js
@@ -15,44 +15,10 @@ import {
 } from '@wordpress/components';
 import { useRef } from '@wordpress/element';
 
-const inputTypeOptions = [
-	{
-		key: 'text',
-		name: __( 'Text' ),
-	},
-	{
-		key: 'textarea',
-		name: __( 'Textarea' ),
-	},
-	{
-		key: 'checkbox',
-		name: __( 'Checkbox' ),
-	},
-	{
-		key: 'email',
-		name: __( 'Email' ),
-	},
-	{
-		key: 'url',
-		name: __( 'URL' ),
-	},
-	{
-		key: 'tel',
-		name: __( 'Telephone' ),
-	},
-	{
-		key: 'number',
-		name: __( 'Number' ),
-	},
-	{
-		key: 'datetime-local',
-		name: __( 'Date and time' ),
-	},
-	{
-		key: 'submit',
-		name: __( 'Submit' ),
-	},
-];
+/**
+ * Internal dependencies
+ */
+import { INPUT_TYPES } from './utils';
 
 function InputFieldBlock( { attributes, setAttributes } ) {
 	const { type, name, label, inlineLabel } = attributes;
@@ -69,10 +35,10 @@ function InputFieldBlock( { attributes, setAttributes } ) {
 				<PanelBody title={ __( 'Input settings' ) }>
 					<CustomSelectControl
 						label={ __( 'Type' ) }
-						value={ inputTypeOptions.find(
+						value={ INPUT_TYPES.find(
 							( option ) => option.key === type
 						) }
-						options={ inputTypeOptions }
+						options={ INPUT_TYPES }
 						onChange={ ( newVal ) => {
 							setAttributes( {
 								type: newVal?.selectedItem?.key,

diff --git a/packages/block-library/src/input-field/utils.js b/packages/block-library/src/input-field/utils.js
@@ -0,0 +1,43 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+
+export const INPUT_TYPES = [
+	{
+		key: 'text',
+		name: __( 'Text' ),
+	},
+	{
+		key: 'textarea',
+		name: __( 'Textarea' ),
+	},
+	{
+		key: 'checkbox',
+		name: __( 'Checkbox' ),
+	},
+	{
+		key: 'email',
+		name: __( 'Email' ),
+	},
+	{
+		key: 'url',
+		name: __( 'URL' ),
+	},
+	{
+		key: 'tel',
+		name: __( 'Telephone' ),
+	},
+	{
+		key: 'number',
+		name: __( 'Number' ),
+	},
+	{
+		key: 'datetime-local',
+		name: __( 'Date and time' ),
+	},
+	{
+		key: 'submit',
+		name: __( 'Submit' ),
+	},
+];