camunda-bpmn-js 0.17.0 → 0.17.1

package/dist/camunda-cloud-modeler.development.js

@@ -56088,7 +56088,8 @@
 	  }
 
 	  forEach(elements, function(element) {
-	    var assignedDi = isConnection$c(element) ? pick(di, [ 'border-color' ]) : di;
+	    var assignedDi = isConnection$c(element) ? pick(di, [ 'border-color' ]) : di,
+	        elementDi = getDi(element);
 
 	    // TODO @barmac: remove once we drop bpmn.io properties
 	    ensureLegacySupport(assignedDi);
@@ -56098,13 +56099,18 @@
 	      // set label colors as bpmndi:BPMNLabel#color
 	      self._commandStack.execute('element.updateModdleProperties', {
 	        element: element,
-	        moddleElement: getDi(element).label,
+	        moddleElement: elementDi.label,
 	        properties: {
 	          color: di['border-color']
 	        }
 	      });
 	    } else {
 
+	      // ignore non-compliant di
+	      if (!isAny(elementDi, [ 'bpmndi:BPMNEdge', 'bpmndi:BPMNShape' ])) {
+	        return;
+	      }
+
 	      // set colors bpmndi:BPMNEdge or bpmndi:BPMNShape
 	      self._commandStack.execute('element.updateProperties', {
 	        element: element,
@@ -62904,7 +62910,7 @@
 	  return o$2("svg", { ...props,
 	    children: o$2("path", {
 	      fillRule: "evenodd",
-	      d: "m11.657 8-4.95 4.95a1 1 0 0 1-1.414-1.414L8.828 8 5.293 4.464A1 1 0 1 1 6.707 3.05L11.657 8z"
+	      d: "m11.657 8-4.95 4.95a1 1 0 0 1-1.414-1.414L8.828 8 5.293 4.464A1 1 0 1 1 6.707 3.05L11.657 8Z"
 	    })
 	  });
 	};
@@ -62919,7 +62925,7 @@
 	  return o$2("svg", { ...props,
 	    children: o$2("path", {
 	      fillRule: "evenodd",
-	      d: "M9 13V9h4a1 1 0 0 0 0-2H9V3a1 1 0 1 0-2 0v4H3a1 1 0 1 0 0 2h4v4a1 1 0 0 0 2 0z"
+	      d: "M9 13V9h4a1 1 0 0 0 0-2H9V3a1 1 0 1 0-2 0v4H3a1 1 0 1 0 0 2h4v4a1 1 0 0 0 2 0Z"
 	    })
 	  });
 	};
@@ -62934,7 +62940,7 @@
 	  return o$2("svg", { ...props,
 	    children: o$2("path", {
 	      fillRule: "evenodd",
-	      d: "M12 6v7c0 1.1-.4 1.55-1.5 1.55h-5C4.4 14.55 4 14.1 4 13V6h8zm-1.5 1.5h-5v4.3c0 .66.5 1.2 1.111 1.2H9.39c.611 0 1.111-.54 1.111-1.2V7.5zM13 3h-2l-1-1H6L5 3H3v1.5h10V3z"
+	      d: "M12 6v7c0 1.1-.4 1.55-1.5 1.55h-5C4.4 14.55 4 14.1 4 13V6h8Zm-1.5 1.5h-5v4.3c0 .66.5 1.2 1.111 1.2H9.39c.611 0 1.111-.54 1.111-1.2V7.5ZM13 3h-2l-1-1H6L5 3H3v1.5h10V3Z"
 	    })
 	  });
 	};
@@ -62950,7 +62956,7 @@
 	    children: o$2("path", {
 	      fillRule: "evenodd",
 	      clipRule: "evenodd",
-	      d: "M12.637 12.637v-4.72h1.362v4.721c0 .36-.137.676-.411.95-.275.275-.591.412-.95.412H3.362c-.38 0-.703-.132-.967-.396A1.315 1.315 0 0 1 2 12.638V3.362c0-.38.132-.703.396-.967S2.982 2 3.363 2h4.553v1.363H3.363v9.274h9.274zM14 2H9.28l-.001 1.362h2.408L5.065 9.984l.95.95 6.622-6.622v2.409H14V2z",
+	      d: "M12.637 12.637v-4.72h1.362v4.721c0 .36-.137.676-.411.95-.275.275-.591.412-.95.412H3.362c-.38 0-.703-.132-.967-.396A1.315 1.315 0 0 1 2 12.638V3.362c0-.38.132-.703.396-.967S2.982 2 3.363 2h4.553v1.363H3.363v9.274h9.274ZM14 2H9.28l-.001 1.362h2.408L5.065 9.984l.95.95 6.622-6.622v2.409H14V2Z",
 	      fill: "#818798"
 	    })
 	  });
@@ -62966,15 +62972,15 @@
 	var FeelRequiredIcon = function FeelRequiredIcon(props) {
 	  return o$2("svg", { ...props,
 	    children: [o$2("path", {
-	      d: "M5.8 7.06V5.95h4.307v1.11H5.8zm0 3.071v-1.11h4.307v1.11H5.8z",
+	      d: "M5.8 7.06V5.95h4.307v1.11H5.8Zm0 3.071v-1.11h4.307v1.11H5.8Z",
 	      fill: "currentColor"
 	    }), o$2("path", {
 	      fillRule: "evenodd",
 	      clipRule: "evenodd",
-	      d: "M8 3.268A4.732 4.732 0 1 0 12.732 8H14a6 6 0 1 1-6-6v1.268z",
+	      d: "M8 3.268A4.732 4.732 0 1 0 12.732 8H14a6 6 0 1 1-6-6v1.268Z",
 	      fill: "currentColor"
 	    }), o$2("path", {
-	      d: "m11.28 6.072-.832-.56 1.016-1.224L10 3.848l.312-.912 1.392.584L11.632 2h1.032l-.072 1.52 1.392-.584.312.912-1.464.44 1.008 1.224-.832.552-.864-1.296-.864 1.304z",
+	      d: "m11.28 6.072-.832-.56 1.016-1.224L10 3.848l.312-.912 1.392.584L11.632 2h1.032l-.072 1.52 1.392-.584.312.912-1.464.44 1.008 1.224-.832.552-.864-1.296-.864 1.304Z",
 	      fill: "currentColor"
 	    })]
 	  });
@@ -62989,12 +62995,12 @@
 	var FeelOptionalIcon = function FeelOptionalIcon(props) {
 	  return o$2("svg", { ...props,
 	    children: [o$2("path", {
-	      d: "M5.845 7.04V5.93h4.307v1.11H5.845zm0 3.07V9h4.307v1.11H5.845z",
+	      d: "M5.845 7.04V5.93h4.307v1.11H5.845Zm0 3.07V9h4.307v1.11H5.845Z",
 	      fill: "currentColor"
 	    }), o$2("path", {
 	      fillRule: "evenodd",
 	      clipRule: "evenodd",
-	      d: "M3.286 8a4.714 4.714 0 1 0 9.428 0 4.714 4.714 0 0 0-9.428 0zM8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2z",
+	      d: "M3.286 8a4.714 4.714 0 1 0 9.428 0 4.714 4.714 0 0 0-9.428 0ZM8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Z",
 	      fill: "currentColor"
 	    })]
 	  });
@@ -67809,6 +67815,7 @@ name: 	name$6,/// The [name](#highlight.tags.name) of a variable.
 	    value,
 	    onInput,
 	    onFeelToggle,
+	    onLint = () => {},
 	    disabled,
 	    variables
 	  } = props;
@@ -67845,11 +67852,13 @@ name: 	name$6,/// The [name](#highlight.tags.name) of a variable.
 	      container: inputRef.current,
 	      onChange: handleInput,
 	      onKeyDown: onKeyDown,
+	      onLint: onLint,
 	      value: localValue,
 	      variables: variables
 	    });
 	    setEditor(editor);
 	    return () => {
+	      onLint([]);
 	      inputRef.current.innerHTML = '';
 	      setEditor(null);
 	    };
@@ -67866,12 +67875,18 @@ name: 	name$6,/// The [name](#highlight.tags.name) of a variable.
 	    editor.setValue(value);
 	    setLocalValue(value);
 	  }, [value]);
+
+	  const handleClick = () => {
+	    ref.current.focus();
+	  };
+
 	  return o$2("div", {
 	    class: classnames('bio-properties-panel-feel-editor-container', disabled ? 'disabled' : null),
 	    children: o$2("div", {
 	      name: props.name,
 	      class: classnames('bio-properties-panel-input', localValue ? 'edited' : null),
-	      ref: inputRef
+	      ref: inputRef,
+	      onClick: handleClick
 	    })
 	  });
 	});
@@ -67935,6 +67950,7 @@ name: 	name$6,/// The [name](#highlight.tags.name) of a variable.
 	    id,
 	    label,
 	    onInput,
+	    onError,
 	    feel,
 	    value = '',
 	    disabled = false,
@@ -68000,6 +68016,16 @@ name: 	name$6,/// The [name](#highlight.tags.name) of a variable.
 	    }
 	  };
 
+	  const handleLint = useStaticCallback(lint => {
+	    if (!(lint && lint.length)) {
+	      onError(undefined);
+	      return;
+	    }
+
+	    const error = lint[0];
+	    const message = `${error.source}: ${error.message}`;
+	    onError(message);
+	  });
 	  y$1(() => {
 	    if (typeof focus !== 'undefined') {
 	      editorRef.current.focus(focus);
@@ -68080,8 +68106,9 @@ name: 	name$6,/// The [name](#highlight.tags.name) of a variable.
 	        disabled: disabled,
 	        onFeelToggle: () => {
 	          handleFeelToggle();
-	          setFocus();
+	          setFocus(true);
 	        },
+	        onLint: handleLint,
 	        value: feelOnlyValue,
 	        variables: props.variables,
 	        ref: editorRef
@@ -68204,6 +68231,7 @@ name: 	name$6,/// The [name](#highlight.tags.name) of a variable.
 	  } = props;
 	  const [cachedInvalidValue, setCachedInvalidValue] = l(null);
 	  const [validationError, setValidationError] = l(null);
+	  const [localError, setLocalError] = l(null);
 	  let value = getValue(element);
 	  const previousValue = usePrevious(value);
 	  y$1(() => {
@@ -68230,13 +68258,16 @@ name: 	name$6,/// The [name](#highlight.tags.name) of a variable.
 
 	    setValidationError(newValidationError);
 	  });
+	  const onError = A$1(err => {
+	    setLocalError(err);
+	  }, []);
 
 	  if (previousValue === value && validationError) {
 	    value = cachedInvalidValue;
 	  }
 
 	  const temporaryError = useError(id);
-	  const error = temporaryError || validationError;
+	  const error = temporaryError || validationError || localError;
 	  return o$2("div", {
 	    class: classnames(props.class, 'bio-properties-panel-entry', error ? 'has-error' : ''),
 	    "data-entry-id": id,
@@ -68247,6 +68278,7 @@ name: 	name$6,/// The [name](#highlight.tags.name) of a variable.
 	      id: id,
 	      label: label,
 	      onInput: onInput,
+	      onError: onError,
 	      example: props.example,
 	      show: show,
 	      value: value,