@bpmn-io/properties-panel 1.3.0 → 1.4.0

package/assets/properties-panel.css

@@ -421,6 +421,14 @@
   border-radius: 3px;
 }
 
+.bio-properties-panel-description pre code {
+  width: 100%;
+  display: block;
+  overflow-x: auto;
+  padding: 4px 6px;
+  font-family: var(--font-family-monospace);
+}
+
 .bio-properties-panel-description ul {
   padding: 0;
   margin: 0 0 0 12px;
@@ -455,7 +463,7 @@ textarea.bio-properties-panel-input,
   width: 100%;
 }
 
-textarea.bio-properties-panel-input.auto-resize {
+textarea.bio-properties-panel-input {
   min-height: 28px;
 }
 

package/dist/index.esm.js

@@ -2159,6 +2159,16 @@ function Select(props) {
       value: localValue,
       disabled: disabled,
       children: options.map((option, idx) => {
+        if (option.children) {
+          return jsx("optgroup", {
+            label: option.label,
+            children: option.children.map((child, idx) => jsx("option", {
+              value: child.value,
+              disabled: child.disabled,
+              children: child.label
+            }, idx))
+          }, idx);
+        }
         return jsx("option", {
           value: option.value,
           disabled: option.disabled,
@@ -2288,13 +2298,15 @@ function prefixId$3(id) {
 
 function resizeToContents(element) {
   element.style.height = 'auto';
-  element.style.height = Math.min(element.scrollHeight + 2, 150) + 'px';
+
+  // a 2px pixel offset is required to prevent scrollbar from
+  // appearing on OS with a full length scroll bar (Windows/Linux)
+  element.style.height = `${element.scrollHeight + 2}px`;
 }
 function TextArea(props) {
   const {
     id,
     label,
-    rows = 2,
     debounce,
     onInput,
     value = '',
@@ -2302,7 +2314,8 @@ function TextArea(props) {
     monospace,
     onFocus,
     onBlur,
-    autoResize
+    autoResize,
+    rows = autoResize ? 1 : 2
   } = props;
   const [localValue, setLocalValue] = useState(value);
   const ref = useShowEntryEvent(id);