Rename package and block: Group

eea · Sep 22, 2020 · 7475d28 · 7475d28
1 parent d078df7
commit 7475d28
Show file tree

Hide file tree

Showing 9 changed files with 42 additions and 36 deletions.
diff --git a/DEVELOP.md b/DEVELOP.md
@@ -1,4 +1,4 @@
-# volto-meta-block
+# volto-group-block
 
 ## Develop
 
@@ -25,16 +25,16 @@ Before starting make sure your development environment is properly set. See [Vol
             },
 
             "addons": [
-                "@eeacms/volto-meta-block"
+                "@eeacms/volto-group-block"
             ],
         }
 
 1. Add the following to `mrs.developer.json`:
 
         {
-            "volto-meta-block": {
-                "url": "https://github.com/eea/volto-meta-block.git",
-                "package": "@eeacms/volto-meta-block",
+            "volto-group-block": {
+                "url": "https://github.com/eea/volto-group-block.git",
+                "package": "@eeacms/volto-group-block",
                 "branch": "develop",
                 "path": "src"
             }
@@ -63,4 +63,4 @@ Before starting make sure your development environment is properly set. See [Vol
 
 1. Happy hacking!
 
-        $ cd src/addons/volto-meta-block/
+        $ cd src/addons/volto-group-block/
diff --git a/README.md b/README.md
@@ -1,5 +1,5 @@
-# volto-meta-block
-[![Releases](https://img.shields.io/github/v/release/eea/volto-meta-block)](https://github.com/eea/volto-meta-block/releases)
+# volto-group-block
+[![Releases](https://img.shields.io/github/v/release/eea/volto-group-block)](https://github.com/eea/volto-group-block/releases)
 
 [Volto](https://github.com/plone/volto) add-on
 
@@ -21,11 +21,11 @@ Demo GIF
 1. Update `package.json`:
     ``` JSON
     "addons": [
-        "@eeacms/volto-meta-block"
+        "@eeacms/volto-group-block"
     ],
 
     "dependencies": {
-        "@eeacms/volto-meta-block": "1.0.0"
+        "@eeacms/volto-group-block": "1.0.0"
     }
     ```
 
@@ -41,14 +41,14 @@ Demo GIF
 
 ## How to contribute
 
-See [DEVELOP.md](https://github.com/eea/volto-meta-block/blob/master/DEVELOP.md2).
+See [DEVELOP.md](https://github.com/eea/volto-group-block/blob/master/DEVELOP.md2).
 
 ## Copyright and license
 
 The Initial Owner of the Original Code is European Environment Agency (EEA).
 All Rights Reserved.
 
-See [LICENSE.md](https://github.com/eea/volto-meta-block/blob/master/LICENSE.md) for details.
+See [LICENSE.md](https://github.com/eea/volto-group-block/blob/master/LICENSE.md) for details.
 
 ## Funding
 

diff --git a/package.json b/package.json
@@ -1,22 +1,22 @@
 {
-  "name": "@eeacms/volto-meta-block",
+  "name": "@eeacms/volto-group-block",
   "version": "0.1.0",
-  "description": "volto-meta-block: Volto add-on",
+  "description": "volto-group-block: Volto block to be used to group other blocks",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
   "license": "MIT",
-  "homepage": "https://github.com/eea/volto-meta-block",
+  "homepage": "https://github.com/eea/volto-group-block",
   "keywords": [
     "volto-addon",
     "volto-block",
-    "volto-meta",
+    "volto-group",
     "volto",
     "plone",
     "react"
   ],
   "repository": {
     "type": "git",
-    "url": "git@github.com:eea/volto-meta-block.git"
+    "url": "git@github.com:eea/volto-group-block.git"
   },
   "devDependencies": {
     "release-it": "*"

diff --git a/src/components/index.js b/src/components/index.js
@@ -1,3 +1,3 @@
-export { MetaBlockEdit } from './manage/Blocks/Meta/Edit';
-export { MetaBlockView } from './manage/Blocks/Meta/View';
-export { MetaBlockSchema } from './manage/Blocks/Meta/Schema';
+export GroupBlockEdit from './manage/Blocks/Group/Edit';
+export GroupBlockView from './manage/Blocks/Group/View';
+export GroupBlockSchema from './manage/Blocks/Group/Schema';
diff --git a/src/components/manage/Blocks/Meta/Edit.jsx → src/components/manage/Blocks/Group/Edit.jsx b/src/components/manage/Blocks/Meta/Edit.jsx → src/components/manage/Blocks/Group/Edit.jsx
@@ -5,7 +5,7 @@ import { BlocksForm } from '@eeacms/volto-blocks-form/components';
 import { emptyBlocksForm } from '@eeacms/volto-blocks-form/helpers';
 import './editor.less';
 
-export const MetaBlockEdit = (props) => {
+const Edit = (props) => {
   const { block, data, onChangeBlock, pathname, selected, manage } = props;
 
   const properties = isEmpty(data?.data?.blocks)
@@ -45,3 +45,5 @@ export const MetaBlockEdit = (props) => {
     </section>
   );
 };
+
+export default Edit;
diff --git a/src/components/manage/Blocks/Meta/Schema.js → src/components/manage/Blocks/Group/Schema.js b/src/components/manage/Blocks/Meta/Schema.js → src/components/manage/Blocks/Group/Schema.js
@@ -1,5 +1,5 @@
-export const MetaBlockSchema = {
-  title: 'Meta block settings',
+const Schema = {
+  title: 'Group block settings',
   fieldsets: [
     {
       id: 'default',
@@ -52,3 +52,5 @@ export const MetaBlockSchema = {
   },
   required: [],
 };
+
+export default Schema;
diff --git a/src/components/manage/Blocks/Meta/View.jsx → src/components/manage/Blocks/Group/View.jsx b/src/components/manage/Blocks/Meta/View.jsx → src/components/manage/Blocks/Group/View.jsx
@@ -1,7 +1,9 @@
 import React from 'react';
 import { RenderBlocks } from '@eeacms/volto-blocks-form/components';
 
-export const MetaBlockView = (props) => {
+const View = (props) => {
   const { data } = props;
   return <RenderBlocks {...props} content={data?.data || {}} />;
 };
+
+export default View;
diff --git a/...components/manage/Blocks/Meta/editor.less → ...omponents/manage/Blocks/Group/editor.less b/...components/manage/Blocks/Meta/editor.less → ...omponents/manage/Blocks/Group/editor.less
@@ -1,7 +1,7 @@
-.block-editor-metaBlock {
+.block-editor-group {
     margin: 0 -2rem;
-    .block.metaBlock.selected::before, 
-    .block.metaBlock:hover::before {
+    .block.group.selected::before, 
+    .block.group:hover::before {
         border-style: dashed;
         border-radius: 1rem;
     }

diff --git a/src/index.js b/src/index.js
@@ -1,5 +1,5 @@
 import codeSVG from '@plone/volto/icons/show-blocks.svg';
-import { MetaBlockEdit, MetaBlockView, MetaBlockSchema } from './components';
+import { GroupBlockEdit, GroupBlockView, GroupBlockSchema } from './components';
 
 const applyConfig = (config) => {
   const choices = Object.keys(config.blocks.blocksConfig)
@@ -14,24 +14,24 @@ const applyConfig = (config) => {
     .filter((val) => !!val);
 
   const schema = {
-    ...MetaBlockSchema,
+    ...GroupBlockSchema,
     properties: {
-      ...MetaBlockSchema.properties,
+      ...GroupBlockSchema.properties,
       allowedBlocks: {
-        ...MetaBlockSchema.properties.allowedBlocks,
+        ...GroupBlockSchema.properties.allowedBlocks,
         items: {
           choices: choices,
         },
       },
     },
   };
-  config.blocks.blocksConfig.metaBlock = {
-    id: 'metaBlock',
-    title: 'Meta',
+  config.blocks.blocksConfig.group = {
+    id: 'group',
+    title: 'Group',
     icon: codeSVG,
     group: 'common',
-    view: MetaBlockView,
-    edit: MetaBlockEdit,
+    view: GroupBlockView,
+    edit: GroupBlockEdit,
     schema: schema,
     restricted: false,
     mostUsed: false,