Update ComponentWrapper

src/dom_components/model/ComponentWrapper.js

@@ -1,11 +1,9 @@
-// We need this one just to identify better the wrapper type
 import Component from './Component';
 
-export default Component.extend(
-  {
-    defaults: {
-      ...Component.prototype.defaults,
-      __wrapper: 1,
+export default class ComponentWrapper extends Component {
+  defaults() {
+    return {
+      ...Component.getDefaults(),
       removable: false,
       copyable: false,
       draggable: false,
@@ -18,23 +16,22 @@ export default Component.extend(
         'background-repeat',
         'background-attachment',
         'background-position',
-        'background-size'
-      ]
-    },
-    __postAdd() {
-      const um = this.em && this.em.get('UndoManager');
-      um && !this.__hasUm && um.add(this);
-      return Component.prototype.__postAdd.call(this, arguments);
-    },
-    __postRemove() {
-      const um = this.em && this.em.get('UndoManager');
-      um && um.remove(this);
-      return Component.prototype.__postRemove.call(this, arguments);
-    }
-  },
-  {
-    isComponent() {
-      return false;
-    }
+        'background-size',
+      ],
+    };
   }
-);
+
+  __postAdd() {
+    const um = this.em && this.em.get('UndoManager');
+    um && !this.__hasUm && um.add(this);
+    return Component.prototype.__postAdd.call(this, arguments);
+  }
+
+  __postRemove() {
+    const um = this.em && this.em.get('UndoManager');
+    um && um.remove(this);
+    return Component.prototype.__postRemove.call(this, arguments);
+  }
+}
+
+ComponentWrapper.isComponent = () => false;