camunda-bpmn-js 0.13.1 → 0.13.2

package/CHANGELOG.md

@@ -6,6 +6,19 @@ All notable changes to [camunda-bpmn-js](https://github.com/camunda/camunda-bpmn
 
 ___Note:__ Yet to be released changes appear here._
 
+## 0.13.2
+
+* `DEPS`: update to `bpmn-js-properties-panel@1.1.1`
+* `DEPS`: update to `@bpmn-io/properties-panel@0.13.2`
+
+### Key changes in Properties Panel
+
+* `FIX`: remove unnecessary scroll padding ([#145](https://github.com/bpmn-io/properties-panel/pull/145))
+* `FIX`: keep existing configuration after template apply ([#661](https://github.com/bpmn-io/bpmn-js-properties-panel/pull/661))
+* `FIX`: always override `hidden` configuration on template apply ([#661](https://github.com/bpmn-io/bpmn-js-properties-panel/pull/661))
+* `FIX`: do not render non-existing values in element template ([#676](https://github.com/bpmn-io/bpmn-js-properties-panel/pull/676))
+* `FIX`: pick-up correct element template icon ([#670](https://github.com/bpmn-io/bpmn-js-properties-panel/pull/670))
+
 ## 0.13.1
 
 _Re-publish of v0.13.0 with fixed distro._

package/dist/base-modeler.development.js

@@ -61669,19 +61669,19 @@
 	  getDescriptionForId: () => {}
 	});
 
-	/**
-	 * @typedef {Function} <propertiesPanel.showEntry> callback
-	 *
-	 * @example
-	 *
-	 * useEvent('propertiesPanel.showEntry', ({ focus = false, ...rest }) => {
-	 *   // ...
-	 * });
-	 *
-	 * @param {Object} context
-	 * @param {boolean} [context.focus]
-	 *
-	 * @returns void
+	/**
+	 * @typedef {Function} <propertiesPanel.showEntry> callback
+	 *
+	 * @example
+	 *
+	 * useEvent('propertiesPanel.showEntry', ({ focus = false, ...rest }) => {
+	 *   // ...
+	 * });
+	 *
+	 * @param {Object} context
+	 * @param {boolean} [context.focus]
+	 *
+	 * @returns void
 	 */
 	const EventContext = q({
 	  eventBus: null
@@ -61694,20 +61694,20 @@
 	  setLayoutForKey: () => {}
 	});
 
-	/**
-	 * Accesses the global DescriptionContext and returns a description for a given id and element.
-	 *
-	 * @example
-	 * ```jsx
-	 * function TextField(props) {
-	 *   const description = useDescriptionContext('input1', element);
-	 * }
-	 * ```
-	 *
-	 * @param {string} id
-	 * @param {djs.model.Base} element
-	 *
-	 * @returns {string}
+	/**
+	 * Accesses the global DescriptionContext and returns a description for a given id and element.
+	 *
+	 * @example
+	 * ```jsx
+	 * function TextField(props) {
+	 *   const description = useDescriptionContext('input1', element);
+	 * }
+	 * ```
+	 *
+	 * @param {string} id
+	 * @param {djs.model.Base} element
+	 *
+	 * @returns {string}
 	 */
 
 	function useDescriptionContext(id, element) {
@@ -61718,14 +61718,14 @@
 	}
 
 	const DEFAULT_PRIORITY$6 = 1000;
-	/**
-	 * Subscribe to an event.
-	 *
-	 * @param {string} event
-	 * @param {Function} callback
-	 * @param {number} [priority]
-	 *
-	 * @returns {import('preact').Ref}
+	/**
+	 * Subscribe to an event.
+	 *
+	 * @param {string} event
+	 * @param {Function} callback
+	 * @param {number} [priority]
+	 *
+	 * @returns {import('preact').Ref}
 	 */
 
 	function useEvent(event, callback, priority = DEFAULT_PRIORITY$6) {
@@ -61743,11 +61743,11 @@
 	}
 
 	const HIGH_PRIORITY$l = 10000;
-	/**
-	 * Buffer events and re-fire during passive effect phase.
-	 *
-	 * @param {string[]} bufferedEvents
-	 * @param {Object} [eventBus]
+	/**
+	 * Buffer events and re-fire during passive effect phase.
+	 *
+	 * @param {string[]} bufferedEvents
+	 * @param {Object} [eventBus]
 	 */
 
 	function useEventBuffer(bufferedEvents, eventBus) {
@@ -61795,20 +61795,20 @@
 	  });
 	}
 
-	/**
-	 * Creates a state that persists in the global LayoutContext.
-	 *
-	 * @example
-	 * ```jsx
-	 * function Group(props) {
-	 *   const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
-	 * }
-	 * ```
-	 *
-	 * @param {(string|number)[]} path
-	 * @param {any} [defaultValue]
-	 *
-	 * @returns {[ any, Function ]}
+	/**
+	 * Creates a state that persists in the global LayoutContext.
+	 *
+	 * @example
+	 * ```jsx
+	 * function Group(props) {
+	 *   const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
+	 * }
+	 * ```
+	 *
+	 * @param {(string|number)[]} path
+	 * @param {any} [defaultValue]
+	 *
+	 * @returns {[ any, Function ]}
 	 */
 
 	function useLayoutState(path, defaultValue) {
@@ -61829,11 +61829,11 @@
 	  return [value, setState];
 	}
 
-	/**
-	 * @pinussilvestrus: we need to introduce our own hook to persist the previous
-	 * state on updates.
-	 *
-	 * cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
+	/**
+	 * @pinussilvestrus: we need to introduce our own hook to persist the previous
+	 * state on updates.
+	 *
+	 * cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
 	 */
 
 	function usePrevious(value) {
@@ -61844,12 +61844,12 @@
 	  return ref.current;
 	}
 
-	/**
-	 * Subscribe to `propertiesPanel.showEntry`.
-	 *
-	 * @param {Function} show
-	 *
-	 * @returns {import('preact').Ref}
+	/**
+	 * Subscribe to `propertiesPanel.showEntry`.
+	 *
+	 * @param {Function} show
+	 *
+	 * @returns {import('preact').Ref}
 	 */
 
 	function useShowEntryEvent(show) {
@@ -61886,14 +61886,14 @@
 	  return ref;
 	}
 
-	/**
-	 * Subscribe to `propertiesPanel.showError`. On `propertiesPanel.showError` set
-	 * temporary error. Fire `propertiesPanel.showEntry` for temporary error to be
-	 * visible. Unset error on `propertiesPanel.updated`.
-	 *
-	 * @param {Function} show
-	 *
-	 * @returns {import('preact').Ref}
+	/**
+	 * Subscribe to `propertiesPanel.showError`. On `propertiesPanel.showError` set
+	 * temporary error. Fire `propertiesPanel.showEntry` for temporary error to be
+	 * visible. Unset error on `propertiesPanel.updated`.
+	 *
+	 * @param {Function} show
+	 *
+	 * @returns {import('preact').Ref}
 	 */
 
 	function useShowErrorEvent(show) {
@@ -62004,66 +62004,66 @@
 	};
 	const DEFAULT_DESCRIPTION = {};
 	const bufferedEvents = ['propertiesPanel.showEntry', 'propertiesPanel.showError'];
-	/**
-	 * @typedef { {
-	 *    component: import('preact').Component,
-	 *    id: String,
-	 *    isEdited?: Function
-	 * } } EntryDefinition
-	 *
-	 * @typedef { {
-	 *    autoFocusEntry: String,
-	 *    autoOpen?: Boolean,
-	 *    entries: Array<EntryDefinition>,
-	 *    id: String,
-	 *    label: String,
-	 *    remove: (event: MouseEvent) => void
-	 * } } ListItemDefinition
-	 *
-	 * @typedef { {
-	 *    add: (event: MouseEvent) => void,
-	 *    component: import('preact').Component,
-	 *    element: Object,
-	 *    id: String,
-	 *    items: Array<ListItemDefinition>,
-	 *    label: String,
-	 *    shouldSort?: Boolean,
-	 *    shouldOpen?: Boolean
-	 * } } ListGroupDefinition
-	 *
-	 * @typedef { {
-	 *    component?: import('preact').Component,
-	 *    entries: Array<EntryDefinition>,
-	 *    id: String,
-	 *    label: String,
-	 *    shouldOpen?: Boolean
-	 * } } GroupDefinition
-	 *
-	 *  @typedef { {
-	 *    [id: String]: GetDescriptionFunction
-	 * } } DescriptionConfig
-	 *
-	 * @callback { {
-	 * @param {string} id
-	 * @param {djs.model.base} element
-	 * @returns {string}
-	 * } } GetDescriptionFunction
-	 *
+	/**
+	 * @typedef { {
+	 *    component: import('preact').Component,
+	 *    id: String,
+	 *    isEdited?: Function
+	 * } } EntryDefinition
+	 *
+	 * @typedef { {
+	 *    autoFocusEntry: String,
+	 *    autoOpen?: Boolean,
+	 *    entries: Array<EntryDefinition>,
+	 *    id: String,
+	 *    label: String,
+	 *    remove: (event: MouseEvent) => void
+	 * } } ListItemDefinition
+	 *
+	 * @typedef { {
+	 *    add: (event: MouseEvent) => void,
+	 *    component: import('preact').Component,
+	 *    element: Object,
+	 *    id: String,
+	 *    items: Array<ListItemDefinition>,
+	 *    label: String,
+	 *    shouldSort?: Boolean,
+	 *    shouldOpen?: Boolean
+	 * } } ListGroupDefinition
+	 *
+	 * @typedef { {
+	 *    component?: import('preact').Component,
+	 *    entries: Array<EntryDefinition>,
+	 *    id: String,
+	 *    label: String,
+	 *    shouldOpen?: Boolean
+	 * } } GroupDefinition
+	 *
+	 *  @typedef { {
+	 *    [id: String]: GetDescriptionFunction
+	 * } } DescriptionConfig
+	 *
+	 * @callback { {
+	 * @param {string} id
+	 * @param {djs.model.base} element
+	 * @returns {string}
+	 * } } GetDescriptionFunction
+	 *
 	 */
 
-	/**
-	 * A basic properties panel component. Describes *how* content will be rendered, accepts
-	 * data from implementor to describe *what* will be rendered.
-	 *
-	 * @param {Object} props
-	 * @param {Object} props.element
-	 * @param {import('./components/Header').HeaderProvider} props.headerProvider
-	 * @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
-	 * @param {Object} [props.layoutConfig]
-	 * @param {Function} [props.layoutChanged]
-	 * @param {DescriptionConfig} [props.descriptionConfig]
-	 * @param {Function} [props.descriptionLoaded]
-	 * @param {Object} [props.eventBus]
+	/**
+	 * A basic properties panel component. Describes *how* content will be rendered, accepts
+	 * data from implementor to describe *what* will be rendered.
+	 *
+	 * @param {Object} props
+	 * @param {Object} props.element
+	 * @param {import('./components/Header').HeaderProvider} props.headerProvider
+	 * @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
+	 * @param {Object} [props.layoutConfig]
+	 * @param {Function} [props.layoutChanged]
+	 * @param {DescriptionConfig} [props.descriptionConfig]
+	 * @param {Function} [props.descriptionLoaded]
+	 * @param {Object} [props.eventBus]
 	 */
 
 	function PropertiesPanel(props) {
@@ -62230,15 +62230,15 @@
 	    })]
 	  });
 	}
-	/**
-	 * @param {Object} props
-	 * @param {Object} props.element
-	 * @param {String} props.id
-	 * @param {String} props.description
-	 * @param {String} props.label
-	 * @param {Function} props.getValue
-	 * @param {Function} props.setValue
-	 * @param {boolean} [props.disabled]
+	/**
+	 * @param {Object} props
+	 * @param {Object} props.element
+	 * @param {String} props.id
+	 * @param {String} props.description
+	 * @param {String} props.label
+	 * @param {Function} props.getValue
+	 * @param {Function} props.setValue
+	 * @param {boolean} [props.disabled]
 	 */
 
 
@@ -62284,21 +62284,21 @@
 	}
 
 	const noop$1 = () => {};
-	/**
-	 * @typedef { { value: string, label: string, disabled: boolean } } Option
+	/**
+	 * @typedef { { value: string, label: string, disabled: boolean } } Option
 	 */
 
-	/**
-	 * Provides basic select input.
-	 *
-	 * @param {object} props
-	 * @param {string} props.id
-	 * @param {string[]} props.path
-	 * @param {string} props.label
-	 * @param {Function} props.onChange
-	 * @param {Array<Option>} [props.options]
-	 * @param {string} props.value
-	 * @param {boolean} [props.disabled]
+	/**
+	 * Provides basic select input.
+	 *
+	 * @param {object} props
+	 * @param {string} props.id
+	 * @param {string[]} props.path
+	 * @param {string} props.label
+	 * @param {Function} props.onChange
+	 * @param {Array<Option>} [props.options]
+	 * @param {string} props.value
+	 * @param {boolean} [props.disabled]
 	 */
 
 
@@ -62344,16 +62344,16 @@
 	    })]
 	  });
 	}
-	/**
-	 * @param {object} props
-	 * @param {object} props.element
-	 * @param {string} props.id
-	 * @param {string} [props.description]
-	 * @param {string} props.label
-	 * @param {Function} props.getValue
-	 * @param {Function} props.setValue
-	 * @param {Function} props.getOptions
-	 * @param {boolean} [props.disabled]
+	/**
+	 * @param {object} props
+	 * @param {object} props.element
+	 * @param {string} props.id
+	 * @param {string} [props.description]
+	 * @param {string} props.label
+	 * @param {Function} props.getValue
+	 * @param {Function} props.setValue
+	 * @param {Function} props.getOptions
+	 * @param {boolean} [props.disabled]
 	 */
 
 
@@ -62455,18 +62455,18 @@
 	    })]
 	  });
 	}
-	/**
-	 * @param {object} props
-	 * @param {object} props.element
-	 * @param {string} props.id
-	 * @param {string} props.description
-	 * @param {boolean} props.debounce
-	 * @param {string} props.label
-	 * @param {Function} props.getValue
-	 * @param {Function} props.setValue
-	 * @param {number} props.rows
-	 * @param {boolean} props.monospace
-	 * @param {boolean} [props.disabled]
+	/**
+	 * @param {object} props
+	 * @param {object} props.element
+	 * @param {string} props.id
+	 * @param {string} props.description
+	 * @param {boolean} props.debounce
+	 * @param {string} props.label
+	 * @param {Function} props.getValue
+	 * @param {Function} props.setValue
+	 * @param {number} props.rows
+	 * @param {boolean} props.monospace
+	 * @param {boolean} [props.disabled]
 	 */
 
 
@@ -62557,17 +62557,17 @@
 	    })]
 	  });
 	}
-	/**
-	 * @param {Object} props
-	 * @param {Object} props.element
-	 * @param {String} props.id
-	 * @param {String} props.description
-	 * @param {Boolean} props.debounce
-	 * @param {Boolean} props.disabled
-	 * @param {String} props.label
-	 * @param {Function} props.getValue
-	 * @param {Function} props.setValue
-	 * @param {Function} props.validate
+	/**
+	 * @param {Object} props
+	 * @param {Object} props.element
+	 * @param {String} props.id
+	 * @param {String} props.description
+	 * @param {Boolean} props.debounce
+	 * @param {Boolean} props.disabled
+	 * @param {String} props.label
+	 * @param {Function} props.getValue
+	 * @param {Function} props.setValue
+	 * @param {Function} props.validate
 	 */
 
 
@@ -64246,9 +64246,7 @@
 	}
 
 	function getTemplate(element, elementTemplates) {
-	  const templateId = elementTemplates._getTemplateId(element);
-
-	  return templateId && elementTemplates.get(templateId);
+	  return elementTemplates.get(element);
 	}
 
 	function getTemplateDocumentation(element, elementTemplates) {