@bpmn-io/properties-panel 3.6.0 → 3.7.0

package/dist/index.js

@@ -1357,6 +1357,11 @@ const FEEL_POPUP_HEIGHT = 250;
 function FEELPopupRoot(props) {
   const {
     element,
+    eventBus = {
+      fire() {},
+      on() {},
+      off() {}
+    },
     popupContainer
   } = props;
   const prevElement = usePrevious(element);
@@ -1364,15 +1369,23 @@ function FEELPopupRoot(props) {
   const [open, setOpen] = hooks.useState(false);
   const [source, setSource] = hooks.useState(null);
   const [sourceElement, setSourceElement] = hooks.useState(null);
-  const handleOpen = (key, config, _sourceElement) => {
-    setSource(key);
+  const emit = (type, context) => {
+    eventBus.fire('feelPopup.' + type, context);
+  };
+  const isOpen = hooks.useCallback(() => {
+    return !!open;
+  }, [open]);
+  const handleOpen = (entryId, config, _sourceElement) => {
+    setSource(entryId);
     setPopupConfig(config);
     setOpen(true);
     setSourceElement(_sourceElement);
+    emit('opened');
   };
   const handleClose = () => {
     setOpen(false);
     setSource(null);
+    emit('closed');
   };
   const feelPopupContext = {
     open: handleOpen,
@@ -1382,10 +1395,33 @@ function FEELPopupRoot(props) {
 
   // close popup on element change, cf. https://github.com/bpmn-io/properties-panel/issues/270
   hooks.useEffect(() => {
-    if (element && element !== prevElement) {
+    if (element && prevElement && element !== prevElement) {
       handleClose();
     }
   }, [element]);
+
+  // allow close and open via events
+  hooks.useEffect(() => {
+    const handlePopupOpen = context => {
+      const {
+        entryId,
+        popupConfig,
+        sourceElement
+      } = context;
+      handleOpen(entryId, popupConfig, sourceElement);
+    };
+    const handleIsOpen = () => {
+      return isOpen();
+    };
+    eventBus.on('feelPopup._close', handleClose);
+    eventBus.on('feelPopup._open', handlePopupOpen);
+    eventBus.on('feelPopup._isOpen', handleIsOpen);
+    return () => {
+      eventBus.off('feelPopup._close', handleClose);
+      eventBus.off('feelPopup._open', handleOpen);
+      eventBus.off('feelPopup._isOpen', handleIsOpen);
+    };
+  }, [eventBus, isOpen]);
   return jsxRuntime.jsxs(FeelPopupContext.Provider, {
     value: feelPopupContext,
     children: [open && jsxRuntime.jsx(FeelPopupComponent, {
@@ -2659,6 +2695,7 @@ function PropertiesPanel(props) {
               value: eventContext,
               children: jsxRuntime.jsx(FEELPopupRoot, {
                 element: element,
+                eventBus: eventBus,
                 popupContainer: feelPopupContainer,
                 children: jsxRuntime.jsxs("div", {
                   class: "bio-properties-panel",
@@ -4124,15 +4161,56 @@ function debounceInput(debounceDelay) {
 }
 debounceInput.$inject = ['config.debounceInput'];
 
-var index = {
+var index$1 = {
   debounceInput: ['factory', debounceInput]
 };
 
+class FeelPopupModule {
+  constructor(eventBus) {
+    this._eventBus = eventBus;
+  }
+
+  /**
+   * Check if the FEEL popup is open.
+   * @return {Boolean}
+   */
+  isOpen() {
+    return this._eventBus.fire('feelPopup._isOpen');
+  }
+
+  /**
+   * Open the FEEL popup.
+   *
+   * @param {String} entryId
+   * @param {Object} popupConfig
+   * @param {HTMLElement} sourceElement
+   */
+  open(entryId, popupConfig, sourceElement) {
+    return this._eventBus.fire('feelPopup._open', {
+      entryId,
+      popupConfig,
+      sourceElement
+    });
+  }
+
+  /**
+   * Close the FEEL popup.
+   */
+  close() {
+    return this._eventBus.fire('feelPopup._close');
+  }
+}
+FeelPopupModule.$inject = ['eventBus'];
+
+var index = {
+  feelPopup: ['type', FeelPopupModule]
+};
+
 exports.ArrowIcon = ArrowIcon;
 exports.CheckboxEntry = CheckboxEntry;
 exports.CollapsibleEntry = CollapsibleEntry;
 exports.CreateIcon = CreateIcon;
-exports.DebounceInputModule = index;
+exports.DebounceInputModule = index$1;
 exports.DeleteIcon = DeleteIcon;
 exports.DescriptionContext = DescriptionContext;
 exports.DescriptionEntry = Description;
@@ -4145,6 +4223,7 @@ exports.FeelCheckboxEntry = FeelCheckboxEntry;
 exports.FeelEntry = FeelEntry;
 exports.FeelIcon = FeelIcon$1;
 exports.FeelNumberEntry = FeelNumberEntry;
+exports.FeelPopupModule = index;
 exports.FeelTemplatingEntry = FeelTemplatingEntry;
 exports.FeelTextAreaEntry = FeelTextAreaEntry;
 exports.FeelToggleSwitchEntry = FeelToggleSwitchEntry;