Fix rollup

rollup.config.js

@@ -24,13 +24,6 @@ export default {
   plugins: [
     typescript(),
     node({ jsnext: true, preferBuiltins: false }),
-    babel({
-      babelrc: false,
-      runtimeHelpers: true,
-      presets: ["@babel/react"],
-      plugins: ["@babel/external-helpers"]
-    }),
-    nodent({ includeruntime: true, sourcemap: false }),
     builtins(),
     commonjs({
       include: "node_modules/**",
@@ -44,6 +37,27 @@ export default {
         ]
       }
     }),
+    babel({
+      babelrc: false,
+      runtimeHelpers: true,
+      presets: [
+        "@babel/react",
+        [
+          "@babel/preset-env",
+          {
+            modules: false
+          }
+        ]
+      ],
+      plugins: [
+        ["@babel/plugin-proposal-class-properties"],
+        "@babel/external-helpers",
+        ["@babel/plugin-proposal-decorators", { legacy: true }],
+        "@babel/plugin-transform-object-assign",
+        "react-require"
+      ]
+    }),
+    nodent({ includeruntime: true, sourcemap: false }),
     replace({
       "process.env.NODE_ENV": '"production"'
     })

src/components/AnnotationLayer.tsx

@@ -5,7 +5,7 @@ import { bumpAnnotations } from "./annotationLayerBehavior/annotationHandling"
 
 import Legend from "./Legend"
 import Annotation from "./Annotation"
-import labella from "labella"
+import * as labella from "labella"
 import SpanOrDiv from "./SpanOrDiv"
 import {
   AnnotationHandling,

src/components/VisualizationLayer.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 
-import { RoughCanvas } from "roughjs-es5/lib/canvas"
+import * as Rough from "roughjs-es5/lib/canvas"
 
 import { chuckCloseCanvasTransform } from "./canvas/basicCanvasEffects"
 
@@ -10,6 +10,8 @@ import {
   VizLayerTypes
 } from "./types/generalTypes"
 
+const RoughCanvas = Rough.RoughCanvas
+
 type Props = {
   axes?: Array<React.ReactNode>
   frameKey?: string