camunda-bpmn-js 0.13.0-alpha.7 → 0.13.0-alpha.8

package/CHANGELOG.md

@@ -6,6 +6,21 @@ All notable changes to [camunda-bpmn-js](https://github.com/camunda/camunda-bpmn
 
 ___Note:__ Yet to be released changes appear here._
 
+## 0.13.0-alpha.8
+
+* `FEAT`: support element template custom icons ([#108](https://github.com/camunda/camunda-bpmn-js/pull/108))
+* `DEPS`: update to `bpmn-js-properties-panel@1.0.0-alpha.12` ([#108](https://github.com/camunda/camunda-bpmn-js/pull/108))
+* `DEPS`: update to `diagram-js@8.2.1` ([#108](https://github.com/camunda/camunda-bpmn-js/pull/108))
+* `DEPS`: update to `camunda-bpmn-moddle@6.1.2` ([#108](https://github.com/camunda/camunda-bpmn-js/pull/108))
+* `DEPS`: update to `zeebe-bpmn-moddle@0.12.0` ([#108](https://github.com/camunda/camunda-bpmn-js/pull/108))
+* `DEPS`: update to `@bpmn-io/element-templates-icons-renderer@0.1.2` ([#108](https://github.com/camunda/camunda-bpmn-js/pull/108))
+
+### Key changes in Properties Panel
+
+* `FEAT`: apply element template icons ([#641](https://github.com/bpmn-io/bpmn-js-properties-panel/pull/641))
+* `FEAT`: change task type when element template is applied ([#648](https://github.com/bpmn-io/bpmn-js-properties-panel/pull/648))
+* `FEAT`: display element template icons in header ([#650](https://github.com/bpmn-io/bpmn-js-properties-panel/pull/650))
+
 ## 0.13.0-alpha.7
 
 _Re-publish of v0.13.0-alpha.6 with fixed distro._
@@ -18,7 +33,7 @@ _Re-publish of v0.13.0-alpha.6 with fixed distro._
 * `DEPS`: update to `@bpmn-io/properties-panel@0.13.1`
 * `DEPS`: update to `bpmn-js-properties-panel@1.0.0-alpha.9`
 
-# Properties Panel
+### Key changes in Properties Panel
 
 * `FEAT`: allow showing entries and errors through events ([#137](https://github.com/bpmn-io/properties-panel/pull/137))
 * `FEAT`: allow opening groups per default ([#139](https://github.com/bpmn-io/properties-panel/pull/139))

package/dist/assets/element-templates.css

@@ -10,6 +10,10 @@
   --select-template-information-text-color: var(--color-grey-225-10-55);
 }
 
+.bio-properties-panel-header-template-icon {
+  object-fit: contain;
+}
+
 .bio-properties-panel-templates-group .bio-properties-panel-group-header-button:not(.bio-properties-panel-arrow) {
   padding-right: 6px;
   padding-left: 9px;

package/dist/base-modeler.development.js

@@ -64144,8 +64144,7 @@
 	}
 	const PanelHeaderProvider = {
 	  getDocumentationRef: element => {
-	    // eslint-disable-next-line react-hooks/rules-of-hooks
-	    const elementTemplates = useService('elementTemplates', false);
+	    const elementTemplates = getTemplatesService();
 
 	    if (elementTemplates) {
 	      return getTemplateDocumentation(element, elementTemplates);
@@ -64160,11 +64159,25 @@
 	  },
 	  getElementIcon: element => {
 	    const concreteType = getConcreteType(element);
+	    const elementTemplates = getTemplatesService();
+
+	    if (elementTemplates) {
+	      const template = getTemplate(element, elementTemplates);
+
+	      if (template && template.icon) {
+	        return () => o$2("img", {
+	          class: "bio-properties-panel-header-template-icon",
+	          width: "32",
+	          height: "32",
+	          src: template.icon.contents
+	        });
+	      }
+	    }
+
 	    return iconsByType[concreteType];
 	  },
 	  getTypeLabel: element => {
-	    // eslint-disable-next-line react-hooks/rules-of-hooks
-	    const elementTemplates = useService('elementTemplates', false);
+	    const elementTemplates = getTemplatesService();
 
 	    if (elementTemplates) {
 	      const template = getTemplate(element, elementTemplates);
@@ -64227,6 +64240,11 @@
 	  return is$1(di, 'bpmndi:BPMNPlane');
 	}
 
+	function getTemplatesService() {
+	  // eslint-disable-next-line react-hooks/rules-of-hooks
+	  return useService('elementTemplates', false);
+	}
+
 	function getTemplate(element, elementTemplates) {
 	  const templateId = elementTemplates._getTemplateId(element);
 
@@ -65325,13 +65343,17 @@
 	    });
 	  };
 
+	  const businessObject = getBusinessObject(element),
+	        path = pathConcat(getPath(error, businessObject), 'errorCode');
+	  const show = useShowCallback(businessObject, path);
 	  return TextfieldEntry({
 	    element,
 	    id: 'errorCode',
 	    label: translate('Code'),
 	    getValue,
 	    setValue,
-	    debounce
+	    debounce,
+	    show
 	  });
 	} // helper /////////////////////////
 
@@ -65915,13 +65937,17 @@
 	    });
 	  };
 
+	  const businessObject = getBusinessObject(element),
+	        path = pathConcat(getPath(message, businessObject), 'name');
+	  const show = useShowCallback(businessObject, path);
 	  return TextfieldEntry({
 	    element,
 	    id: 'messageName',
 	    label: translate('Name'),
 	    getValue,
 	    setValue,
-	    debounce
+	    debounce,
+	    show
 	  });
 	} // helper /////////////////////////