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>
This commit is contained in:
jasquat 2024-07-25 12:06:08 -04:00 committed by GitHub
parent d34eb99383
commit 5ded6f52d8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 381 additions and 329 deletions

652
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

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

View File

@ -24,7 +24,6 @@ export function bootstrapPropertiesPanel(diagram, options, locals) {
CONTAINER = container; CONTAINER = container;
insertBpmnStyles(); insertBpmnStyles();
insertCoreStyles();
const createModeler = bootstrapBpmnJS(Modeler, diagram, options, locals); const createModeler = bootstrapBpmnJS(Modeler, diagram, options, locals);
await act(() => createModeler.call(this)); 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() { export function insertBpmnStyles() {
insertCSS( insertCSS(
'diagram.css', 'diagram.css',

View File

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