bpmn-js 11.1.0 → 11.2.0

package/lib/features/create-append-anything/CreatePaletteProvider.js

@@ -0,0 +1,77 @@
+import {
+  assign
+} from 'min-dash';
+import { createIcon } from '../../icons/Icons';
+import { query as domQuery } from 'min-dom';
+
+
+/**
+ * A palette provider for the create elements menu.
+ */
+export default function CreatePaletteProvider(palette, translate, popupMenu, canvas, mouse) {
+
+  this._translate = translate;
+  this._popupMenu = popupMenu;
+  this._canvas = canvas;
+  this._mouse = mouse;
+
+  palette.registerProvider(800,this);
+}
+
+CreatePaletteProvider.$inject = [
+  'palette',
+  'translate',
+  'popupMenu',
+  'canvas',
+  'mouse'
+];
+
+
+CreatePaletteProvider.prototype.getPaletteEntries = function(element) {
+  const actions = {},
+        translate = this._translate,
+        popupMenu = this._popupMenu,
+        canvas = this._canvas,
+        mouse = this._mouse;
+
+  const getPosition = (event) => {
+    const X_OFFSET = 35;
+    const Y_OFFSET = 10;
+
+    if (event instanceof KeyboardEvent) {
+      event = mouse.getLastMoveEvent();
+      return { x: event.x, y: event.y };
+    }
+
+    const target = event && event.target || domQuery('.djs-palette [data-action="create"]');
+    const targetPosition = target.getBoundingClientRect();
+
+    return target && {
+      x: targetPosition.left + targetPosition.width / 2 + X_OFFSET,
+      y: targetPosition.top + targetPosition.height / 2 + Y_OFFSET
+    };
+  };
+
+  assign(actions, {
+    'create': {
+      group: 'create',
+      imageUrl: createIcon,
+      title: translate('Create element'),
+      action: {
+        click: function(event) {
+          const position = getPosition(event);
+
+          const element = canvas.getRootElement();
+
+          popupMenu.open(element, 'bpmn-create', position, {
+            title: translate('Create element'),
+            width: 300,
+            search: true
+          });
+        }
+      }
+    },
+  });
+
+  return actions;
+};

package/lib/features/create-append-anything/index.js

@@ -0,0 +1,37 @@
+import PopupMenuModule from 'diagram-js/lib/features/popup-menu';
+import PaletteModule from 'diagram-js/lib/features/palette';
+import AutoPlaceModule from 'diagram-js/lib/features/auto-place';
+import ContextPadModule from 'diagram-js/lib/features/context-pad';
+
+import CreateMenuProvider from './CreateMenuProvider';
+import CreatePaletteProvider from './CreatePaletteProvider';
+import CreateAppendEditorActions from './CreateAppendEditorActions';
+import CreateAppendKeyboardBindings from './CreateAppendKeyboardBindings';
+import AppendMenuProvider from './AppendMenuProvider';
+import AppendContextPadProvider from './AppendContextPadProvider';
+import AppendRules from './AppendRules';
+
+export default {
+  __depends__: [
+    PaletteModule,
+    PopupMenuModule,
+    AutoPlaceModule,
+    ContextPadModule
+  ],
+  __init__: [
+    'createMenuProvider',
+    'createPaletteProvider',
+    'createAppendEditorActions',
+    'createAppendKeyboardBindings',
+    'appendMenuProvider',
+    'appendContextPadProvider',
+    'appendRules'
+  ],
+  createMenuProvider: [ 'type', CreateMenuProvider ],
+  createPaletteProvider: [ 'type', CreatePaletteProvider ],
+  createAppendEditorActions: [ 'type', CreateAppendEditorActions ],
+  createAppendKeyboardBindings: [ 'type', CreateAppendKeyboardBindings ],
+  appendMenuProvider: [ 'type', AppendMenuProvider ],
+  appendContextPadProvider: [ 'type', AppendContextPadProvider ],
+  appendRules: [ 'type', AppendRules ]
+};