Adds support for groups & static blocks.

package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "devDependencies": {
-    "react-streamfield": "0.4.2"
+    "react-streamfield": "0.5.1"
   },
   "babel": {
     "presets": [

wagtail_react_streamfield/blocks/block.py

@@ -17,6 +17,8 @@ def get_definition(self):
                                   % self.meta.icon)
         if self.meta.classname is not None:
             definition['className'] = self.meta.classname
+        if self.meta.group:
+            definition['group'] = str(self.meta.group)
         return definition
 
     def all_html_declarations(self):

wagtail_react_streamfield/blocks/static_block.py

@@ -0,0 +1,14 @@
+from wagtail.core.blocks import StaticBlock, Block
+
+from ..constants import FIELD_NAME_TEMPLATE
+
+
+class NewStaticBlock(StaticBlock):
+    def get_definition(self):
+        definition = Block.get_definition(self)
+        definition.update(
+            isStatic=True,
+            html=self.render_form(self.get_default(),
+                                  prefix=FIELD_NAME_TEMPLATE),
+        )
+        return definition

wagtail_react_streamfield/monkey_patch.py

@@ -1,8 +1,9 @@
 from django.utils.six import wraps
 from wagtail.core.blocks import (
     BlockField, Block, BaseStreamBlock, ListBlock, BaseStructBlock, FieldBlock,
-)
+    StaticBlock)
 
+from wagtail_react_streamfield.blocks.static_block import NewStaticBlock
 from .blocks.block import NewBlock
 from .blocks.field_block import NewFieldBlock
 from .blocks.list_block import NewListBlock
@@ -74,3 +75,4 @@ def patch():
     _patch_with(FieldBlock, NewFieldBlock,
                 'prepare_for_react', 'get_definition', 'get_title_template',
                 'value_from_datadict')
+    _patch_with(StaticBlock, NewStaticBlock, 'get_definition')

wagtail_react_streamfield/static/css/wagtail-react-streamfield.css

@@ -134,6 +134,8 @@
     background: #EEEEEE;
     border-radius: 3px;
     user-select: none; }
+    .children-container .add-panel .group-name {
+      margin: 7.5px 7.5px 0; }
     .children-container .add-panel button.type {
       margin: 7.5px;
       appearance: none;