camunda-bpmn-js 0.22.0 → 0.23.0

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

@@ -86991,7 +86991,9 @@
 	    label,
 	    onChange,
 	    disabled,
-	    value = false
+	    value = false,
+	    onFocus,
+	    onBlur
 	  } = props;
 	  const [localValue, setLocalValue] = l$1(value);
 
@@ -87020,6 +87022,8 @@
 	      ref: ref,
 	      id: prefixId$7(id),
 	      name: id,
+	      onFocus: onFocus,
+	      onBlur: onBlur,
 	      type: "checkbox",
 	      class: "bio-properties-panel-input",
 	      onChange: handleChange,
@@ -87040,6 +87044,8 @@
 	 * @param {String} props.label
 	 * @param {Function} props.getValue
 	 * @param {Function} props.setValue
+	 * @param {Function} props.onFocus
+	 * @param {Function} props.onBlur
 	 * @param {boolean} [props.disabled]
 	 */
 
@@ -87052,7 +87058,9 @@
 	    label,
 	    getValue,
 	    setValue,
-	    disabled
+	    disabled,
+	    onFocus,
+	    onBlur
 	  } = props;
 	  const value = getValue(element);
 	  const error = useError(id);
@@ -87064,6 +87072,8 @@
 	      id: id,
 	      label: label,
 	      onChange: setValue,
+	      onFocus: onFocus,
+	      onBlur: onBlur,
 	      value: value
 	    }, element), error && o$1("div", {
 	      class: "bio-properties-panel-error",
@@ -87246,6 +87256,7 @@
 	    feel,
 	    value = '',
 	    disabled = false,
+	    variables,
 	    OptionalComponent = OptionalFeelInput
 	  } = props;
 	  const [localValue, _setLocalValue] = l$1(value);
@@ -87256,7 +87267,7 @@
 	  const [focus, _setFocus] = l$1(undefined);
 
 	  const setFocus = (offset = 0) => {
-	    const hasFocus = containerRef.current.contains(document.activeElement); // Keep carret position if it is already focused, otherwise focus at the end
+	    const hasFocus = containerRef.current.contains(document.activeElement); // Keep caret position if it is already focused, otherwise focus at the end
 
 	    const position = hasFocus ? document.activeElement.selectionStart : Infinity;
 
@@ -87402,7 +87413,7 @@
 	        },
 	        onLint: handleLint,
 	        value: feelOnlyValue,
-	        variables: props.variables,
+	        variables: variables,
 	        ref: editorRef
 	      }) : o$1(OptionalComponent, { ...props,
 	        onInput: handleLocalInput,
@@ -87418,7 +87429,9 @@
 	    id,
 	    disabled,
 	    onInput,
-	    value
+	    value,
+	    onFocus,
+	    onBlur
 	  } = props;
 	  const inputRef = s(); // To be consistent with the FEEL editor, set focus at start of input
 	  // this ensures clean editing experience when switching with the keyboard
@@ -87452,8 +87465,8 @@
 	    disabled: disabled,
 	    class: "bio-properties-panel-input",
 	    onInput: e => onInput(e.target.value),
-	    onFocus: props.onFocus,
-	    onBlur: props.onBlur,
+	    onFocus: onFocus,
+	    onBlur: onBlur,
 	    value: value || ''
 	  });
 	});
@@ -87462,7 +87475,9 @@
 	    id,
 	    disabled,
 	    onInput,
-	    value
+	    value,
+	    onFocus,
+	    onBlur
 	  } = props;
 	  const inputRef = s(); // To be consistent with the FEEL editor, set focus at start of input
 	  // this ensures clean editing experience when switching with the keyboard
@@ -87489,8 +87504,8 @@
 	    disabled: disabled,
 	    class: "bio-properties-panel-input",
 	    onInput: e => onInput(e.target.value),
-	    onFocus: props.onFocus,
-	    onBlur: props.onBlur,
+	    onFocus: onFocus,
+	    onBlur: onBlur,
 	    value: value || ''
 	  });
 	});
@@ -87519,7 +87534,11 @@
 	    getValue,
 	    setValue,
 	    validate,
-	    show = noop
+	    show = noop,
+	    example,
+	    variables,
+	    onFocus,
+	    onBlur
 	  } = props;
 	  const [cachedInvalidValue, setCachedInvalidValue] = l$1(null);
 	  const [validationError, setValidationError] = l$1(null);
@@ -87559,7 +87578,7 @@
 	  }
 
 	  const temporaryError = useError(id);
-	  const error = temporaryError || validationError || localError;
+	  const error = localError || temporaryError || validationError;
 	  return o$1("div", {
 	    class: classnames(props.class, 'bio-properties-panel-entry', error ? 'has-error' : ''),
 	    "data-entry-id": id,
@@ -87571,10 +87590,12 @@
 	      label: label,
 	      onInput: onInput,
 	      onError: onError,
-	      example: props.example,
+	      onFocus: onFocus,
+	      onBlur: onBlur,
+	      example: example,
 	      show: show,
 	      value: value,
-	      variables: props.variables,
+	      variables: variables,
 	      OptionalComponent: props.OptionalComponent
 	    }, element), error && o$1("div", {
 	      class: "bio-properties-panel-error",
@@ -87596,6 +87617,8 @@
 	 * @param {String} props.label
 	 * @param {Function} props.getValue
 	 * @param {Function} props.setValue
+	 * @param {Function} props.onFocus
+	 * @param {Function} props.onBlur
 	 * @param {Function} props.validate
 	 */
 
@@ -87621,7 +87644,9 @@
 	    onChange,
 	    options = [],
 	    value,
-	    disabled
+	    disabled,
+	    onFocus,
+	    onBlur
 	  } = props;
 	  const ref = useShowEntryEvent(id);
 	  const [localValue, setLocalValue] = l$1(value);
@@ -87656,6 +87681,8 @@
 	      name: id,
 	      class: "bio-properties-panel-input",
 	      onInput: handleChange,
+	      onFocus: onFocus,
+	      onBlur: onBlur,
 	      value: localValue,
 	      disabled: disabled,
 	      children: options.map((option, idx) => {
@@ -87676,6 +87703,8 @@
 	 * @param {string} props.label
 	 * @param {Function} props.getValue
 	 * @param {Function} props.setValue
+	 * @param {Function} props.onFocus
+	 * @param {Function} props.onBlur
 	 * @param {Function} props.getOptions
 	 * @param {boolean} [props.disabled]
 	 */
@@ -87690,7 +87719,9 @@
 	    getValue,
 	    setValue,
 	    getOptions,
-	    disabled
+	    disabled,
+	    onFocus,
+	    onBlur
 	  } = props;
 	  const value = getValue(element);
 	  const options = getOptions(element);
@@ -87703,6 +87734,8 @@
 	      label: label,
 	      value: value,
 	      onChange: setValue,
+	      onFocus: onFocus,
+	      onBlur: onBlur,
 	      options: options,
 	      disabled: disabled
 	    }, element), error && o$1("div", {
@@ -87732,7 +87765,9 @@
 	    onInput,
 	    value = '',
 	    disabled,
-	    monospace
+	    monospace,
+	    onFocus,
+	    onBlur
 	  } = props;
 	  const [localValue, setLocalValue] = l$1(value);
 	  const ref = useShowEntryEvent(id);
@@ -87767,8 +87802,8 @@
 	      spellCheck: "false",
 	      class: classnames('bio-properties-panel-input', monospace ? 'bio-properties-panel-input-monospace' : ''),
 	      onInput: handleInput,
-	      onFocus: props.onFocus,
-	      onBlur: props.onBlur,
+	      onFocus: onFocus,
+	      onBlur: onBlur,
 	      rows: rows,
 	      value: localValue,
 	      disabled: disabled
@@ -87784,6 +87819,8 @@
 	 * @param {string} props.label
 	 * @param {Function} props.getValue
 	 * @param {Function} props.setValue
+	 * @param {Function} props.onFocus
+	 * @param {Function} props.onBlur
 	 * @param {number} props.rows
 	 * @param {boolean} props.monospace
 	 * @param {boolean} [props.disabled]
@@ -87801,7 +87838,9 @@
 	    setValue,
 	    rows,
 	    monospace,
-	    disabled
+	    disabled,
+	    onFocus,
+	    onBlur
 	  } = props;
 	  const value = getValue(element);
 	  const error = useError(id);
@@ -87813,6 +87852,8 @@
 	      label: label,
 	      value: value,
 	      onInput: setValue,
+	      onFocus: onFocus,
+	      onBlur: onBlur,
 	      rows: rows,
 	      debounce: debounce,
 	      monospace: monospace,
@@ -87842,6 +87883,8 @@
 	    id,
 	    label,
 	    onInput,
+	    onFocus,
+	    onBlur,
 	    value = ''
 	  } = props;
 	  const [localValue, setLocalValue] = l$1(value || '');
@@ -87880,8 +87923,8 @@
 	      disabled: disabled,
 	      class: "bio-properties-panel-input",
 	      onInput: handleInput,
-	      onFocus: props.onFocus,
-	      onBlur: props.onBlur,
+	      onFocus: onFocus,
+	      onBlur: onBlur,
 	      value: localValue
 	    })]
 	  });
@@ -87896,6 +87939,8 @@
 	 * @param {String} props.label
 	 * @param {Function} props.getValue
 	 * @param {Function} props.setValue
+	 * @param {Function} props.onFocus
+	 * @param {Function} props.onBlur
 	 * @param {Function} props.validate
 	 */
 
@@ -87910,7 +87955,9 @@
 	    label,
 	    getValue,
 	    setValue,
-	    validate
+	    validate,
+	    onFocus,
+	    onBlur
 	  } = props;
 	  const [cachedInvalidValue, setCachedInvalidValue] = l$1(null);
 	  const globalError = useError(id);
@@ -87954,6 +88001,8 @@
 	      id: id,
 	      label: label,
 	      onInput: onInput,
+	      onFocus: onFocus,
+	      onBlur: onBlur,
 	      value: value
 	    }, element), error && o$1("div", {
 	      class: "bio-properties-panel-error",
@@ -87979,7 +88028,9 @@
 	    label,
 	    onInput,
 	    value,
-	    switcherLabel
+	    switcherLabel,
+	    onFocus,
+	    onBlur
 	  } = props;
 	  const [localValue, setLocalValue] = l$1(value);
 
@@ -88013,9 +88064,11 @@
 	          id: prefixId(id),
 	          class: "bio-properties-panel-input",
 	          type: "checkbox",
+	          onFocus: onFocus,
+	          onBlur: onBlur,
 	          name: id,
 	          onInput: handleInput,
-	          checked: localValue
+	          checked: !!localValue
 	        }), o$1("span", {
 	          class: "bio-properties-panel-toggle-switch__slider"
 	        })]
@@ -88035,6 +88088,8 @@
 	 * @param {String} props.switcherLabel
 	 * @param {Function} props.getValue
 	 * @param {Function} props.setValue
+	 * @param {Function} props.onFocus
+	 * @param {Function} props.onBlur
 	 */
 
 
@@ -88046,7 +88101,9 @@
 	    label,
 	    switcherLabel,
 	    getValue,
-	    setValue
+	    setValue,
+	    onFocus,
+	    onBlur
 	  } = props;
 	  const value = getValue(element);
 	  return o$1("div", {
@@ -88057,6 +88114,8 @@
 	      label: label,
 	      value: value,
 	      onInput: setValue,
+	      onFocus: onFocus,
+	      onBlur: onBlur,
 	      switcherLabel: switcherLabel
 	    }), o$1(Description, {
 	      forId: id,
@@ -94801,6 +94860,10 @@
 	    id: 'assignmentDefinitionCandidateGroups',
 	    component: CandidateGroups$1,
 	    isEdited: isEdited$6
+	  }, {
+	    id: 'assignmentDefinitionCandidateUsers',
+	    component: CandidateUsers$1,
+	    isEdited: isEdited$6
 	  }];
 	}
 
@@ -94955,6 +95018,82 @@
 	    setValue,
 	    debounce
 	  });
+	}
+
+	function CandidateUsers$1(props) {
+	  const {
+	    element
+	  } = props;
+	  const commandStack = useService('commandStack');
+	  const bpmnFactory = useService('bpmnFactory');
+	  const translate = useService('translate');
+	  const debounce = useService('debounceInput');
+
+	  const getValue = () => {
+	    return (getAssignmentDefinition(element) || {}).candidateUsers;
+	  };
+
+	  const setValue = value => {
+	    let commands = [];
+	    const businessObject = getBusinessObject$1(element);
+	    let extensionElements = businessObject.get('extensionElements'); // (1) ensure extension elements
+
+	    if (!extensionElements) {
+	      extensionElements = createElement$1('bpmn:ExtensionElements', {
+	        values: []
+	      }, businessObject, bpmnFactory);
+	      commands.push({
+	        cmd: 'element.updateModdleProperties',
+	        context: {
+	          element,
+	          moddleElement: businessObject,
+	          properties: {
+	            extensionElements
+	          }
+	        }
+	      });
+	    } // (2) ensure assignmentDefinition
+
+
+	    let assignmentDefinition = getAssignmentDefinition(element);
+
+	    if (!assignmentDefinition) {
+	      assignmentDefinition = createElement$1('zeebe:AssignmentDefinition', {}, extensionElements, bpmnFactory);
+	      commands.push({
+	        cmd: 'element.updateModdleProperties',
+	        context: {
+	          element,
+	          moddleElement: extensionElements,
+	          properties: {
+	            values: [...extensionElements.get('values'), assignmentDefinition]
+	          }
+	        }
+	      });
+	    } // (3) update candidateUsers
+
+
+	    commands.push({
+	      cmd: 'element.updateModdleProperties',
+	      context: {
+	        element,
+	        moddleElement: assignmentDefinition,
+	        properties: {
+	          candidateUsers: value
+	        }
+	      }
+	    });
+	    commandStack.execute('properties-panel.multi-command-executor', commands);
+	  };
+
+	  return withVariableContext(FeelEntry)({
+	    element,
+	    id: 'assignmentDefinitionCandidateUsers',
+	    label: translate('Candidate users'),
+	    feel: 'optional',
+	    getValue,
+	    setValue,
+	    debounce
+	  });
 	} // helper ///////////////////////
 
 
@@ -103470,7 +103609,7 @@
 
 	/**
 	 * Zeebe BPMN behavior removing zeebe:AssignmentDefinition elements without
-	 * zeebe:assignee and zeebe:candidateGroups.
+	 * zeebe:assignee, zeebe:candidateGroups or zeebe:candidateUsers.
 	 */
 	class CleanUpBusinessRuleTaskBehavior extends CommandInterceptor {
 	  constructor(commandStack, eventBus) {
@@ -103492,6 +103631,7 @@
 	        is$5(element, 'bpmn:UserTask')
 	          && isUndefined$2(assignmentDefinition.get('zeebe:assignee'))
 	          && isUndefined$2(assignmentDefinition.get('zeebe:candidateGroups'))
+	          && isUndefined$2(assignmentDefinition.get('zeebe:candidateUsers'))
 	      ) {
 	        const businessObject = getBusinessObject$1(element);
 
@@ -104505,6 +104645,11 @@
 					name: "candidateGroups",
 					type: "String",
 					isAttr: true
+				},
+				{
+					name: "candidateUsers",
+					type: "String",
+					isAttr: true
 				}
 			]
 		},