updated bpmn-js items (#113)

* updated bpmn-js items

* removed reference to old css file w/ burnettk

---------

Co-authored-by: jasquat <jasquat@users.noreply.github.com>

package.json

@@ -73,7 +73,7 @@
     "webpack-cli": "^4.9.2"
   },
   "peerDependencies": {
-    "bpmn-js": "^13.0.0",
+    "bpmn-js": "^17.0.0",
     "bpmn-js-properties-panel": "*",
     "diagram-js": "*"
   },

test/spec/helpers.js

@@ -24,7 +24,6 @@ export function bootstrapPropertiesPanel(diagram, options, locals) {
     CONTAINER = container;
 
     insertBpmnStyles();
-    insertCoreStyles();
     const createModeler = bootstrapBpmnJS(Modeler, diagram, options, locals);
     await act(() => createModeler.call(this));
 
@@ -50,14 +49,6 @@ export function clearPropertiesPanelContainer() {
   }
 }
 
-export function insertCoreStyles() {
-  insertCSS(
-    'properties-panel.css',
-    require('bpmn-js-properties-panel/dist/assets/properties-panel.css').default
-  );
-  insertCSS('test.css', require('./test.css').default);
-}
-
 export function insertBpmnStyles() {
   insertCSS(
     'diagram.css',

webpack.config.js

@@ -2,11 +2,11 @@ const CopyWebpackPlugin = require('copy-webpack-plugin');
 
 module.exports = {
   entry: {
-    bundle: ['./app/app.js']
+    bundle: ['./app/app.js'],
   },
   output: {
-    path: __dirname + '/public',
-    filename: 'app.js'
+    path: `${__dirname}/public`,
+    filename: 'app.js',
   },
   module: {
     rules: [
@@ -17,36 +17,43 @@ module.exports = {
           loader: 'babel-loader',
           options: {
             plugins: [
-              [ '@babel/plugin-transform-react-jsx', {
-                'importSource': '@bpmn-io/properties-panel/preact',
-                'runtime': 'automatic'
-              } ]
-            ]
-          }
-        }
+              [
+                '@babel/plugin-transform-react-jsx',
+                {
+                  importSource: '@bpmn-io/properties-panel/preact',
+                  runtime: 'automatic',
+                },
+              ],
+            ],
+          },
+        },
       },
       {
         test: /\.bpmn$/,
-        use: 'raw-loader'
-      }
-    ]
+        use: 'raw-loader',
+      },
+    ],
   },
   resolve: {
-    extensions: [ '.js', '.jsx']
+    extensions: ['.js', '.jsx'],
   },
   plugins: [
     new CopyWebpackPlugin({
       patterns: [
-        { from: 'assets/**', to: 'vendor/bpmn-js', context: 'node_modules/bpmn-js/dist/' },
+        {
+          from: 'assets/**',
+          to: 'vendor/bpmn-js',
+          context: 'node_modules/bpmn-js/dist/',
+        },
         {
           from: 'assets/**',
           to: 'vendor/bpmn-js-properties-panel',
-          context: 'node_modules/bpmn-js-properties-panel/dist/'
+          context: 'node_modules/bpmn-js-properties-panel/dist/',
         },
-        {from: '**/*.{html,css}', context: 'app/'}
-      ]
-    })
+        { from: '**/*.{html,css}', context: 'app/' },
+      ],
+    }),
   ],
   mode: 'development',
-  devtool: 'source-map'
+  devtool: 'source-map',
 };