@bpmn-io/properties-panel 3.8.0 → 3.10.0

package/README.md

@@ -5,31 +5,31 @@
 
 Library for creating bpmn-io properties panels.
 
+## Resources
 
-## Hacking the Project
+* [Changelog](./CHANGELOG.md)
 
-To get the development setup make sure to have [NodeJS](https://nodejs.org/en/download/) installed.
-As soon as you are set up, clone the project and execute
+## Build and Run
 
-```
+Prepare the project by installing all dependencies:
+
+```sh
 npm install
 ```
 
+Then, depending on your use-case you may run any of the following commands:
 
-### Testing
+```sh
+# build the library and run all tests
+npm run all
 
-Execute `npm run dev` to run the test suite in watch mode.
+# run the full development setup
+npm run dev
+```
 
 Expose an environment variable `TEST_BROWSERS=(Chrome|Firefox|IE)` to execute the tests in a non-headless browser.
 
 
-### Package
-
-Execute `npm run all` to lint and test the project.
-
-__Note:__ We do not generate any build artifacts. Required parts of the library should be bundled by properties panels as needed instead.
-
-
 ## License
 
-MIT
+MIT

package/dist/assets/properties-panel.css

@@ -564,7 +564,8 @@ textarea.bio-properties-panel-input {
   resize: vertical;
 }
 
-.bio-properties-panel-entry.has-error .bio-properties-panel-input {
+.bio-properties-panel-entry.has-error .bio-properties-panel-input,
+.bio-properties-panel-entry.has-error .bio-properties-panel-feel-editor__open-popup-placeholder {
   border-color: var(--input-error-border-color);
   background-color: var(--input-error-background-color);
 }

package/dist/index.js

@@ -1199,6 +1199,7 @@ function PopupComponent(props, globalRef) {
   const focusTrapRef = hooks.useRef(null);
   const localRef = hooks.useRef(null);
   const popupRef = globalRef || localRef;
+  const containerNode = hooks.useMemo(() => getContainerNode(container), [container]);
   const handleKeydown = event => {
     // do not allow keyboard events to bubble
     event.stopPropagation();
@@ -1258,7 +1259,7 @@ function PopupComponent(props, globalRef) {
     class: classnames__default["default"]('bio-properties-panel-popup', className),
     style: style,
     children: props.children
-  }), container || document.body);
+  }), containerNode || document.body);
 }
 const Popup = compat.forwardRef(PopupComponent);
 Popup.Title = Title;
@@ -1378,6 +1379,12 @@ function cancel(event) {
   event.preventDefault();
   event.stopPropagation();
 }
+function getContainerNode(node) {
+  if (typeof node === 'string') {
+    return minDom.query(node);
+  }
+  return node;
+}
 
 const FEEL_POPUP_WIDTH = 700;
 const FEEL_POPUP_HEIGHT = 250;
@@ -1928,7 +1935,7 @@ function FeelTextfield(props) {
   }, [onInput, debounce]);
   const setLocalValue = newValue => {
     _setLocalValue(newValue);
-    if (!newValue || newValue === '=') {
+    if (typeof newValue === 'undefined' || newValue === '' || newValue === '=') {
       handleInputCallback(undefined);
     } else {
       handleInputCallback(newValue);