From f6ad648e56a536049746911ee453f6b9cb465403 Mon Sep 17 00:00:00 2001
From: joeyjurjens <joeyjurjens@gmail.com>
Date: Sat, 31 Oct 2020 02:20:11 +0100
Subject: [PATCH 1/2] Add labelClass option to block definition

---
 src/StreamField.js      | 1 +
 src/StructChildField.js | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/StreamField.js b/src/StreamField.js
index 68eaed7..a5fe78b 100644
--- a/src/StreamField.js
+++ b/src/StreamField.js
@@ -21,6 +21,7 @@ function lazyFunction(f) {
 const BlockDefinitionType = PropTypes.shape({
   key: PropTypes.string.isRequired,
   label: PropTypes.string,
+  labelClass: PropTypes.string,
   required: PropTypes.bool,
   default: PropTypes.any,
   icon: PropTypes.string,
diff --git a/src/StructChildField.js b/src/StructChildField.js
index baa1cd8..abddd00 100644
--- a/src/StructChildField.js
+++ b/src/StructChildField.js
@@ -31,8 +31,8 @@ class StructChildField extends React.Component {
     const {fieldId, blockId, blockDefinition} = this.props;
     return (
       <div className={classNames('field',
-                                 !!blockDefinition.required && 'required')}>
-        <label className='field__label' htmlFor={getFieldName(blockId)}>
+                                 !!blockDefinition.required && 'required', )}>
+        <label className={classNames('field__label', blockDefinition.labelClass)} htmlFor={getFieldName(blockId)}>
           {getLabel(blockDefinition)}
         </label>
         <FieldInput fieldId={fieldId} blockId={blockId} />

From a7fec90d5dc499eaa2267943e9f6f42400c56f2e Mon Sep 17 00:00:00 2001
From: joeyjurjens <joeyjurjens@gmail.com>
Date: Mon, 2 Nov 2020 22:45:48 +0100
Subject: [PATCH 2/2] Option to have blocks closed on add.

---
 src/StreamField.js      | 1 +
 src/processing/utils.js | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/StreamField.js b/src/StreamField.js
index a5fe78b..b286074 100644
--- a/src/StreamField.js
+++ b/src/StreamField.js
@@ -30,6 +30,7 @@ const BlockDefinitionType = PropTypes.shape({
   minNum: PropTypes.number,
   maxNum: PropTypes.number,
   closed: PropTypes.bool,
+  closedOnAdd: PropTypes.bool,
   titleTemplate: PropTypes.string,
   html: PropTypes.string,
   isStruct: PropTypes.bool,
diff --git a/src/processing/utils.js b/src/processing/utils.js
index 1fc0a13..8b35965 100644
--- a/src/processing/utils.js
+++ b/src/processing/utils.js
@@ -227,7 +227,7 @@ export const getNewBlock = (parentId, blockDefinition, value=null) => {
       type: blockDefinition.key,
       value: value,
       hidden: true,
-      closed: false,
+      closed: blockDefinition.closedOnAdd === undefined ? false : blockDefinition.closedOnAdd,
       shouldUpdate: false,
     },
     extraBlocks,