@bpmn-io/properties-panel 3.41.3 → 3.43.0

package/dist/assets/properties-panel.css

@@ -534,6 +534,7 @@ select.bio-properties-panel-input {
   padding: 4px 6px;
 }
 
+.bio-properties-panel code,
 .bio-properties-panel-input-monospace {
   font-family: var(--font-family-monospace);
 }

package/dist/index.esm.js

@@ -7,7 +7,7 @@ import classnames from 'classnames';
 import { query, domify } from 'min-dom';
 import { EditorView, highlightSpecialChars, drawSelection, keymap, placeholder, lineNumbers } from '@codemirror/view';
 import { Annotation, EditorState } from '@codemirror/state';
-import { syntaxHighlighting, foldGutter, bracketMatching, defaultHighlightStyle, foldKeymap } from '@codemirror/language';
+import { syntaxHighlighting, defaultHighlightStyle, foldGutter, bracketMatching, foldKeymap } from '@codemirror/language';
 import { closeBrackets, closeBracketsKeymap } from '@codemirror/autocomplete';
 import { history, defaultKeymap, historyKeymap } from '@codemirror/commands';
 import { jsonParseLinter, json } from '@codemirror/lang-json';
@@ -895,7 +895,6 @@ function Group(props) {
           value: props.tooltip,
           forId: 'group-' + id,
           element: element,
-          parent: groupRef,
           children: label
         })
       }), jsxs("div", {
@@ -994,7 +993,7 @@ const DEFAULT_TOOLTIP = {};
  *    autoOpen?: Boolean,
  *    entries: Array<EntryDefinition>,
  *    id: String,
- *    label: String,
+ *    label: String|import('preact').ComponentChildren,
  *    remove: (event: MouseEvent) => void
  * } } ListItemDefinition
  *
@@ -1047,9 +1046,12 @@ const DEFAULT_TOOLTIP = {};
  * A basic properties panel component. Describes *how* content will be rendered, accepts
  * data from implementor to describe *what* will be rendered.
  *
+ * If `headerProvider` is omitted (or `null`), the built-in `<Header>` is not rendered;
+ * consumers can render `<Header>` standalone elsewhere using the same provider shape.
+ *
  * @param {Object} props
  * @param {Object|Array} props.element
- * @param {import('./components/Header').HeaderProvider} props.headerProvider
+ * @param {import('./components/Header').HeaderProvider} [props.headerProvider]
  * @param {PlaceholderProvider} [props.placeholderProvider]
  * @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
  * @param {Object} [props.layoutConfig]
@@ -1178,10 +1180,10 @@ function PropertiesPanel(props) {
               value: eventContext,
               children: jsxs("div", {
                 class: "bio-properties-panel",
-                children: [jsx(Header, {
+                children: [headerProvider ? jsx(Header, {
                   element: element,
                   headerProvider: headerProvider
-                }), jsx("div", {
+                }) : null, jsx("div", {
                   class: "bio-properties-panel-scroll-container",
                   children: groups.map(group => {
                     const {
@@ -1554,7 +1556,6 @@ function ListGroup(props) {
           value: props.tooltip,
           forId: 'group-' + id,
           element: element,
-          parent: groupRef,
           children: label
         })
       }), jsxs("div", {
@@ -3638,7 +3639,7 @@ function prefixIdLabel(id) {
  * @param {*} props.element
  * @param {Function} props.onAdd
  * @param {import('preact').Component} props.component
- * @param {string} [props.label='<empty>']
+ * @param {string|import('preact').ComponentChildren} [props.label='<empty>']
  * @param {Function} [props.onRemove]
  * @param {Item[]} [props.items]
  * @param {boolean} [props.open]