From 112eded2e683e7ee4897f2979af01915aa9462ed Mon Sep 17 00:00:00 2001
From: Tiberiu Ichim <tiberiu.ichim@gmail.com>
Date: Sat, 1 Feb 2020 00:00:52 +0200
Subject: [PATCH] Allow charts to be full width

---
 src/ChartBlock/ChartEditSidebar.jsx         | 21 +++++++++++++++++++++
 src/PickVisualization/PickVisualization.jsx | 17 -----------------
 2 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/src/ChartBlock/ChartEditSidebar.jsx b/src/ChartBlock/ChartEditSidebar.jsx
index c20c281b..0dd186ef 100644
--- a/src/ChartBlock/ChartEditSidebar.jsx
+++ b/src/ChartBlock/ChartEditSidebar.jsx
@@ -3,6 +3,8 @@ import { Segment } from 'semantic-ui-react'; // , Dropdown
 import { Field, SidebarPortal, TextWidget } from '@plone/volto/components';
 import { Button } from 'semantic-ui-react';
 import PickProvider from 'volto-datablocks/PickProvider';
+import { AlignBlock } from '@plone/volto/helpers';
+import { Form, Grid } from 'semantic-ui-react';
 
 const ChartEditSidebar = ({ onChangeBlock, block, data }) => (
   <SidebarPortal selected={true}>
@@ -45,6 +47,25 @@ const ChartEditSidebar = ({ onChangeBlock, block, data }) => (
             })
           }
         />
+        <Form.Field inline required={false}>
+          <Grid>
+            <Grid.Row>
+              <Grid.Column width="4">
+                <div className="wrapper">
+                  <label htmlFor="field-align">Alignment</label>
+                </div>
+              </Grid.Column>
+              <Grid.Column width="8" className="align-tools">
+                <AlignBlock
+                  align={data.align}
+                  onChangeBlock={onChangeBlock}
+                  data={data}
+                  block={block}
+                />
+              </Grid.Column>
+            </Grid.Row>
+          </Grid>
+        </Form.Field>
         <Field
           title="Source"
           id="chart-source"
diff --git a/src/PickVisualization/PickVisualization.jsx b/src/PickVisualization/PickVisualization.jsx
index 22bac0cb..e67d8d1f 100644
--- a/src/PickVisualization/PickVisualization.jsx
+++ b/src/PickVisualization/PickVisualization.jsx
@@ -47,20 +47,3 @@ export default connect(
   },
   { searchContent, getContent },
 )(PickVisualization);
-
-// visualizations,
-// this.searchVisualizations();
-// let visualizations = state.search
-//   ? state.search.subrequests?.[props.id]?.items || []
-//   : [];
-// visualizations = visualizations.map(el => [el['@id'], el.title]);
-// searchVisualizations = () => {
-//   this.props.searchContent(
-//     '',
-//     {
-//       // object_provides: 'forests.content.interfaces.IDataVisualization',
-//       portal_type: 'visualization',
-//     },
-//     this.props.id,
-//   );
-// };