Added WIP Block frontpage hero

src/components/Blocks/FrontpageHero/FrontpageHeroEdit.jsx

@@ -0,0 +1,46 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+
+import { SidebarPortal } from '@plone/volto/components'; // EditBlock
+import { BlockEditForm } from 'volto-addons/BlockForm';
+
+import schema from './schema';
+
+class Edit extends Component {
+  componentDidMount() {
+    this.props.changeSidebarState(true);
+  }
+
+  componentDidUpdate(prevProps) {
+    this.props.changeSidebarState(true);
+  }
+
+  render() {
+    return (
+      <div className="block selected">
+        <div className="block-inner-wrapper" />
+
+        <FrontpageHero />
+
+        <SidebarPortal selected={this.props.selected}>
+          <BlockEditForm
+            schema={schema}
+            title={schema.title}
+            onChangeField={(id, value) => {
+              this.props.onChangeBlock(this.props.block, {
+                ...this.props.data,
+                [id]: value,
+              });
+            }}
+            formData={this.props.data}
+          />
+        </SidebarPortal>
+      </div>
+    );
+  }
+}
+
+export default connect(
+  null,
+  {},
+)(Edit);

src/components/Blocks/FrontpageHero/FrontpageHeroView.jsx

@@ -0,0 +1 @@
+export default Edit;

src/components/Blocks/FrontpageHero/index.jsx

@@ -0,0 +1,2 @@
+export Edit from './EditFrontpageHero';
+export View from './ViewFrontpageHero';

src/components/Blocks/FrontpageHero/schema.jsx

@@ -0,0 +1,56 @@
+import React from 'react';
+
+const FrontpageHeroSchema = {
+  title: 'Edit hero',
+
+  fieldsets: [
+    {
+      id: 'default',
+      title: 'Default',
+      fields: ['lines', 'align'],
+    },
+  ],
+
+  properties: {
+    lines: {
+      widget: 'objectlist',
+      title: 'Lines',
+      // this is an invention, should confront with dexterity serializer
+      schema: LineSchema,
+    },
+    align: {
+      title: 'Alignment',
+      widget: 'align',
+      type: 'string',
+    },
+  },
+
+  required: ['lines'],
+};
+
+export default ChartSchema;
+
+const LineSchema = {
+  title: 'Line',
+
+  fieldsets: [
+    {
+      id: 'default',
+      title: 'Default',
+      fields: ['upper', 'lower'],
+    },
+  ],
+
+  properties: {
+    upper: {
+      type: 'string',
+      title: 'Upper text',
+    },
+    lower: {
+      type: 'string',
+      title: 'Lower',
+    },
+  },
+
+  required: ['source'],
+};