camunda-bpmn-js 5.2.1 → 5.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/properties-panel.css +1517 -1509
- package/dist/base-modeler.development.js +290 -290
- package/dist/camunda-cloud-modeler.development.js +421 -421
- package/dist/camunda-platform-modeler.development.js +343 -343
- package/package.json +2 -2
|
@@ -98707,19 +98707,19 @@
|
|
|
98707
98707
|
errors: {}
|
|
98708
98708
|
});
|
|
98709
98709
|
|
|
98710
|
-
/**
|
|
98711
|
-
* @typedef {Function} <propertiesPanel.showEntry> callback
|
|
98712
|
-
*
|
|
98713
|
-
* @example
|
|
98714
|
-
*
|
|
98715
|
-
* useEvent('propertiesPanel.showEntry', ({ focus = false, ...rest }) => {
|
|
98716
|
-
* // ...
|
|
98717
|
-
* });
|
|
98718
|
-
*
|
|
98719
|
-
* @param {Object} context
|
|
98720
|
-
* @param {boolean} [context.focus]
|
|
98721
|
-
*
|
|
98722
|
-
* @returns void
|
|
98710
|
+
/**
|
|
98711
|
+
* @typedef {Function} <propertiesPanel.showEntry> callback
|
|
98712
|
+
*
|
|
98713
|
+
* @example
|
|
98714
|
+
*
|
|
98715
|
+
* useEvent('propertiesPanel.showEntry', ({ focus = false, ...rest }) => {
|
|
98716
|
+
* // ...
|
|
98717
|
+
* });
|
|
98718
|
+
*
|
|
98719
|
+
* @param {Object} context
|
|
98720
|
+
* @param {boolean} [context.focus]
|
|
98721
|
+
*
|
|
98722
|
+
* @returns void
|
|
98723
98723
|
*/
|
|
98724
98724
|
|
|
98725
98725
|
const EventContext = F$2({
|
|
@@ -98738,20 +98738,20 @@
|
|
|
98738
98738
|
getTooltipForId: () => {}
|
|
98739
98739
|
});
|
|
98740
98740
|
|
|
98741
|
-
/**
|
|
98742
|
-
* Accesses the global TooltipContext and returns a tooltip for a given id and element.
|
|
98743
|
-
*
|
|
98744
|
-
* @example
|
|
98745
|
-
* ```jsx
|
|
98746
|
-
* function TextField(props) {
|
|
98747
|
-
* const tooltip = useTooltipContext('input1', element);
|
|
98748
|
-
* }
|
|
98749
|
-
* ```
|
|
98750
|
-
*
|
|
98751
|
-
* @param {string} id
|
|
98752
|
-
* @param {object} element
|
|
98753
|
-
*
|
|
98754
|
-
* @returns {string}
|
|
98741
|
+
/**
|
|
98742
|
+
* Accesses the global TooltipContext and returns a tooltip for a given id and element.
|
|
98743
|
+
*
|
|
98744
|
+
* @example
|
|
98745
|
+
* ```jsx
|
|
98746
|
+
* function TextField(props) {
|
|
98747
|
+
* const tooltip = useTooltipContext('input1', element);
|
|
98748
|
+
* }
|
|
98749
|
+
* ```
|
|
98750
|
+
*
|
|
98751
|
+
* @param {string} id
|
|
98752
|
+
* @param {object} element
|
|
98753
|
+
*
|
|
98754
|
+
* @returns {string}
|
|
98755
98755
|
*/
|
|
98756
98756
|
function useTooltipContext(id, element) {
|
|
98757
98757
|
const {
|
|
@@ -98904,20 +98904,20 @@
|
|
|
98904
98904
|
return `bio-properties-panel-${id}`;
|
|
98905
98905
|
}
|
|
98906
98906
|
|
|
98907
|
-
/**
|
|
98908
|
-
* Accesses the global DescriptionContext and returns a description for a given id and element.
|
|
98909
|
-
*
|
|
98910
|
-
* @example
|
|
98911
|
-
* ```jsx
|
|
98912
|
-
* function TextField(props) {
|
|
98913
|
-
* const description = useDescriptionContext('input1', element);
|
|
98914
|
-
* }
|
|
98915
|
-
* ```
|
|
98916
|
-
*
|
|
98917
|
-
* @param {string} id
|
|
98918
|
-
* @param {object} element
|
|
98919
|
-
*
|
|
98920
|
-
* @returns {string}
|
|
98907
|
+
/**
|
|
98908
|
+
* Accesses the global DescriptionContext and returns a description for a given id and element.
|
|
98909
|
+
*
|
|
98910
|
+
* @example
|
|
98911
|
+
* ```jsx
|
|
98912
|
+
* function TextField(props) {
|
|
98913
|
+
* const description = useDescriptionContext('input1', element);
|
|
98914
|
+
* }
|
|
98915
|
+
* ```
|
|
98916
|
+
*
|
|
98917
|
+
* @param {string} id
|
|
98918
|
+
* @param {object} element
|
|
98919
|
+
*
|
|
98920
|
+
* @returns {string}
|
|
98921
98921
|
*/
|
|
98922
98922
|
function useDescriptionContext(id, element) {
|
|
98923
98923
|
const {
|
|
@@ -98939,11 +98939,11 @@
|
|
|
98939
98939
|
return errors;
|
|
98940
98940
|
}
|
|
98941
98941
|
|
|
98942
|
-
/**
|
|
98943
|
-
* Subscribe to an event immediately. Update subscription after inputs changed.
|
|
98944
|
-
*
|
|
98945
|
-
* @param {string} event
|
|
98946
|
-
* @param {Function} callback
|
|
98942
|
+
/**
|
|
98943
|
+
* Subscribe to an event immediately. Update subscription after inputs changed.
|
|
98944
|
+
*
|
|
98945
|
+
* @param {string} event
|
|
98946
|
+
* @param {Function} callback
|
|
98947
98947
|
*/
|
|
98948
98948
|
function useEvent(event, callback, eventBus) {
|
|
98949
98949
|
const eventContext = q$1(EventContext);
|
|
@@ -98975,24 +98975,24 @@
|
|
|
98975
98975
|
|
|
98976
98976
|
const KEY_LENGTH = 6;
|
|
98977
98977
|
|
|
98978
|
-
/**
|
|
98979
|
-
* Create a persistent key factory for plain objects without id.
|
|
98980
|
-
*
|
|
98981
|
-
* @example
|
|
98982
|
-
* ```jsx
|
|
98983
|
-
* function List({ objects }) {
|
|
98984
|
-
* const getKey = useKeyFactory();
|
|
98985
|
-
* return (<ol>{
|
|
98986
|
-
* objects.map(obj => {
|
|
98987
|
-
* const key = getKey(obj);
|
|
98988
|
-
* return <li key={key}>obj.name</li>
|
|
98989
|
-
* })
|
|
98990
|
-
* }</ol>);
|
|
98991
|
-
* }
|
|
98992
|
-
* ```
|
|
98993
|
-
*
|
|
98994
|
-
* @param {any[]} dependencies
|
|
98995
|
-
* @returns {(element: object) => string}
|
|
98978
|
+
/**
|
|
98979
|
+
* Create a persistent key factory for plain objects without id.
|
|
98980
|
+
*
|
|
98981
|
+
* @example
|
|
98982
|
+
* ```jsx
|
|
98983
|
+
* function List({ objects }) {
|
|
98984
|
+
* const getKey = useKeyFactory();
|
|
98985
|
+
* return (<ol>{
|
|
98986
|
+
* objects.map(obj => {
|
|
98987
|
+
* const key = getKey(obj);
|
|
98988
|
+
* return <li key={key}>obj.name</li>
|
|
98989
|
+
* })
|
|
98990
|
+
* }</ol>);
|
|
98991
|
+
* }
|
|
98992
|
+
* ```
|
|
98993
|
+
*
|
|
98994
|
+
* @param {any[]} dependencies
|
|
98995
|
+
* @returns {(element: object) => string}
|
|
98996
98996
|
*/
|
|
98997
98997
|
function useKeyFactory(dependencies = []) {
|
|
98998
98998
|
const map = F$1(() => new Map(), dependencies);
|
|
@@ -99007,20 +99007,20 @@
|
|
|
99007
99007
|
return getKey;
|
|
99008
99008
|
}
|
|
99009
99009
|
|
|
99010
|
-
/**
|
|
99011
|
-
* Creates a state that persists in the global LayoutContext.
|
|
99012
|
-
*
|
|
99013
|
-
* @example
|
|
99014
|
-
* ```jsx
|
|
99015
|
-
* function Group(props) {
|
|
99016
|
-
* const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
|
|
99017
|
-
* }
|
|
99018
|
-
* ```
|
|
99019
|
-
*
|
|
99020
|
-
* @param {(string|number)[]} path
|
|
99021
|
-
* @param {any} [defaultValue]
|
|
99022
|
-
*
|
|
99023
|
-
* @returns {[ any, Function ]}
|
|
99010
|
+
/**
|
|
99011
|
+
* Creates a state that persists in the global LayoutContext.
|
|
99012
|
+
*
|
|
99013
|
+
* @example
|
|
99014
|
+
* ```jsx
|
|
99015
|
+
* function Group(props) {
|
|
99016
|
+
* const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
|
|
99017
|
+
* }
|
|
99018
|
+
* ```
|
|
99019
|
+
*
|
|
99020
|
+
* @param {(string|number)[]} path
|
|
99021
|
+
* @param {any} [defaultValue]
|
|
99022
|
+
*
|
|
99023
|
+
* @returns {[ any, Function ]}
|
|
99024
99024
|
*/
|
|
99025
99025
|
function useLayoutState(path, defaultValue) {
|
|
99026
99026
|
const {
|
|
@@ -99034,11 +99034,11 @@
|
|
|
99034
99034
|
return [layoutForKey, setState];
|
|
99035
99035
|
}
|
|
99036
99036
|
|
|
99037
|
-
/**
|
|
99038
|
-
* @pinussilvestrus: we need to introduce our own hook to persist the previous
|
|
99039
|
-
* state on updates.
|
|
99040
|
-
*
|
|
99041
|
-
* cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
|
|
99037
|
+
/**
|
|
99038
|
+
* @pinussilvestrus: we need to introduce our own hook to persist the previous
|
|
99039
|
+
* state on updates.
|
|
99040
|
+
*
|
|
99041
|
+
* cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
|
|
99042
99042
|
*/
|
|
99043
99043
|
|
|
99044
99044
|
function usePrevious(value) {
|
|
@@ -99049,12 +99049,12 @@
|
|
|
99049
99049
|
return ref.current;
|
|
99050
99050
|
}
|
|
99051
99051
|
|
|
99052
|
-
/**
|
|
99053
|
-
* Subscribe to `propertiesPanel.showEntry`.
|
|
99054
|
-
*
|
|
99055
|
-
* @param {string} id
|
|
99056
|
-
*
|
|
99057
|
-
* @returns {import('preact').Ref}
|
|
99052
|
+
/**
|
|
99053
|
+
* Subscribe to `propertiesPanel.showEntry`.
|
|
99054
|
+
*
|
|
99055
|
+
* @param {string} id
|
|
99056
|
+
*
|
|
99057
|
+
* @returns {import('preact').Ref}
|
|
99058
99058
|
*/
|
|
99059
99059
|
function useShowEntryEvent(id) {
|
|
99060
99060
|
const {
|
|
@@ -99085,20 +99085,20 @@
|
|
|
99085
99085
|
return ref;
|
|
99086
99086
|
}
|
|
99087
99087
|
|
|
99088
|
-
/**
|
|
99089
|
-
* @callback setSticky
|
|
99090
|
-
* @param {boolean} value
|
|
99088
|
+
/**
|
|
99089
|
+
* @callback setSticky
|
|
99090
|
+
* @param {boolean} value
|
|
99091
99091
|
*/
|
|
99092
99092
|
|
|
99093
|
-
/**
|
|
99094
|
-
* Use IntersectionObserver to identify when DOM element is in sticky mode.
|
|
99095
|
-
* If sticky is observered setSticky(true) will be called.
|
|
99096
|
-
* If sticky mode is left, setSticky(false) will be called.
|
|
99097
|
-
*
|
|
99098
|
-
*
|
|
99099
|
-
* @param {Object} ref
|
|
99100
|
-
* @param {string} scrollContainerSelector
|
|
99101
|
-
* @param {setSticky} setSticky
|
|
99093
|
+
/**
|
|
99094
|
+
* Use IntersectionObserver to identify when DOM element is in sticky mode.
|
|
99095
|
+
* If sticky is observered setSticky(true) will be called.
|
|
99096
|
+
* If sticky mode is left, setSticky(false) will be called.
|
|
99097
|
+
*
|
|
99098
|
+
*
|
|
99099
|
+
* @param {Object} ref
|
|
99100
|
+
* @param {string} scrollContainerSelector
|
|
99101
|
+
* @param {setSticky} setSticky
|
|
99102
99102
|
*/
|
|
99103
99103
|
function useStickyIntersectionObserver(ref, scrollContainerSelector, setSticky) {
|
|
99104
99104
|
const [scrollContainer, setScrollContainer] = h(query$1(scrollContainerSelector));
|
|
@@ -99152,19 +99152,19 @@
|
|
|
99152
99152
|
}, [ref.current, scrollContainer, setSticky]);
|
|
99153
99153
|
}
|
|
99154
99154
|
|
|
99155
|
-
/**
|
|
99156
|
-
* Creates a static function reference with changing body.
|
|
99157
|
-
* This is necessary when external libraries require a callback function
|
|
99158
|
-
* that has references to state variables.
|
|
99159
|
-
*
|
|
99160
|
-
* Usage:
|
|
99161
|
-
* const callback = useStaticCallback((val) => {val === currentState});
|
|
99162
|
-
*
|
|
99163
|
-
* The `callback` reference is static and can be safely used in external
|
|
99164
|
-
* libraries or as a prop that does not cause rerendering of children.
|
|
99165
|
-
*
|
|
99166
|
-
* @param {Function} callback function with changing reference
|
|
99167
|
-
* @returns {Function} static function reference
|
|
99155
|
+
/**
|
|
99156
|
+
* Creates a static function reference with changing body.
|
|
99157
|
+
* This is necessary when external libraries require a callback function
|
|
99158
|
+
* that has references to state variables.
|
|
99159
|
+
*
|
|
99160
|
+
* Usage:
|
|
99161
|
+
* const callback = useStaticCallback((val) => {val === currentState});
|
|
99162
|
+
*
|
|
99163
|
+
* The `callback` reference is static and can be safely used in external
|
|
99164
|
+
* libraries or as a prop that does not cause rerendering of children.
|
|
99165
|
+
*
|
|
99166
|
+
* @param {Function} callback function with changing reference
|
|
99167
|
+
* @returns {Function} static function reference
|
|
99168
99168
|
*/
|
|
99169
99169
|
function useStaticCallback(callback) {
|
|
99170
99170
|
const callbackRef = _(callback);
|
|
@@ -99307,13 +99307,13 @@
|
|
|
99307
99307
|
return null;
|
|
99308
99308
|
}
|
|
99309
99309
|
|
|
99310
|
-
/**
|
|
99311
|
-
* @typedef { {
|
|
99312
|
-
* text: (element: object) => string,
|
|
99313
|
-
* icon?: (element: Object) => import('preact').Component
|
|
99314
|
-
* } } PlaceholderDefinition
|
|
99315
|
-
*
|
|
99316
|
-
* @param { PlaceholderDefinition } props
|
|
99310
|
+
/**
|
|
99311
|
+
* @typedef { {
|
|
99312
|
+
* text: (element: object) => string,
|
|
99313
|
+
* icon?: (element: Object) => import('preact').Component
|
|
99314
|
+
* } } PlaceholderDefinition
|
|
99315
|
+
*
|
|
99316
|
+
* @param { PlaceholderDefinition } props
|
|
99317
99317
|
*/
|
|
99318
99318
|
function Placeholder(props) {
|
|
99319
99319
|
const {
|
|
@@ -99352,9 +99352,9 @@
|
|
|
99352
99352
|
|
|
99353
99353
|
const noop$6 = () => {};
|
|
99354
99354
|
|
|
99355
|
-
/**
|
|
99356
|
-
* Buffer `.focus()` calls while the editor is not initialized.
|
|
99357
|
-
* Set Focus inside when the editor is ready.
|
|
99355
|
+
/**
|
|
99356
|
+
* Buffer `.focus()` calls while the editor is not initialized.
|
|
99357
|
+
* Set Focus inside when the editor is ready.
|
|
99358
99358
|
*/
|
|
99359
99359
|
const useBufferedFocus$1 = function (editor, ref) {
|
|
99360
99360
|
const [buffer, setBuffer] = h(undefined);
|
|
@@ -99455,9 +99455,9 @@
|
|
|
99455
99455
|
|
|
99456
99456
|
const noop$5 = () => {};
|
|
99457
99457
|
|
|
99458
|
-
/**
|
|
99459
|
-
* Buffer `.focus()` calls while the editor is not initialized.
|
|
99460
|
-
* Set Focus inside when the editor is ready.
|
|
99458
|
+
/**
|
|
99459
|
+
* Buffer `.focus()` calls while the editor is not initialized.
|
|
99460
|
+
* Set Focus inside when the editor is ready.
|
|
99461
99461
|
*/
|
|
99462
99462
|
const useBufferedFocus = function (editor, ref) {
|
|
99463
99463
|
const [buffer, setBuffer] = h(undefined);
|
|
@@ -99506,10 +99506,10 @@
|
|
|
99506
99506
|
p$1(() => {
|
|
99507
99507
|
let editor;
|
|
99508
99508
|
|
|
99509
|
-
/* Trigger FEEL toggle when
|
|
99510
|
-
*
|
|
99511
|
-
* - `backspace` is pressed
|
|
99512
|
-
* - AND the cursor is at the beginning of the input
|
|
99509
|
+
/* Trigger FEEL toggle when
|
|
99510
|
+
*
|
|
99511
|
+
* - `backspace` is pressed
|
|
99512
|
+
* - AND the cursor is at the beginning of the input
|
|
99513
99513
|
*/
|
|
99514
99514
|
const onKeyDown = e => {
|
|
99515
99515
|
if (e.key !== 'Backspace' || !editor) {
|
|
@@ -99591,22 +99591,22 @@
|
|
|
99591
99591
|
source: null
|
|
99592
99592
|
});
|
|
99593
99593
|
|
|
99594
|
-
/**
|
|
99595
|
-
* Add a dragger that calls back the passed function with
|
|
99596
|
-
* { event, delta } on drag.
|
|
99597
|
-
*
|
|
99598
|
-
* @example
|
|
99599
|
-
*
|
|
99600
|
-
* function dragMove(event, delta) {
|
|
99601
|
-
* // we are dragging (!!)
|
|
99602
|
-
* }
|
|
99603
|
-
*
|
|
99604
|
-
* domElement.addEventListener('dragstart', dragger(dragMove));
|
|
99605
|
-
*
|
|
99606
|
-
* @param {Function} fn
|
|
99607
|
-
* @param {Element} [dragPreview]
|
|
99608
|
-
*
|
|
99609
|
-
* @return {Function} drag start callback function
|
|
99594
|
+
/**
|
|
99595
|
+
* Add a dragger that calls back the passed function with
|
|
99596
|
+
* { event, delta } on drag.
|
|
99597
|
+
*
|
|
99598
|
+
* @example
|
|
99599
|
+
*
|
|
99600
|
+
* function dragMove(event, delta) {
|
|
99601
|
+
* // we are dragging (!!)
|
|
99602
|
+
* }
|
|
99603
|
+
*
|
|
99604
|
+
* domElement.addEventListener('dragstart', dragger(dragMove));
|
|
99605
|
+
*
|
|
99606
|
+
* @param {Function} fn
|
|
99607
|
+
* @param {Element} [dragPreview]
|
|
99608
|
+
*
|
|
99609
|
+
* @return {Function} drag start callback function
|
|
99610
99610
|
*/
|
|
99611
99611
|
function createDragger(fn, dragPreview) {
|
|
99612
99612
|
let self;
|
|
@@ -99661,23 +99661,23 @@
|
|
|
99661
99661
|
|
|
99662
99662
|
const noop$3 = () => {};
|
|
99663
99663
|
|
|
99664
|
-
/**
|
|
99665
|
-
* A generic popup component.
|
|
99666
|
-
*
|
|
99667
|
-
* @param {Object} props
|
|
99668
|
-
* @param {HTMLElement} [props.container]
|
|
99669
|
-
* @param {string} [props.className]
|
|
99670
|
-
* @param {boolean} [props.delayInitialFocus]
|
|
99671
|
-
* @param {{x: number, y: number}} [props.position]
|
|
99672
|
-
* @param {number} [props.width]
|
|
99673
|
-
* @param {number} [props.height]
|
|
99674
|
-
* @param {Function} props.onClose
|
|
99675
|
-
* @param {Function} [props.onPostActivate]
|
|
99676
|
-
* @param {Function} [props.onPostDeactivate]
|
|
99677
|
-
* @param {boolean} [props.returnFocus]
|
|
99678
|
-
* @param {boolean} [props.closeOnEscape]
|
|
99679
|
-
* @param {string} props.title
|
|
99680
|
-
* @param {Ref} [ref]
|
|
99664
|
+
/**
|
|
99665
|
+
* A generic popup component.
|
|
99666
|
+
*
|
|
99667
|
+
* @param {Object} props
|
|
99668
|
+
* @param {HTMLElement} [props.container]
|
|
99669
|
+
* @param {string} [props.className]
|
|
99670
|
+
* @param {boolean} [props.delayInitialFocus]
|
|
99671
|
+
* @param {{x: number, y: number}} [props.position]
|
|
99672
|
+
* @param {number} [props.width]
|
|
99673
|
+
* @param {number} [props.height]
|
|
99674
|
+
* @param {Function} props.onClose
|
|
99675
|
+
* @param {Function} [props.onPostActivate]
|
|
99676
|
+
* @param {Function} [props.onPostDeactivate]
|
|
99677
|
+
* @param {boolean} [props.returnFocus]
|
|
99678
|
+
* @param {boolean} [props.closeOnEscape]
|
|
99679
|
+
* @param {string} props.title
|
|
99680
|
+
* @param {Ref} [ref]
|
|
99681
99681
|
*/
|
|
99682
99682
|
function PopupComponent(props, globalRef) {
|
|
99683
99683
|
const {
|
|
@@ -99896,12 +99896,12 @@
|
|
|
99896
99896
|
const FEEL_POPUP_WIDTH = 700;
|
|
99897
99897
|
const FEEL_POPUP_HEIGHT = 250;
|
|
99898
99898
|
|
|
99899
|
-
/**
|
|
99900
|
-
* FEEL popup component, built as a singleton. Emits lifecycle events as follows:
|
|
99901
|
-
* - `feelPopup.open` - fired before the popup is mounted
|
|
99902
|
-
* - `feelPopup.opened` - fired after the popup is mounted. Event context contains the DOM node of the popup
|
|
99903
|
-
* - `feelPopup.close` - fired before the popup is unmounted. Event context contains the DOM node of the popup
|
|
99904
|
-
* - `feelPopup.closed` - fired after the popup is unmounted
|
|
99899
|
+
/**
|
|
99900
|
+
* FEEL popup component, built as a singleton. Emits lifecycle events as follows:
|
|
99901
|
+
* - `feelPopup.open` - fired before the popup is mounted
|
|
99902
|
+
* - `feelPopup.opened` - fired after the popup is mounted. Event context contains the DOM node of the popup
|
|
99903
|
+
* - `feelPopup.close` - fired before the popup is unmounted. Event context contains the DOM node of the popup
|
|
99904
|
+
* - `feelPopup.closed` - fired after the popup is unmounted
|
|
99905
99905
|
*/
|
|
99906
99906
|
function FEELPopupRoot(props) {
|
|
99907
99907
|
const {
|
|
@@ -100127,11 +100127,11 @@
|
|
|
100127
100127
|
return element.closest('.cm-editor').querySelector('.cm-tooltip-autocomplete');
|
|
100128
100128
|
}
|
|
100129
100129
|
|
|
100130
|
-
/**
|
|
100131
|
-
* This hook behaves like useEffect, but does not trigger on the first render.
|
|
100132
|
-
*
|
|
100133
|
-
* @param {Function} effect
|
|
100134
|
-
* @param {Array} deps
|
|
100130
|
+
/**
|
|
100131
|
+
* This hook behaves like useEffect, but does not trigger on the first render.
|
|
100132
|
+
*
|
|
100133
|
+
* @param {Function} effect
|
|
100134
|
+
* @param {Array} deps
|
|
100135
100135
|
*/
|
|
100136
100136
|
function useUpdateEffect(effect, deps) {
|
|
100137
100137
|
const isMounted = _(false);
|
|
@@ -100209,19 +100209,19 @@
|
|
|
100209
100209
|
});
|
|
100210
100210
|
}
|
|
100211
100211
|
|
|
100212
|
-
/**
|
|
100213
|
-
* @param {Object} props
|
|
100214
|
-
* @param {Object} props.element
|
|
100215
|
-
* @param {String} props.id
|
|
100216
|
-
* @param {String} props.description
|
|
100217
|
-
* @param {String} props.label
|
|
100218
|
-
* @param {String} props.switcherLabel
|
|
100219
|
-
* @param {Boolean} props.inline
|
|
100220
|
-
* @param {Function} props.getValue
|
|
100221
|
-
* @param {Function} props.setValue
|
|
100222
|
-
* @param {Function} props.onFocus
|
|
100223
|
-
* @param {Function} props.onBlur
|
|
100224
|
-
* @param {string|import('preact').Component} props.tooltip
|
|
100212
|
+
/**
|
|
100213
|
+
* @param {Object} props
|
|
100214
|
+
* @param {Object} props.element
|
|
100215
|
+
* @param {String} props.id
|
|
100216
|
+
* @param {String} props.description
|
|
100217
|
+
* @param {String} props.label
|
|
100218
|
+
* @param {String} props.switcherLabel
|
|
100219
|
+
* @param {Boolean} props.inline
|
|
100220
|
+
* @param {Function} props.getValue
|
|
100221
|
+
* @param {Function} props.setValue
|
|
100222
|
+
* @param {Function} props.onFocus
|
|
100223
|
+
* @param {Function} props.onBlur
|
|
100224
|
+
* @param {string|import('preact').Component} props.tooltip
|
|
100225
100225
|
*/
|
|
100226
100226
|
function ToggleSwitchEntry(props) {
|
|
100227
100227
|
const {
|
|
@@ -100547,85 +100547,85 @@
|
|
|
100547
100547
|
const DEFAULT_DESCRIPTION = {};
|
|
100548
100548
|
const DEFAULT_TOOLTIP = {};
|
|
100549
100549
|
|
|
100550
|
-
/**
|
|
100551
|
-
* @typedef { {
|
|
100552
|
-
* component: import('preact').Component,
|
|
100553
|
-
* id: String,
|
|
100554
|
-
* isEdited?: Function
|
|
100555
|
-
* } } EntryDefinition
|
|
100556
|
-
*
|
|
100557
|
-
* @typedef { {
|
|
100558
|
-
* autoFocusEntry: String,
|
|
100559
|
-
* autoOpen?: Boolean,
|
|
100560
|
-
* entries: Array<EntryDefinition>,
|
|
100561
|
-
* id: String,
|
|
100562
|
-
* label: String,
|
|
100563
|
-
* remove: (event: MouseEvent) => void
|
|
100564
|
-
* } } ListItemDefinition
|
|
100565
|
-
*
|
|
100566
|
-
* @typedef { {
|
|
100567
|
-
* add: (event: MouseEvent) => void,
|
|
100568
|
-
* component: import('preact').Component,
|
|
100569
|
-
* element: Object,
|
|
100570
|
-
* id: String,
|
|
100571
|
-
* items: Array<ListItemDefinition>,
|
|
100572
|
-
* label: String,
|
|
100573
|
-
* shouldOpen?: Boolean
|
|
100574
|
-
* } } ListGroupDefinition
|
|
100575
|
-
*
|
|
100576
|
-
* @typedef { {
|
|
100577
|
-
* component?: import('preact').Component,
|
|
100578
|
-
* entries: Array<EntryDefinition>,
|
|
100579
|
-
* id: String,
|
|
100580
|
-
* label: String,
|
|
100581
|
-
* shouldOpen?: Boolean
|
|
100582
|
-
* } } GroupDefinition
|
|
100583
|
-
*
|
|
100584
|
-
* @typedef { {
|
|
100585
|
-
* [id: String]: GetDescriptionFunction
|
|
100586
|
-
* } } DescriptionConfig
|
|
100587
|
-
*
|
|
100588
|
-
* @typedef { {
|
|
100589
|
-
* [id: String]: GetTooltipFunction
|
|
100590
|
-
* } } TooltipConfig
|
|
100591
|
-
*
|
|
100592
|
-
* @callback { {
|
|
100593
|
-
* @param {string} id
|
|
100594
|
-
* @param {Object} element
|
|
100595
|
-
* @returns {string}
|
|
100596
|
-
* } } GetDescriptionFunction
|
|
100597
|
-
*
|
|
100598
|
-
* @callback { {
|
|
100599
|
-
* @param {string} id
|
|
100600
|
-
* @param {Object} element
|
|
100601
|
-
* @returns {string}
|
|
100602
|
-
* } } GetTooltipFunction
|
|
100603
|
-
*
|
|
100604
|
-
* @typedef { {
|
|
100605
|
-
* getEmpty: (element: object) => import('./components/Placeholder').PlaceholderDefinition,
|
|
100606
|
-
* getMultiple: (element: Object) => import('./components/Placeholder').PlaceholderDefinition
|
|
100607
|
-
* } } PlaceholderProvider
|
|
100608
|
-
*
|
|
100550
|
+
/**
|
|
100551
|
+
* @typedef { {
|
|
100552
|
+
* component: import('preact').Component,
|
|
100553
|
+
* id: String,
|
|
100554
|
+
* isEdited?: Function
|
|
100555
|
+
* } } EntryDefinition
|
|
100556
|
+
*
|
|
100557
|
+
* @typedef { {
|
|
100558
|
+
* autoFocusEntry: String,
|
|
100559
|
+
* autoOpen?: Boolean,
|
|
100560
|
+
* entries: Array<EntryDefinition>,
|
|
100561
|
+
* id: String,
|
|
100562
|
+
* label: String,
|
|
100563
|
+
* remove: (event: MouseEvent) => void
|
|
100564
|
+
* } } ListItemDefinition
|
|
100565
|
+
*
|
|
100566
|
+
* @typedef { {
|
|
100567
|
+
* add: (event: MouseEvent) => void,
|
|
100568
|
+
* component: import('preact').Component,
|
|
100569
|
+
* element: Object,
|
|
100570
|
+
* id: String,
|
|
100571
|
+
* items: Array<ListItemDefinition>,
|
|
100572
|
+
* label: String,
|
|
100573
|
+
* shouldOpen?: Boolean
|
|
100574
|
+
* } } ListGroupDefinition
|
|
100575
|
+
*
|
|
100576
|
+
* @typedef { {
|
|
100577
|
+
* component?: import('preact').Component,
|
|
100578
|
+
* entries: Array<EntryDefinition>,
|
|
100579
|
+
* id: String,
|
|
100580
|
+
* label: String,
|
|
100581
|
+
* shouldOpen?: Boolean
|
|
100582
|
+
* } } GroupDefinition
|
|
100583
|
+
*
|
|
100584
|
+
* @typedef { {
|
|
100585
|
+
* [id: String]: GetDescriptionFunction
|
|
100586
|
+
* } } DescriptionConfig
|
|
100587
|
+
*
|
|
100588
|
+
* @typedef { {
|
|
100589
|
+
* [id: String]: GetTooltipFunction
|
|
100590
|
+
* } } TooltipConfig
|
|
100591
|
+
*
|
|
100592
|
+
* @callback { {
|
|
100593
|
+
* @param {string} id
|
|
100594
|
+
* @param {Object} element
|
|
100595
|
+
* @returns {string}
|
|
100596
|
+
* } } GetDescriptionFunction
|
|
100597
|
+
*
|
|
100598
|
+
* @callback { {
|
|
100599
|
+
* @param {string} id
|
|
100600
|
+
* @param {Object} element
|
|
100601
|
+
* @returns {string}
|
|
100602
|
+
* } } GetTooltipFunction
|
|
100603
|
+
*
|
|
100604
|
+
* @typedef { {
|
|
100605
|
+
* getEmpty: (element: object) => import('./components/Placeholder').PlaceholderDefinition,
|
|
100606
|
+
* getMultiple: (element: Object) => import('./components/Placeholder').PlaceholderDefinition
|
|
100607
|
+
* } } PlaceholderProvider
|
|
100608
|
+
*
|
|
100609
100609
|
*/
|
|
100610
100610
|
|
|
100611
|
-
/**
|
|
100612
|
-
* A basic properties panel component. Describes *how* content will be rendered, accepts
|
|
100613
|
-
* data from implementor to describe *what* will be rendered.
|
|
100614
|
-
*
|
|
100615
|
-
* @param {Object} props
|
|
100616
|
-
* @param {Object|Array} props.element
|
|
100617
|
-
* @param {import('./components/Header').HeaderProvider} props.headerProvider
|
|
100618
|
-
* @param {PlaceholderProvider} [props.placeholderProvider]
|
|
100619
|
-
* @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
|
|
100620
|
-
* @param {Object} [props.layoutConfig]
|
|
100621
|
-
* @param {Function} [props.layoutChanged]
|
|
100622
|
-
* @param {DescriptionConfig} [props.descriptionConfig]
|
|
100623
|
-
* @param {Function} [props.descriptionLoaded]
|
|
100624
|
-
* @param {TooltipConfig} [props.tooltipConfig]
|
|
100625
|
-
* @param {Function} [props.tooltipLoaded]
|
|
100626
|
-
* @param {HTMLElement} [props.feelPopupContainer]
|
|
100627
|
-
* @param {Function} [props.getFeelPopupLinks]
|
|
100628
|
-
* @param {Object} [props.eventBus]
|
|
100611
|
+
/**
|
|
100612
|
+
* A basic properties panel component. Describes *how* content will be rendered, accepts
|
|
100613
|
+
* data from implementor to describe *what* will be rendered.
|
|
100614
|
+
*
|
|
100615
|
+
* @param {Object} props
|
|
100616
|
+
* @param {Object|Array} props.element
|
|
100617
|
+
* @param {import('./components/Header').HeaderProvider} props.headerProvider
|
|
100618
|
+
* @param {PlaceholderProvider} [props.placeholderProvider]
|
|
100619
|
+
* @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
|
|
100620
|
+
* @param {Object} [props.layoutConfig]
|
|
100621
|
+
* @param {Function} [props.layoutChanged]
|
|
100622
|
+
* @param {DescriptionConfig} [props.descriptionConfig]
|
|
100623
|
+
* @param {Function} [props.descriptionLoaded]
|
|
100624
|
+
* @param {TooltipConfig} [props.tooltipConfig]
|
|
100625
|
+
* @param {Function} [props.tooltipLoaded]
|
|
100626
|
+
* @param {HTMLElement} [props.feelPopupContainer]
|
|
100627
|
+
* @param {Function} [props.getFeelPopupLinks]
|
|
100628
|
+
* @param {Object} [props.eventBus]
|
|
100629
100629
|
*/
|
|
100630
100630
|
function PropertiesPanel(props) {
|
|
100631
100631
|
const {
|
|
@@ -100798,11 +100798,11 @@
|
|
|
100798
100798
|
|
|
100799
100799
|
// hooks //////////////////
|
|
100800
100800
|
|
|
100801
|
-
/**
|
|
100802
|
-
* This hook behaves like useLayoutEffect, but does not trigger on the first render.
|
|
100803
|
-
*
|
|
100804
|
-
* @param {Function} effect
|
|
100805
|
-
* @param {Array} deps
|
|
100801
|
+
/**
|
|
100802
|
+
* This hook behaves like useLayoutEffect, but does not trigger on the first render.
|
|
100803
|
+
*
|
|
100804
|
+
* @param {Function} effect
|
|
100805
|
+
* @param {Array} deps
|
|
100806
100806
|
*/
|
|
100807
100807
|
function useUpdateLayoutEffect(effect, deps) {
|
|
100808
100808
|
const isMounted = _(false);
|
|
@@ -100877,15 +100877,15 @@
|
|
|
100877
100877
|
});
|
|
100878
100878
|
}
|
|
100879
100879
|
|
|
100880
|
-
/**
|
|
100881
|
-
*
|
|
100882
|
-
* @param {Array<null | Element>} ignoredElements
|
|
100883
|
-
* @param {Function} callback
|
|
100880
|
+
/**
|
|
100881
|
+
*
|
|
100882
|
+
* @param {Array<null | Element>} ignoredElements
|
|
100883
|
+
* @param {Function} callback
|
|
100884
100884
|
*/
|
|
100885
100885
|
function useGlobalClick(ignoredElements, callback) {
|
|
100886
100886
|
p$1(() => {
|
|
100887
|
-
/**
|
|
100888
|
-
* @param {MouseEvent} event
|
|
100887
|
+
/**
|
|
100888
|
+
* @param {MouseEvent} event
|
|
100889
100889
|
*/
|
|
100890
100890
|
function listener(event) {
|
|
100891
100891
|
if (ignoredElements.some(element => element && element.contains(event.target))) {
|
|
@@ -100918,20 +100918,20 @@
|
|
|
100918
100918
|
});
|
|
100919
100919
|
}
|
|
100920
100920
|
|
|
100921
|
-
/**
|
|
100922
|
-
* @typedef { {
|
|
100923
|
-
* [key: string]: string;
|
|
100924
|
-
* } } TranslateReplacements
|
|
100921
|
+
/**
|
|
100922
|
+
* @typedef { {
|
|
100923
|
+
* [key: string]: string;
|
|
100924
|
+
* } } TranslateReplacements
|
|
100925
100925
|
*/
|
|
100926
100926
|
|
|
100927
|
-
/**
|
|
100928
|
-
* A simple translation stub to be used for multi-language support.
|
|
100929
|
-
* Can be easily replaced with a more sophisticated solution.
|
|
100930
|
-
*
|
|
100931
|
-
* @param {string} template to interpolate
|
|
100932
|
-
* @param {TranslateReplacements} [replacements] a map with substitutes
|
|
100933
|
-
*
|
|
100934
|
-
* @return {string} the translated string
|
|
100927
|
+
/**
|
|
100928
|
+
* A simple translation stub to be used for multi-language support.
|
|
100929
|
+
* Can be easily replaced with a more sophisticated solution.
|
|
100930
|
+
*
|
|
100931
|
+
* @param {string} template to interpolate
|
|
100932
|
+
* @param {TranslateReplacements} [replacements] a map with substitutes
|
|
100933
|
+
*
|
|
100934
|
+
* @return {string} the translated string
|
|
100935
100935
|
*/
|
|
100936
100936
|
function translateFallback(template, replacements) {
|
|
100937
100937
|
replacements = replacements || {};
|
|
@@ -101043,8 +101043,8 @@
|
|
|
101043
101043
|
|
|
101044
101044
|
const noop$1 = () => {};
|
|
101045
101045
|
|
|
101046
|
-
/**
|
|
101047
|
-
* @param {import('../PropertiesPanel').ListGroupDefinition} props
|
|
101046
|
+
/**
|
|
101047
|
+
* @param {import('../PropertiesPanel').ListGroupDefinition} props
|
|
101048
101048
|
*/
|
|
101049
101049
|
function ListGroup(props) {
|
|
101050
101050
|
const {
|
|
@@ -101236,18 +101236,18 @@
|
|
|
101236
101236
|
});
|
|
101237
101237
|
}
|
|
101238
101238
|
|
|
101239
|
-
/**
|
|
101240
|
-
* @param {Object} props
|
|
101241
|
-
* @param {Object} props.element
|
|
101242
|
-
* @param {String} props.id
|
|
101243
|
-
* @param {String} props.description
|
|
101244
|
-
* @param {String} props.label
|
|
101245
|
-
* @param {Function} props.getValue
|
|
101246
|
-
* @param {Function} props.setValue
|
|
101247
|
-
* @param {Function} props.onFocus
|
|
101248
|
-
* @param {Function} props.onBlur
|
|
101249
|
-
* @param {string|import('preact').Component} props.tooltip
|
|
101250
|
-
* @param {boolean} [props.disabled]
|
|
101239
|
+
/**
|
|
101240
|
+
* @param {Object} props
|
|
101241
|
+
* @param {Object} props.element
|
|
101242
|
+
* @param {String} props.id
|
|
101243
|
+
* @param {String} props.description
|
|
101244
|
+
* @param {String} props.label
|
|
101245
|
+
* @param {Function} props.getValue
|
|
101246
|
+
* @param {Function} props.setValue
|
|
101247
|
+
* @param {Function} props.onFocus
|
|
101248
|
+
* @param {Function} props.onBlur
|
|
101249
|
+
* @param {string|import('preact').Component} props.tooltip
|
|
101250
|
+
* @param {boolean} [props.disabled]
|
|
101251
101251
|
*/
|
|
101252
101252
|
function CheckboxEntry(props) {
|
|
101253
101253
|
const {
|
|
@@ -101321,8 +101321,8 @@
|
|
|
101321
101321
|
}
|
|
101322
101322
|
}, [open, hasItems]);
|
|
101323
101323
|
|
|
101324
|
-
/**
|
|
101325
|
-
* @param {MouseEvent} event
|
|
101324
|
+
/**
|
|
101325
|
+
* @param {MouseEvent} event
|
|
101326
101326
|
*/
|
|
101327
101327
|
function addItem(event) {
|
|
101328
101328
|
event.stopPropagation();
|
|
@@ -101514,20 +101514,20 @@
|
|
|
101514
101514
|
});
|
|
101515
101515
|
}
|
|
101516
101516
|
|
|
101517
|
-
/**
|
|
101518
|
-
* @param {object} props
|
|
101519
|
-
* @param {object} props.element
|
|
101520
|
-
* @param {string} props.id
|
|
101521
|
-
* @param {string} [props.description]
|
|
101522
|
-
* @param {string} props.label
|
|
101523
|
-
* @param {Function} props.getValue
|
|
101524
|
-
* @param {Function} props.setValue
|
|
101525
|
-
* @param {Function} props.onFocus
|
|
101526
|
-
* @param {Function} props.onBlur
|
|
101527
|
-
* @param {Function} props.getOptions
|
|
101528
|
-
* @param {boolean} [props.disabled]
|
|
101529
|
-
* @param {Function} [props.validate]
|
|
101530
|
-
* @param {string|import('preact').Component} props.tooltip
|
|
101517
|
+
/**
|
|
101518
|
+
* @param {object} props
|
|
101519
|
+
* @param {object} props.element
|
|
101520
|
+
* @param {string} props.id
|
|
101521
|
+
* @param {string} [props.description]
|
|
101522
|
+
* @param {string} props.label
|
|
101523
|
+
* @param {Function} props.getValue
|
|
101524
|
+
* @param {Function} props.setValue
|
|
101525
|
+
* @param {Function} props.onFocus
|
|
101526
|
+
* @param {Function} props.onBlur
|
|
101527
|
+
* @param {Function} props.getOptions
|
|
101528
|
+
* @param {boolean} [props.disabled]
|
|
101529
|
+
* @param {Function} [props.validate]
|
|
101530
|
+
* @param {string|import('preact').Component} props.tooltip
|
|
101531
101531
|
*/
|
|
101532
101532
|
function SelectEntry(props) {
|
|
101533
101533
|
const {
|
|
@@ -101871,20 +101871,20 @@
|
|
|
101871
101871
|
});
|
|
101872
101872
|
}
|
|
101873
101873
|
|
|
101874
|
-
/**
|
|
101875
|
-
* @param {Object} props
|
|
101876
|
-
* @param {Object} props.element
|
|
101877
|
-
* @param {String} props.id
|
|
101878
|
-
* @param {String} props.description
|
|
101879
|
-
* @param {Boolean} props.debounce
|
|
101880
|
-
* @param {Boolean} props.disabled
|
|
101881
|
-
* @param {String} props.label
|
|
101882
|
-
* @param {Function} props.getValue
|
|
101883
|
-
* @param {Function} props.setValue
|
|
101884
|
-
* @param {Function} props.onFocus
|
|
101885
|
-
* @param {Function} props.onBlur
|
|
101886
|
-
* @param {string|import('preact').Component} props.tooltip
|
|
101887
|
-
* @param {Function} props.validate
|
|
101874
|
+
/**
|
|
101875
|
+
* @param {Object} props
|
|
101876
|
+
* @param {Object} props.element
|
|
101877
|
+
* @param {String} props.id
|
|
101878
|
+
* @param {String} props.description
|
|
101879
|
+
* @param {Boolean} props.debounce
|
|
101880
|
+
* @param {Boolean} props.disabled
|
|
101881
|
+
* @param {String} props.label
|
|
101882
|
+
* @param {Function} props.getValue
|
|
101883
|
+
* @param {Function} props.setValue
|
|
101884
|
+
* @param {Function} props.onFocus
|
|
101885
|
+
* @param {Function} props.onBlur
|
|
101886
|
+
* @param {string|import('preact').Component} props.tooltip
|
|
101887
|
+
* @param {Function} props.validate
|
|
101888
101888
|
*/
|
|
101889
101889
|
function TextfieldEntry(props) {
|
|
101890
101890
|
const {
|
|
@@ -101977,20 +101977,20 @@
|
|
|
101977
101977
|
this._eventBus = eventBus;
|
|
101978
101978
|
}
|
|
101979
101979
|
|
|
101980
|
-
/**
|
|
101981
|
-
* Check if the FEEL popup is open.
|
|
101982
|
-
* @return {Boolean}
|
|
101980
|
+
/**
|
|
101981
|
+
* Check if the FEEL popup is open.
|
|
101982
|
+
* @return {Boolean}
|
|
101983
101983
|
*/
|
|
101984
101984
|
isOpen() {
|
|
101985
101985
|
return this._eventBus.fire('feelPopup._isOpen');
|
|
101986
101986
|
}
|
|
101987
101987
|
|
|
101988
|
-
/**
|
|
101989
|
-
* Open the FEEL popup.
|
|
101990
|
-
*
|
|
101991
|
-
* @param {String} entryId
|
|
101992
|
-
* @param {Object} popupConfig
|
|
101993
|
-
* @param {HTMLElement} sourceElement
|
|
101988
|
+
/**
|
|
101989
|
+
* Open the FEEL popup.
|
|
101990
|
+
*
|
|
101991
|
+
* @param {String} entryId
|
|
101992
|
+
* @param {Object} popupConfig
|
|
101993
|
+
* @param {HTMLElement} sourceElement
|
|
101994
101994
|
*/
|
|
101995
101995
|
open(entryId, popupConfig, sourceElement) {
|
|
101996
101996
|
return this._eventBus.fire('feelPopup._open', {
|
|
@@ -102000,8 +102000,8 @@
|
|
|
102000
102000
|
});
|
|
102001
102001
|
}
|
|
102002
102002
|
|
|
102003
|
-
/**
|
|
102004
|
-
* Close the FEEL popup.
|
|
102003
|
+
/**
|
|
102004
|
+
* Close the FEEL popup.
|
|
102005
102005
|
*/
|
|
102006
102006
|
close() {
|
|
102007
102007
|
return this._eventBus.fire('feelPopup._close');
|