Merge pull request #93 from studiopress/add/editor-modal

Optional modal for editor fields

.eslintrc

@@ -24,6 +24,12 @@
   ],
   "rules": {
     "@wordpress/dependency-group": "error",
+    "@wordpress/i18n-text-domain": [
+      "error",
+      {
+        "allowedTextDomain": "genesis-custom-blocks"
+      }
+    ],
     "@wordpress/no-unused-vars-before-return": "off",
     "@wordpress/react-no-unsafe-timeout": "error",
     "comma-dangle": [

.gitignore

@@ -1,16 +1,6 @@
 # IDEA Ignores #
 ################
-*.iml
-*.ipr
-*.iws
 .idea/
-out/
-local.properties
-
-# Sublime Text #
-##############
-*.sublime-project
-*.sublime-workspace
 
 # Packages #
 ############
@@ -92,16 +82,6 @@ node_modules
 #######
 *.sass-cache
 
-# Vagrant #
-##########
-.vagrant
-
-# Ansible
-*.retry
-
-# ack
-.ackrc
-
 # Composer
 vendor
 

.npmrc

@@ -1 +1,2 @@
 save-exact = true
+engine-strict = true

README.md

@@ -38,6 +38,8 @@ Let the plugin do the heavy lifting so you can use the built-in editor, or famil
 As an alternative to the built-in editor, there are simple functions, ready to render and work with the data stored through your custom block fields.
 
 ## Currently available block fields ##
+* Inner Blocks field
+* File Field
 * Text Field
 * Image Field
 * URL Field

composer.json

@@ -23,6 +23,12 @@
         }
     },
     "scripts": {
+        "lint": [
+            "phpcs"
+        ],
+        "lint-fix": [
+            "phpcbf"
+        ],
         "test": [
             "phpunit"
         ]

css/src/editor.scss

@@ -18,10 +18,8 @@ $font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans
 	box-shadow: none;
 }
 
-/* Block form in editor & sidebar */
-div[class^="wp-block-genesis-custom-blocks-"],
-.edit-post-settings-sidebar__panel-block .components-panel__body,
-.gcb-editor {
+.gcb-editor-form,
+.gcb-inspector-form {
 
 	:required:invalid {
 		border-color: #c00000;
@@ -116,84 +114,83 @@ div[class^="wp-block-genesis-custom-blocks-"],
 div[class^="wp-block-genesis-custom-blocks-"],
 .gcb-editor {
 	margin: 0;
+}
 
-	.block-form {
-		border-left: none;
-		background: $dark-opacity-light-200;
-		padding: 22px 0 22px 22px;
-		font-size: 0.8125rem;
-		display: flex;
-		flex-wrap: wrap;
-
-		h3 {
-			color: #111;
-			font-size: 1rem;
-			margin: 0;
-			flex: 1 1 100%;
-
-			svg {
-				position: relative;
-				top: 6px;
-				margin-right: 4px;
-			}
+.gcb-editor-form {
+	border-left: none;
+	background: $dark-opacity-light-200;
+	padding: 22px 0 22px 22px;
+	font-size: 0.8125rem;
+	display: flex;
+	flex-wrap: wrap;
+
+	h3 {
+		color: #111;
+		font-size: 1rem;
+		margin: 0;
+		flex: 1 1 100%;
+
+		svg {
+			position: relative;
+			top: 6px;
+			margin-right: 4px;
 		}
+	}
 
-		p {
-			font-size: 1rem;
-			font-family: $font-family;
-		}
+	p {
+		font-size: 1rem;
+		font-family: $font-family;
+	}
 
-		.genesis-custom-blocks-control {
-			flex-basis: 100%;
-			padding-right: 22px;
+	.genesis-custom-blocks-control {
+		flex-basis: 100%;
+		padding-right: 22px;
 
-			&.width-25 {
-				flex-basis: 25%;
-			}
-			&.width-50 {
-				flex-basis: 50%;
-			}
-			&.width-75 {
-				flex-basis: 75%;
-			}
+		&.width-25 {
+			flex-basis: 25%;
 		}
-
-		@media screen and (max-width: 782px) {
-			.genesis-custom-blocks-control.width-25,
-			.genesis-custom-blocks-control.width-50,
-			.genesis-custom-blocks-control.width-75 {
-				flex-basis: 100%;
-			}
+		&.width-50 {
+			flex-basis: 50%;
 		}
+		&.width-75 {
+			flex-basis: 75%;
+		}
+	}
 
-		.components-base-control {
-			font-family: $font-family;
+	@media screen and (max-width: 782px) {
+		.genesis-custom-blocks-control.width-25,
+		.genesis-custom-blocks-control.width-50,
+		.genesis-custom-blocks-control.width-75 {
+			flex-basis: 100%;
 		}
+	}
 
-		.components-base-control__field {
-			margin: 1em 0 0;
+	.components-base-control {
+		font-family: $font-family;
+	}
 
-			.components-base-control__label {
-				display: block;
-				font-weight: 600;
-			}
-		}
+	.components-base-control__field {
+		margin: 1em 0 0;
 
-		.components-base-control__help {
-			margin: 0 0 1em 0.5em;
-			font-size: 1em;
-			color: rgba(0, 0, 0, 0.8);
+		.components-base-control__label {
+			display: block;
+			font-weight: 600;
 		}
+	}
 
-		/* Override a max-width: 25rem style rule in Core that can prevent displaying at the selected with, like 75% */
-		.components-select-control__input {
-			max-width: unset;
-		}
+	.components-base-control__help {
+		margin: 0 0 1em 0.5em;
+		font-size: 1em;
+		color: rgba(0, 0, 0, 0.8);
+	}
+
+	/* Override a max-width: 25rem style rule in Core that can prevent displaying at the selected with, like 75% */
+	.components-select-control__input {
+		max-width: unset;
 	}
 }
 
-/* Block form in sidebar */
-.edit-post-settings-sidebar__panel-block .components-panel__body {
+.gcb-inspector-form {
 	/* Media Upload Component */
 	.genesis-custom-blocks-media-controls {
 		.components-spinner {