Add filters to Menu block

Resolves #78
bigbite · Jan 11, 2019 · cb99665 · cb99665
1 parent 113be73
commit cb99665
Show file tree

Hide file tree

Showing 22 changed files with 62 additions and 57 deletions.
diff --git a/block-languages/benenson-blocks.pot b/block-languages/benenson-blocks.pot
@@ -102,7 +102,7 @@ msgstr ""
 #: src/scripts/blocks/appearance-options/index.js:44
 #: src/scripts/blocks/blockquote/index.js:238
 #: src/scripts/blocks/header/DisplayComponent.js:102
-#: src/scripts/blocks/menu/DisplayComponent.js:10
+#: src/scripts/blocks/menu/DisplayComponent.js:12
 #: src/scripts/blocks/section/DisplayComponent.js:41
 msgid "White"
 msgstr ""
@@ -120,7 +120,7 @@ msgstr ""
 #: src/scripts/blocks/header/DisplayComponent.js:75
 #: src/scripts/blocks/iframe/DisplayComponent.js:89
 #: src/scripts/blocks/link/DisplayComponent.js:19
-#: src/scripts/blocks/menu/DisplayComponent.js:91
+#: src/scripts/blocks/menu/DisplayComponent.js:96
 #: src/scripts/blocks/post-list/DisplayComponent.js:58
 #: src/scripts/blocks/section/DisplayComponent.js:37
 #: src/scripts/blocks/slider/DisplayComponent.js:203
@@ -246,7 +246,7 @@ msgstr ""
 #: src/scripts/blocks/key-facts/index.js:59
 #: src/scripts/blocks/links-with-icons/BlockEdit.js:67
 #: src/scripts/blocks/logo-list/BlockEdit.js:58
-#: src/scripts/blocks/menu/DisplayComponent.js:11
+#: src/scripts/blocks/menu/DisplayComponent.js:15
 #: src/scripts/blocks/section/DisplayComponent.js:44
 #: src/scripts/blocks/section/index.js:27
 msgid "Grey"
@@ -504,7 +504,7 @@ msgstr ""
 #: src/scripts/blocks/key-facts/index.js:54
 #: src/scripts/blocks/links-with-icons/BlockEdit.js:62
 #: src/scripts/blocks/logo-list/BlockEdit.js:53
-#: src/scripts/blocks/menu/DisplayComponent.js:102
+#: src/scripts/blocks/menu/DisplayComponent.js:107
 #: src/scripts/blocks/section/DisplayComponent.js:39
 msgid "Background Colour"
 msgstr ""
@@ -866,23 +866,23 @@ msgstr ""
 msgid "Media"
 msgstr ""
 
-#: src/scripts/blocks/menu/DisplayComponent.js:110
+#: src/scripts/blocks/menu/DisplayComponent.js:115
 msgid "Select a menu in the sidebar"
 msgstr ""
 
-#: src/scripts/blocks/menu/DisplayComponent.js:111
+#: src/scripts/blocks/menu/DisplayComponent.js:116
 msgid "Loading Menu..."
 msgstr ""
 
-#: src/scripts/blocks/menu/DisplayComponent.js:22
+#: src/scripts/blocks/menu/DisplayComponent.js:27
 msgid "Select a menu..."
 msgstr ""
 
-#: src/scripts/blocks/menu/DisplayComponent.js:92
+#: src/scripts/blocks/menu/DisplayComponent.js:97
 msgid "Loading Menus..."
 msgstr ""
 
-#: src/scripts/blocks/menu/DisplayComponent.js:94
+#: src/scripts/blocks/menu/DisplayComponent.js:99
 #: src/scripts/blocks/menu/index.js:31
 msgid "Menu"
 msgstr ""

diff --git a/includes/block-translations.php b/includes/block-translations.php
@@ -79,7 +79,7 @@
 	// Reference: src/scripts/blocks/appearance-options/index.js:44
 	// Reference: src/scripts/blocks/blockquote/index.js:238
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:102
-	// Reference: src/scripts/blocks/menu/DisplayComponent.js:10
+	// Reference: src/scripts/blocks/menu/DisplayComponent.js:12
 	// Reference: src/scripts/blocks/section/DisplayComponent.js:41
 	__( 'White', 'benenson' ),
 
@@ -94,8 +94,8 @@
 	// Reference: src/scripts/blocks/columns/DisplayComponent.js:28
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:75
 	// Reference: src/scripts/blocks/iframe/DisplayComponent.js:89
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:16
-	// Reference: src/scripts/blocks/menu/DisplayComponent.js:91
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:19
+	// Reference: src/scripts/blocks/menu/DisplayComponent.js:96
 	// Reference: src/scripts/blocks/post-list/DisplayComponent.js:58
 	// Reference: src/scripts/blocks/section/DisplayComponent.js:37
 	// Reference: src/scripts/blocks/slider/DisplayComponent.js:203
@@ -143,7 +143,7 @@
 	// Reference: src/scripts/blocks/blockquote/index.js:163
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:80
 	// Reference: src/scripts/blocks/image/BlockEdit.js:205
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:60
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:63
 	// Reference: src/scripts/blocks/slider/DisplayComponent.js:35
 	/* translators: text alignment. for RTL languages, localise as 'Right' */
 	__( 'Left', 'benenson' ),
@@ -156,7 +156,7 @@
 	// Reference: src/scripts/blocks/blockquote/index.js:169
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:87
 	// Reference: src/scripts/blocks/image/BlockEdit.js:208
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:66
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:69
 	// Reference: src/scripts/blocks/slider/DisplayComponent.js:38
 	/* translators: text alignment. for RTL languages, localise as 'Left' */
 	__( 'Right', 'benenson' ),
@@ -197,7 +197,7 @@
 	// Reference: src/scripts/blocks/key-facts/index.js:59
 	// Reference: src/scripts/blocks/links-with-icons/BlockEdit.js:67
 	// Reference: src/scripts/blocks/logo-list/BlockEdit.js:58
-	// Reference: src/scripts/blocks/menu/DisplayComponent.js:11
+	// Reference: src/scripts/blocks/menu/DisplayComponent.js:15
 	// Reference: src/scripts/blocks/section/DisplayComponent.js:44
 	// Reference: src/scripts/blocks/section/index.js:27
 	__( 'Grey', 'benenson' ),
@@ -394,7 +394,7 @@
 	// Reference: src/scripts/blocks/key-facts/index.js:54
 	// Reference: src/scripts/blocks/links-with-icons/BlockEdit.js:62
 	// Reference: src/scripts/blocks/logo-list/BlockEdit.js:53
-	// Reference: src/scripts/blocks/menu/DisplayComponent.js:102
+	// Reference: src/scripts/blocks/menu/DisplayComponent.js:107
 	// Reference: src/scripts/blocks/section/DisplayComponent.js:39
 	__( 'Background Colour', 'benenson' ),
 
@@ -403,7 +403,7 @@
 
 	// Reference: src/scripts/blocks/header/DisplayComponent.js:99
 	// Reference: src/scripts/blocks/key-facts/index.js:58
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:45
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:48
 	// Reference: src/scripts/blocks/links-with-icons/BlockEdit.js:66
 	// Reference: src/scripts/blocks/logo-list/BlockEdit.js:57
 	// Reference: src/scripts/blocks/section/DisplayComponent.js:59
@@ -466,7 +466,7 @@
 	__( 'Responsive Iframe', 'benenson' ),
 
 	// Reference: src/scripts/blocks/image/BlockEdit.js:143
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:80
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:83
 	__( '(Link Text)', 'benenson' ),
 
 	// Reference: src/scripts/blocks/image/BlockEdit.js:151
@@ -536,37 +536,37 @@
 	// Reference: src/scripts/blocks/logo-list/BlockEdit.js:46
 	__( 'Quantity', 'benenson' ),
 
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:18
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:21
 	__( 'Link text', 'benenson' ),
 
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:23
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:26
 	__( 'Link url', 'benenson' ),
 
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:28
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:31
 	__( 'Link style', 'benenson' ),
 
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:30
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:33
 	__( 'Primary', 'benenson' ),
 
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:33
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:36
 	__( 'Primary Outline', 'benenson' ),
 
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:36
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:39
 	__( 'Primary Solid', 'benenson' ),
 
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:43
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:46
 	__( 'Link icon', 'benenson' ),
 
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:48
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:51
 	__( 'Up arrow', 'benenson' ),
 
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:51
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:54
 	__( 'Down arrow', 'benenson' ),
 
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:58
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:61
 	__( 'Link alignment', 'benenson' ),
 
-	// Reference: src/scripts/blocks/link/DisplayComponent.js:63
+	// Reference: src/scripts/blocks/link/DisplayComponent.js:66
 	__( 'Center', 'benenson' ),
 
 	// Reference: src/scripts/blocks/link/index.js:15
@@ -672,19 +672,19 @@
 	// Reference: src/scripts/blocks/media-aside/index.js:34
 	__( 'Media', 'benenson' ),
 
-	// Reference: src/scripts/blocks/menu/DisplayComponent.js:110
+	// Reference: src/scripts/blocks/menu/DisplayComponent.js:115
 	__( 'Select a menu in the sidebar', 'benenson' ),
 
-	// Reference: src/scripts/blocks/menu/DisplayComponent.js:111
+	// Reference: src/scripts/blocks/menu/DisplayComponent.js:116
 	__( 'Loading Menu...', 'benenson' ),
 
-	// Reference: src/scripts/blocks/menu/DisplayComponent.js:22
+	// Reference: src/scripts/blocks/menu/DisplayComponent.js:27
 	__( 'Select a menu...', 'benenson' ),
 
-	// Reference: src/scripts/blocks/menu/DisplayComponent.js:92
+	// Reference: src/scripts/blocks/menu/DisplayComponent.js:97
 	__( 'Loading Menus...', 'benenson' ),
 
-	// Reference: src/scripts/blocks/menu/DisplayComponent.js:94
+	// Reference: src/scripts/blocks/menu/DisplayComponent.js:99
 	// Reference: src/scripts/blocks/menu/index.js:31
 	__( 'Menu', 'benenson' ),
 

diff --git a/languages/ar.mo b/languages/ar.mo
diff --git a/languages/ar.po b/languages/ar.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Benenson\n"
-"POT-Creation-Date: 2019-01-09 16:00+0000\n"
-"PO-Revision-Date: 2019-01-09 16:01+0000\n"
+"POT-Creation-Date: 2019-01-11 16:30+0000\n"
+"PO-Revision-Date: 2019-01-11 16:30+0000\n"
 "Last-Translator: \n"
 "Language-Team: \n"
 "Language: ar\n"

diff --git a/languages/benenson.pot b/languages/benenson.pot
@@ -3,7 +3,7 @@ msgid ""
 msgstr ""
 "Plural-Forms: nplurals=INTEGER; plural=EXPRESSION;\n"
 "Project-Id-Version: Benenson\n"
-"POT-Creation-Date: 2019-01-09 16:00+0000\n"
+"POT-Creation-Date: 2019-01-11 16:29+0000\n"
 "POT-Creation-Date: 2018-12-07 13:48+0000\n"
 "Last-Translator: \n"
 "Language-Team: \n"

diff --git a/languages/de_DE.mo b/languages/de_DE.mo
diff --git a/languages/de_DE.po b/languages/de_DE.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Benenson\n"
-"POT-Creation-Date: 2019-01-09 16:02+0000\n"
-"PO-Revision-Date: 2019-01-09 16:02+0000\n"
+"POT-Creation-Date: 2019-01-11 16:30+0000\n"
+"PO-Revision-Date: 2019-01-11 16:30+0000\n"
 "Last-Translator: \n"
 "Language-Team: \n"
 "Language: de_DE\n"

diff --git a/languages/en_US.mo b/languages/en_US.mo
diff --git a/languages/en_US.po b/languages/en_US.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Benenson\n"
-"POT-Creation-Date: 2019-01-09 16:02+0000\n"
-"PO-Revision-Date: 2019-01-09 16:03+0000\n"
+"POT-Creation-Date: 2019-01-11 16:30+0000\n"
+"PO-Revision-Date: 2019-01-11 16:30+0000\n"
 "Last-Translator: \n"
 "Language-Team: \n"
 "Language: en_US\n"

diff --git a/languages/es_ES.mo b/languages/es_ES.mo
diff --git a/languages/es_ES.po b/languages/es_ES.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Benenson\n"
-"POT-Creation-Date: 2019-01-09 16:03+0000\n"
-"PO-Revision-Date: 2019-01-09 16:03+0000\n"
+"POT-Creation-Date: 2019-01-11 16:29+0000\n"
+"PO-Revision-Date: 2019-01-11 16:30+0000\n"
 "Last-Translator: \n"
 "Language-Team: \n"
 "Language: es_ES\n"

diff --git a/languages/fa.mo b/languages/fa.mo
diff --git a/languages/fa.po b/languages/fa.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Benenson\n"
-"POT-Creation-Date: 2019-01-09 16:05+0000\n"
-"PO-Revision-Date: 2019-01-09 16:06+0000\n"
+"POT-Creation-Date: 2019-01-11 16:29+0000\n"
+"PO-Revision-Date: 2019-01-11 16:29+0000\n"
 "Last-Translator: \n"
 "Language-Team: \n"
 "Language: fa\n"

diff --git a/languages/fa_IR.mo b/languages/fa_IR.mo
diff --git a/languages/fa_IR.po b/languages/fa_IR.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Benenson\n"
-"POT-Creation-Date: 2019-01-09 16:04+0000\n"
-"PO-Revision-Date: 2019-01-09 16:04+0000\n"
+"POT-Creation-Date: 2019-01-11 16:29+0000\n"
+"PO-Revision-Date: 2019-01-11 16:29+0000\n"
 "Last-Translator: \n"
 "Language-Team: \n"
 "Language: fa_IR\n"

diff --git a/languages/fr_FR.mo b/languages/fr_FR.mo
diff --git a/languages/fr_FR.po b/languages/fr_FR.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Benenson\n"
-"POT-Creation-Date: 2019-01-09 16:06+0000\n"
-"PO-Revision-Date: 2019-01-09 16:07+0000\n"
+"POT-Creation-Date: 2019-01-11 16:29+0000\n"
+"PO-Revision-Date: 2019-01-11 16:29+0000\n"
 "Last-Translator: \n"
 "Language-Team: \n"
 "Language: fr_FR\n"

diff --git a/languages/fr_ML.mo b/languages/fr_ML.mo
diff --git a/languages/fr_ML.po b/languages/fr_ML.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Benenson\n"
-"POT-Creation-Date: 2019-01-09 16:07+0000\n"
-"PO-Revision-Date: 2019-01-09 16:07+0000\n"
+"POT-Creation-Date: 2019-01-11 16:29+0000\n"
+"PO-Revision-Date: 2019-01-11 16:29+0000\n"
 "Last-Translator: \n"
 "Language-Team: \n"
 "Language: fr_ML\n"

diff --git a/languages/pt.mo b/languages/pt.mo
diff --git a/languages/pt.po b/languages/pt.po
@@ -1,8 +1,8 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: Benenson\n"
-"POT-Creation-Date: 2019-01-09 16:07+0000\n"
-"PO-Revision-Date: 2019-01-09 16:07+0000\n"
+"POT-Creation-Date: 2019-01-11 16:29+0000\n"
+"PO-Revision-Date: 2019-01-11 16:29+0000\n"
 "Last-Translator: \n"
 "Language-Team: \n"
 "Language: pt\n"

diff --git a/src/scripts/blocks/menu/DisplayComponent.js b/src/scripts/blocks/menu/DisplayComponent.js
@@ -1,15 +1,20 @@
 import classnames from 'classnames';
 
 const { __ } = wp.i18n;
+const { applyFilters } = wp.hooks;
 const { Component, Fragment } = wp.element;
 const { PanelBody, SelectControl } = wp.components;
 const { InspectorControls } = wp.editor;
 
 class DisplayComponent extends Component {
-  static colours = [
-    { label: __('White', 'benenson'), value: '' },
-    { label: __('Grey', 'benenson'), value: 'dark' },
-  ];
+  // Note: US English spelling.
+  static colours = applyFilters('benenson.block.menu.colorOptions', [{
+    label: __('White', 'benenson'),
+    value: '',
+  }, {
+    label: __('Grey', 'benenson'),
+    value: 'dark',
+  }]);
 
   constructor(...args) {
     super(...args);