add id to containers

wax-prosemirror-core/src/components/tabs/OENToolGroup.js

@@ -103,6 +103,7 @@ const OENToolGroup = ({ item }) => {
 
                       wrapIn(main.state.config.schema.nodes[node], {
                         class: tool.className,
+                        id: uuidv4(),
                       })(main.state, main.dispatch);
 
                       setTimeout(() => {

wax-prosemirror-services/src/OENContainersService/components/OENAsideButton.js

@@ -3,6 +3,7 @@ import React, { useContext, useMemo } from 'react';
 import { WaxContext, MenuButton } from 'wax-prosemirror-core';
 import { wrapIn } from 'prosemirror-commands';
 import { liftTarget } from 'prosemirror-transform';
+import { v4 as uuidv4 } from 'uuid';
 
 const OENAsideButton = ({ view = {}, item, type }) => {
   const { active, icon, label, select, title } = item;
@@ -38,6 +39,7 @@ const OENAsideButton = ({ view = {}, item, type }) => {
 
     wrapIn(main.state.config.schema.nodes.oen_aside, {
       class: type,
+      id: uuidv4(),
     })(main.state, main.dispatch);
 
     setTimeout(() => {

wax-prosemirror-services/src/OENContainersService/schema/OenAsideNode.js

@@ -2,6 +2,7 @@ const OenAsideNode = {
   content: 'block+',
   group: 'block',
   attrs: {
+    id: { default: '' },
     class: { default: '' },
   },
   defining: true,
@@ -10,6 +11,7 @@ const OenAsideNode = {
       tag: 'aside',
       getAttrs(dom) {
         return {
+          id: dom.getAttribute('id'),
           class: dom.getAttribute('class'),
         };
       },
@@ -19,6 +21,7 @@ const OenAsideNode = {
     return [
       'aside',
       {
+        id: node.attrs.id,
         class: node.attrs.class,
       },
       0,

wax-prosemirror-services/src/OENContainersService/schema/OenSectionNode.js

@@ -2,6 +2,7 @@ const OenSectionNode = {
   content: 'block+',
   group: 'block',
   attrs: {
+    id: { default: '' },
     class: { default: 'section' },
   },
   defining: true,
@@ -10,6 +11,7 @@ const OenSectionNode = {
       tag: 'section',
       getAttrs(dom) {
         return {
+          id: dom.getAttribute('id'),
           class: dom.getAttribute('class'),
           type: dom.dataset.group,
         };