Feature/gutenberg deprecation fix (#52)

* updates package-lock

* reimports deprecated functions previous imported from wp.blocks — now wp.editor

* removes unavailable description component

* fixes issues with focus prop

* resolves issues with RichText deprecation error

Raw TinyMCE event handlers for RichText is deprecated and will be removed from gutenberg in 3.0. Please use Documented props, ancestor event handler, or onSetup access to the internal editor instance event hub instead.

* resolves issue that prevents related posts block from searching posts

* resolves issues with recent post block focus

* builds

* increase max width of .components-base-control class for sidebar select dropdowns

* resolves issue with focus and button to remove video or image

* builds

* version bump

* adds block-helpers for template tags

* adds new block_get_excerpt function from template tags

* builds

* removes all urls from block excerpt function

README.md

@@ -1,4 +1,4 @@
-# WDS Blocks v1.0.3
+# WDS Blocks v1.0.4
 
 WebDevStudios library of Gutenberg blocks.
 
@@ -17,8 +17,8 @@ WebDevStudios library of Gutenberg blocks.
 WDS Blocks also come with a robust set of options: background image, video, and color support. Plus, text color, custom CSS classes, and [Animate.css](https://daneden.github.io/animate.css/) support. These blocks have been tested with our starter theme, [wd_s](https://github.com/WebDevStudios/wd_s).
 
 ## Tested Up To
-- [WordPress](https://wordpress.org/) v4.9.5
-- [Gutenberg](https://wordpress.org/plugins/gutenberg/) v2.7
+- [WordPress](https://wordpress.org/) v4.9.6
+- [Gutenberg](https://wordpress.org/plugins/gutenberg/) v2.9.2
 
 ## Usage
 

dist/blocks.editor.build.css

@@ -35,6 +35,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .wds-block-title {
   background-color: transparent; }
 
@@ -77,6 +80,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .wds-background-options .blocks-base-control {
   width: 100%; }
 
@@ -119,6 +125,9 @@
     position: relative;
     right: 50%;
     width: 100vw; }
+
+.components-base-control {
+  width: 100%; }
 .wp-admin [data-type^="wds"] {
   margin-bottom: 30px;
   margin-top: 30px;
@@ -156,6 +165,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .wds-other-options .blocks-base-control {
   width: 100%; }
 .wp-admin [data-type^="wds"] {
@@ -195,6 +207,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .editor-block-list__layout .button.wds-button-component {
   background-color: transparent;
   border: none;
@@ -246,6 +261,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .gist-block-controls {
   padding: 2px; }
   .gist-block-controls input[type="url"] {
@@ -292,6 +310,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .edit-post-visual-editor .editor-block-list__block .wp-block-wds-hero {
   min-height: 320px; }
 .wp-admin [data-type^="wds"] {
@@ -330,6 +351,9 @@
     position: relative;
     right: 50%;
     width: 100vw; }
+
+.components-base-control {
+  width: 100%; }
 .wp-admin [data-type^="wds"] {
   margin-bottom: 30px;
   margin-top: 30px;
@@ -367,6 +391,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .search-container-list {
   border: 1px solid #dedede;
   display: -ms-flexbox;
@@ -484,6 +511,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .wp-block-wds-two-column .content-block-container .components-button svg {
   position: relative;
   top: 5px; }
@@ -552,6 +582,9 @@ div[data-type='wds/two-column'] .editor-block-toolbar {
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .wp-block-wds-recent-posts ul li {
   list-style: none; }
 
@@ -606,6 +639,9 @@ div[data-type='wds/two-column'] .editor-block-toolbar {
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .multiselect-wrapper {
   border: 1px solid #dedede;
   border-bottom: 0;
@@ -694,3 +730,6 @@ div[data-type='wds/two-column'] .editor-block-toolbar {
     position: relative;
     right: 50%;
     width: 100vw; }
+
+.components-base-control {
+  width: 100%; }

dist/blocks.style.build.css

@@ -35,6 +35,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .wds-components-placeholder {
   display: -ms-flexbox;
   display: flex;
@@ -122,6 +125,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .wp-block-wds-gihub-gist {
   margin-top: 16px; }
 .wp-admin [data-type^="wds"] {
@@ -161,6 +167,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .wp-block-wds-hero {
   background-repeat: no-repeat;
   background-size: cover;
@@ -214,6 +223,9 @@
     position: relative;
     right: 50%;
     width: 100vw; }
+
+.components-base-control {
+  width: 100%; }
 .wp-admin [data-type^="wds"] {
   margin-bottom: 30px;
   margin-top: 30px;
@@ -251,6 +263,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .wds-search-component-container .search-container-list > .search-selected-container {
   padding: 0.625rem 0.625rem 0; }
 
@@ -317,6 +332,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 /**
  * #.# Styles
  *
@@ -380,6 +398,9 @@
     right: 50%;
     width: 100vw; }
 
+.components-base-control {
+  width: 100%; }
+
 .wp-block-wds-recent-posts ul.alignleft {
   margin-right: 2em; }
 
@@ -450,3 +471,6 @@
     position: relative;
     right: 50%;
     width: 100vw; }
+
+.components-base-control {
+  width: 100%; }