camunda-bpmn-js 5.2.0 → 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 +343 -303
- package/dist/base-modeler.production.min.js +3 -3
- package/dist/camunda-cloud-modeler.development.js +474 -434
- package/dist/camunda-cloud-modeler.production.min.js +3 -3
- package/dist/camunda-platform-modeler.development.js +396 -356
- package/dist/camunda-platform-modeler.production.min.js +3 -3
- package/package.json +4 -4
|
@@ -27777,7 +27777,7 @@
|
|
|
27777
27777
|
return originalEntries;
|
|
27778
27778
|
}
|
|
27779
27779
|
|
|
27780
|
-
if (!value) {
|
|
27780
|
+
if (!value.trim()) {
|
|
27781
27781
|
return originalEntries.filter(({ rank = 0 }) => rank >= 0);
|
|
27782
27782
|
}
|
|
27783
27783
|
|
|
@@ -28654,6 +28654,12 @@
|
|
|
28654
28654
|
keys
|
|
28655
28655
|
} = options;
|
|
28656
28656
|
|
|
28657
|
+
pattern = pattern.trim().toLowerCase();
|
|
28658
|
+
|
|
28659
|
+
if (!pattern) {
|
|
28660
|
+
throw new Error('<pattern> must not be empty');
|
|
28661
|
+
}
|
|
28662
|
+
|
|
28657
28663
|
const words = pattern.trim().toLowerCase().split(/\s+/);
|
|
28658
28664
|
|
|
28659
28665
|
return items.flatMap((item) => {
|
|
@@ -28781,22 +28787,33 @@
|
|
|
28781
28787
|
}
|
|
28782
28788
|
|
|
28783
28789
|
/**
|
|
28784
|
-
* Score a token
|
|
28790
|
+
* Score a token based on its characteristics
|
|
28791
|
+
* and the length of the matched content.
|
|
28785
28792
|
*
|
|
28786
28793
|
* @param { Token } token
|
|
28787
28794
|
*
|
|
28788
28795
|
* @returns { number }
|
|
28789
28796
|
*/
|
|
28790
28797
|
function scoreToken(token) {
|
|
28798
|
+
const modifier = Math.log(token.value.length);
|
|
28799
|
+
|
|
28791
28800
|
if (!token.match) {
|
|
28792
|
-
return 0;
|
|
28801
|
+
return -0.07 * modifier;
|
|
28793
28802
|
}
|
|
28794
28803
|
|
|
28795
|
-
return
|
|
28796
|
-
|
|
28797
|
-
|
|
28798
|
-
|
|
28799
|
-
|
|
28804
|
+
return (
|
|
28805
|
+
token.start
|
|
28806
|
+
? (
|
|
28807
|
+
token.end
|
|
28808
|
+
? 131.9
|
|
28809
|
+
: 7.87
|
|
28810
|
+
)
|
|
28811
|
+
: (
|
|
28812
|
+
token.wordStart
|
|
28813
|
+
? 2.19
|
|
28814
|
+
: 1
|
|
28815
|
+
)
|
|
28816
|
+
) * modifier;
|
|
28800
28817
|
}
|
|
28801
28818
|
|
|
28802
28819
|
/**
|
|
@@ -28835,7 +28852,12 @@
|
|
|
28835
28852
|
const tokens = [];
|
|
28836
28853
|
const matchedWords = {};
|
|
28837
28854
|
|
|
28838
|
-
const
|
|
28855
|
+
const wordsEscaped = words.map(escapeRegexp);
|
|
28856
|
+
|
|
28857
|
+
const regexpString = [
|
|
28858
|
+
`(?<all>${wordsEscaped.join('\\s+')})`,
|
|
28859
|
+
...wordsEscaped
|
|
28860
|
+
].join('|');
|
|
28839
28861
|
|
|
28840
28862
|
const regexp = new RegExp(regexpString, 'ig');
|
|
28841
28863
|
|
|
@@ -28846,6 +28868,17 @@
|
|
|
28846
28868
|
|
|
28847
28869
|
const [ value ] = match;
|
|
28848
28870
|
|
|
28871
|
+
const startIndex = match.index;
|
|
28872
|
+
const endIndex = match.index + value.length;
|
|
28873
|
+
|
|
28874
|
+
const start = startIndex === 0;
|
|
28875
|
+
const end = endIndex === string.length;
|
|
28876
|
+
|
|
28877
|
+
const all = !!match.groups.all;
|
|
28878
|
+
|
|
28879
|
+
const wordStart = start || /\s/.test(string.charAt(startIndex - 1));
|
|
28880
|
+
const wordEnd = end || /\s/.test(string.charAt(endIndex + 1));
|
|
28881
|
+
|
|
28849
28882
|
if (match.index > lastIndex) {
|
|
28850
28883
|
|
|
28851
28884
|
// add previous token (NO match)
|
|
@@ -28860,11 +28893,18 @@
|
|
|
28860
28893
|
value,
|
|
28861
28894
|
index: match.index,
|
|
28862
28895
|
match: true,
|
|
28863
|
-
wordStart
|
|
28864
|
-
|
|
28896
|
+
wordStart,
|
|
28897
|
+
wordEnd,
|
|
28898
|
+
start,
|
|
28899
|
+
end,
|
|
28900
|
+
all
|
|
28865
28901
|
});
|
|
28866
28902
|
|
|
28867
|
-
|
|
28903
|
+
const newMatchedWords = all ? words : [ value ];
|
|
28904
|
+
|
|
28905
|
+
for (const word of newMatchedWords) {
|
|
28906
|
+
matchedWords[word.toLowerCase()] = true;
|
|
28907
|
+
}
|
|
28868
28908
|
|
|
28869
28909
|
lastIndex = match.index + value.length;
|
|
28870
28910
|
}
|
|
@@ -65065,7 +65105,7 @@
|
|
|
65065
65105
|
this._clearResults();
|
|
65066
65106
|
|
|
65067
65107
|
// do not search on empty query
|
|
65068
|
-
if (!pattern
|
|
65108
|
+
if (!pattern.trim()) {
|
|
65069
65109
|
return;
|
|
65070
65110
|
}
|
|
65071
65111
|
|
|
@@ -98639,19 +98679,19 @@
|
|
|
98639
98679
|
errors: {}
|
|
98640
98680
|
});
|
|
98641
98681
|
|
|
98642
|
-
/**
|
|
98643
|
-
* @typedef {Function} <propertiesPanel.showEntry> callback
|
|
98644
|
-
*
|
|
98645
|
-
* @example
|
|
98646
|
-
*
|
|
98647
|
-
* useEvent('propertiesPanel.showEntry', ({ focus = false, ...rest }) => {
|
|
98648
|
-
* // ...
|
|
98649
|
-
* });
|
|
98650
|
-
*
|
|
98651
|
-
* @param {Object} context
|
|
98652
|
-
* @param {boolean} [context.focus]
|
|
98653
|
-
*
|
|
98654
|
-
* @returns void
|
|
98682
|
+
/**
|
|
98683
|
+
* @typedef {Function} <propertiesPanel.showEntry> callback
|
|
98684
|
+
*
|
|
98685
|
+
* @example
|
|
98686
|
+
*
|
|
98687
|
+
* useEvent('propertiesPanel.showEntry', ({ focus = false, ...rest }) => {
|
|
98688
|
+
* // ...
|
|
98689
|
+
* });
|
|
98690
|
+
*
|
|
98691
|
+
* @param {Object} context
|
|
98692
|
+
* @param {boolean} [context.focus]
|
|
98693
|
+
*
|
|
98694
|
+
* @returns void
|
|
98655
98695
|
*/
|
|
98656
98696
|
|
|
98657
98697
|
const EventContext = F$2({
|
|
@@ -98670,20 +98710,20 @@
|
|
|
98670
98710
|
getTooltipForId: () => {}
|
|
98671
98711
|
});
|
|
98672
98712
|
|
|
98673
|
-
/**
|
|
98674
|
-
* Accesses the global TooltipContext and returns a tooltip for a given id and element.
|
|
98675
|
-
*
|
|
98676
|
-
* @example
|
|
98677
|
-
* ```jsx
|
|
98678
|
-
* function TextField(props) {
|
|
98679
|
-
* const tooltip = useTooltipContext('input1', element);
|
|
98680
|
-
* }
|
|
98681
|
-
* ```
|
|
98682
|
-
*
|
|
98683
|
-
* @param {string} id
|
|
98684
|
-
* @param {object} element
|
|
98685
|
-
*
|
|
98686
|
-
* @returns {string}
|
|
98713
|
+
/**
|
|
98714
|
+
* Accesses the global TooltipContext and returns a tooltip for a given id and element.
|
|
98715
|
+
*
|
|
98716
|
+
* @example
|
|
98717
|
+
* ```jsx
|
|
98718
|
+
* function TextField(props) {
|
|
98719
|
+
* const tooltip = useTooltipContext('input1', element);
|
|
98720
|
+
* }
|
|
98721
|
+
* ```
|
|
98722
|
+
*
|
|
98723
|
+
* @param {string} id
|
|
98724
|
+
* @param {object} element
|
|
98725
|
+
*
|
|
98726
|
+
* @returns {string}
|
|
98687
98727
|
*/
|
|
98688
98728
|
function useTooltipContext(id, element) {
|
|
98689
98729
|
const {
|
|
@@ -98836,20 +98876,20 @@
|
|
|
98836
98876
|
return `bio-properties-panel-${id}`;
|
|
98837
98877
|
}
|
|
98838
98878
|
|
|
98839
|
-
/**
|
|
98840
|
-
* Accesses the global DescriptionContext and returns a description for a given id and element.
|
|
98841
|
-
*
|
|
98842
|
-
* @example
|
|
98843
|
-
* ```jsx
|
|
98844
|
-
* function TextField(props) {
|
|
98845
|
-
* const description = useDescriptionContext('input1', element);
|
|
98846
|
-
* }
|
|
98847
|
-
* ```
|
|
98848
|
-
*
|
|
98849
|
-
* @param {string} id
|
|
98850
|
-
* @param {object} element
|
|
98851
|
-
*
|
|
98852
|
-
* @returns {string}
|
|
98879
|
+
/**
|
|
98880
|
+
* Accesses the global DescriptionContext and returns a description for a given id and element.
|
|
98881
|
+
*
|
|
98882
|
+
* @example
|
|
98883
|
+
* ```jsx
|
|
98884
|
+
* function TextField(props) {
|
|
98885
|
+
* const description = useDescriptionContext('input1', element);
|
|
98886
|
+
* }
|
|
98887
|
+
* ```
|
|
98888
|
+
*
|
|
98889
|
+
* @param {string} id
|
|
98890
|
+
* @param {object} element
|
|
98891
|
+
*
|
|
98892
|
+
* @returns {string}
|
|
98853
98893
|
*/
|
|
98854
98894
|
function useDescriptionContext(id, element) {
|
|
98855
98895
|
const {
|
|
@@ -98871,11 +98911,11 @@
|
|
|
98871
98911
|
return errors;
|
|
98872
98912
|
}
|
|
98873
98913
|
|
|
98874
|
-
/**
|
|
98875
|
-
* Subscribe to an event immediately. Update subscription after inputs changed.
|
|
98876
|
-
*
|
|
98877
|
-
* @param {string} event
|
|
98878
|
-
* @param {Function} callback
|
|
98914
|
+
/**
|
|
98915
|
+
* Subscribe to an event immediately. Update subscription after inputs changed.
|
|
98916
|
+
*
|
|
98917
|
+
* @param {string} event
|
|
98918
|
+
* @param {Function} callback
|
|
98879
98919
|
*/
|
|
98880
98920
|
function useEvent(event, callback, eventBus) {
|
|
98881
98921
|
const eventContext = q$1(EventContext);
|
|
@@ -98905,20 +98945,20 @@
|
|
|
98905
98945
|
}, [callback, event, eventBus]);
|
|
98906
98946
|
}
|
|
98907
98947
|
|
|
98908
|
-
/**
|
|
98909
|
-
* Creates a state that persists in the global LayoutContext.
|
|
98910
|
-
*
|
|
98911
|
-
* @example
|
|
98912
|
-
* ```jsx
|
|
98913
|
-
* function Group(props) {
|
|
98914
|
-
* const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
|
|
98915
|
-
* }
|
|
98916
|
-
* ```
|
|
98917
|
-
*
|
|
98918
|
-
* @param {(string|number)[]} path
|
|
98919
|
-
* @param {any} [defaultValue]
|
|
98920
|
-
*
|
|
98921
|
-
* @returns {[ any, Function ]}
|
|
98948
|
+
/**
|
|
98949
|
+
* Creates a state that persists in the global LayoutContext.
|
|
98950
|
+
*
|
|
98951
|
+
* @example
|
|
98952
|
+
* ```jsx
|
|
98953
|
+
* function Group(props) {
|
|
98954
|
+
* const [ open, setOpen ] = useLayoutState([ 'groups', 'foo', 'open' ], false);
|
|
98955
|
+
* }
|
|
98956
|
+
* ```
|
|
98957
|
+
*
|
|
98958
|
+
* @param {(string|number)[]} path
|
|
98959
|
+
* @param {any} [defaultValue]
|
|
98960
|
+
*
|
|
98961
|
+
* @returns {[ any, Function ]}
|
|
98922
98962
|
*/
|
|
98923
98963
|
function useLayoutState(path, defaultValue) {
|
|
98924
98964
|
const {
|
|
@@ -98932,11 +98972,11 @@
|
|
|
98932
98972
|
return [layoutForKey, setState];
|
|
98933
98973
|
}
|
|
98934
98974
|
|
|
98935
|
-
/**
|
|
98936
|
-
* @pinussilvestrus: we need to introduce our own hook to persist the previous
|
|
98937
|
-
* state on updates.
|
|
98938
|
-
*
|
|
98939
|
-
* cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
|
|
98975
|
+
/**
|
|
98976
|
+
* @pinussilvestrus: we need to introduce our own hook to persist the previous
|
|
98977
|
+
* state on updates.
|
|
98978
|
+
*
|
|
98979
|
+
* cf. https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state
|
|
98940
98980
|
*/
|
|
98941
98981
|
|
|
98942
98982
|
function usePrevious(value) {
|
|
@@ -98947,12 +98987,12 @@
|
|
|
98947
98987
|
return ref.current;
|
|
98948
98988
|
}
|
|
98949
98989
|
|
|
98950
|
-
/**
|
|
98951
|
-
* Subscribe to `propertiesPanel.showEntry`.
|
|
98952
|
-
*
|
|
98953
|
-
* @param {string} id
|
|
98954
|
-
*
|
|
98955
|
-
* @returns {import('preact').Ref}
|
|
98990
|
+
/**
|
|
98991
|
+
* Subscribe to `propertiesPanel.showEntry`.
|
|
98992
|
+
*
|
|
98993
|
+
* @param {string} id
|
|
98994
|
+
*
|
|
98995
|
+
* @returns {import('preact').Ref}
|
|
98956
98996
|
*/
|
|
98957
98997
|
function useShowEntryEvent(id) {
|
|
98958
98998
|
const {
|
|
@@ -98983,20 +99023,20 @@
|
|
|
98983
99023
|
return ref;
|
|
98984
99024
|
}
|
|
98985
99025
|
|
|
98986
|
-
/**
|
|
98987
|
-
* @callback setSticky
|
|
98988
|
-
* @param {boolean} value
|
|
99026
|
+
/**
|
|
99027
|
+
* @callback setSticky
|
|
99028
|
+
* @param {boolean} value
|
|
98989
99029
|
*/
|
|
98990
99030
|
|
|
98991
|
-
/**
|
|
98992
|
-
* Use IntersectionObserver to identify when DOM element is in sticky mode.
|
|
98993
|
-
* If sticky is observered setSticky(true) will be called.
|
|
98994
|
-
* If sticky mode is left, setSticky(false) will be called.
|
|
98995
|
-
*
|
|
98996
|
-
*
|
|
98997
|
-
* @param {Object} ref
|
|
98998
|
-
* @param {string} scrollContainerSelector
|
|
98999
|
-
* @param {setSticky} setSticky
|
|
99031
|
+
/**
|
|
99032
|
+
* Use IntersectionObserver to identify when DOM element is in sticky mode.
|
|
99033
|
+
* If sticky is observered setSticky(true) will be called.
|
|
99034
|
+
* If sticky mode is left, setSticky(false) will be called.
|
|
99035
|
+
*
|
|
99036
|
+
*
|
|
99037
|
+
* @param {Object} ref
|
|
99038
|
+
* @param {string} scrollContainerSelector
|
|
99039
|
+
* @param {setSticky} setSticky
|
|
99000
99040
|
*/
|
|
99001
99041
|
function useStickyIntersectionObserver(ref, scrollContainerSelector, setSticky) {
|
|
99002
99042
|
const [scrollContainer, setScrollContainer] = h(query(scrollContainerSelector));
|
|
@@ -99050,19 +99090,19 @@
|
|
|
99050
99090
|
}, [ref.current, scrollContainer, setSticky]);
|
|
99051
99091
|
}
|
|
99052
99092
|
|
|
99053
|
-
/**
|
|
99054
|
-
* Creates a static function reference with changing body.
|
|
99055
|
-
* This is necessary when external libraries require a callback function
|
|
99056
|
-
* that has references to state variables.
|
|
99057
|
-
*
|
|
99058
|
-
* Usage:
|
|
99059
|
-
* const callback = useStaticCallback((val) => {val === currentState});
|
|
99060
|
-
*
|
|
99061
|
-
* The `callback` reference is static and can be safely used in external
|
|
99062
|
-
* libraries or as a prop that does not cause rerendering of children.
|
|
99063
|
-
*
|
|
99064
|
-
* @param {Function} callback function with changing reference
|
|
99065
|
-
* @returns {Function} static function reference
|
|
99093
|
+
/**
|
|
99094
|
+
* Creates a static function reference with changing body.
|
|
99095
|
+
* This is necessary when external libraries require a callback function
|
|
99096
|
+
* that has references to state variables.
|
|
99097
|
+
*
|
|
99098
|
+
* Usage:
|
|
99099
|
+
* const callback = useStaticCallback((val) => {val === currentState});
|
|
99100
|
+
*
|
|
99101
|
+
* The `callback` reference is static and can be safely used in external
|
|
99102
|
+
* libraries or as a prop that does not cause rerendering of children.
|
|
99103
|
+
*
|
|
99104
|
+
* @param {Function} callback function with changing reference
|
|
99105
|
+
* @returns {Function} static function reference
|
|
99066
99106
|
*/
|
|
99067
99107
|
function useStaticCallback(callback) {
|
|
99068
99108
|
const callbackRef = _(callback);
|
|
@@ -99205,13 +99245,13 @@
|
|
|
99205
99245
|
return null;
|
|
99206
99246
|
}
|
|
99207
99247
|
|
|
99208
|
-
/**
|
|
99209
|
-
* @typedef { {
|
|
99210
|
-
* text: (element: object) => string,
|
|
99211
|
-
* icon?: (element: Object) => import('preact').Component
|
|
99212
|
-
* } } PlaceholderDefinition
|
|
99213
|
-
*
|
|
99214
|
-
* @param { PlaceholderDefinition } props
|
|
99248
|
+
/**
|
|
99249
|
+
* @typedef { {
|
|
99250
|
+
* text: (element: object) => string,
|
|
99251
|
+
* icon?: (element: Object) => import('preact').Component
|
|
99252
|
+
* } } PlaceholderDefinition
|
|
99253
|
+
*
|
|
99254
|
+
* @param { PlaceholderDefinition } props
|
|
99215
99255
|
*/
|
|
99216
99256
|
function Placeholder(props) {
|
|
99217
99257
|
const {
|
|
@@ -99250,9 +99290,9 @@
|
|
|
99250
99290
|
|
|
99251
99291
|
const noop$6 = () => {};
|
|
99252
99292
|
|
|
99253
|
-
/**
|
|
99254
|
-
* Buffer `.focus()` calls while the editor is not initialized.
|
|
99255
|
-
* Set Focus inside when the editor is ready.
|
|
99293
|
+
/**
|
|
99294
|
+
* Buffer `.focus()` calls while the editor is not initialized.
|
|
99295
|
+
* Set Focus inside when the editor is ready.
|
|
99256
99296
|
*/
|
|
99257
99297
|
const useBufferedFocus$1 = function (editor, ref) {
|
|
99258
99298
|
const [buffer, setBuffer] = h(undefined);
|
|
@@ -99353,9 +99393,9 @@
|
|
|
99353
99393
|
|
|
99354
99394
|
const noop$5 = () => {};
|
|
99355
99395
|
|
|
99356
|
-
/**
|
|
99357
|
-
* Buffer `.focus()` calls while the editor is not initialized.
|
|
99358
|
-
* Set Focus inside when the editor is ready.
|
|
99396
|
+
/**
|
|
99397
|
+
* Buffer `.focus()` calls while the editor is not initialized.
|
|
99398
|
+
* Set Focus inside when the editor is ready.
|
|
99359
99399
|
*/
|
|
99360
99400
|
const useBufferedFocus = function (editor, ref) {
|
|
99361
99401
|
const [buffer, setBuffer] = h(undefined);
|
|
@@ -99404,10 +99444,10 @@
|
|
|
99404
99444
|
p(() => {
|
|
99405
99445
|
let editor;
|
|
99406
99446
|
|
|
99407
|
-
/* Trigger FEEL toggle when
|
|
99408
|
-
*
|
|
99409
|
-
* - `backspace` is pressed
|
|
99410
|
-
* - AND the cursor is at the beginning of the input
|
|
99447
|
+
/* Trigger FEEL toggle when
|
|
99448
|
+
*
|
|
99449
|
+
* - `backspace` is pressed
|
|
99450
|
+
* - AND the cursor is at the beginning of the input
|
|
99411
99451
|
*/
|
|
99412
99452
|
const onKeyDown = e => {
|
|
99413
99453
|
if (e.key !== 'Backspace' || !editor) {
|
|
@@ -99489,22 +99529,22 @@
|
|
|
99489
99529
|
source: null
|
|
99490
99530
|
});
|
|
99491
99531
|
|
|
99492
|
-
/**
|
|
99493
|
-
* Add a dragger that calls back the passed function with
|
|
99494
|
-
* { event, delta } on drag.
|
|
99495
|
-
*
|
|
99496
|
-
* @example
|
|
99497
|
-
*
|
|
99498
|
-
* function dragMove(event, delta) {
|
|
99499
|
-
* // we are dragging (!!)
|
|
99500
|
-
* }
|
|
99501
|
-
*
|
|
99502
|
-
* domElement.addEventListener('dragstart', dragger(dragMove));
|
|
99503
|
-
*
|
|
99504
|
-
* @param {Function} fn
|
|
99505
|
-
* @param {Element} [dragPreview]
|
|
99506
|
-
*
|
|
99507
|
-
* @return {Function} drag start callback function
|
|
99532
|
+
/**
|
|
99533
|
+
* Add a dragger that calls back the passed function with
|
|
99534
|
+
* { event, delta } on drag.
|
|
99535
|
+
*
|
|
99536
|
+
* @example
|
|
99537
|
+
*
|
|
99538
|
+
* function dragMove(event, delta) {
|
|
99539
|
+
* // we are dragging (!!)
|
|
99540
|
+
* }
|
|
99541
|
+
*
|
|
99542
|
+
* domElement.addEventListener('dragstart', dragger(dragMove));
|
|
99543
|
+
*
|
|
99544
|
+
* @param {Function} fn
|
|
99545
|
+
* @param {Element} [dragPreview]
|
|
99546
|
+
*
|
|
99547
|
+
* @return {Function} drag start callback function
|
|
99508
99548
|
*/
|
|
99509
99549
|
function createDragger(fn, dragPreview) {
|
|
99510
99550
|
let self;
|
|
@@ -99559,23 +99599,23 @@
|
|
|
99559
99599
|
|
|
99560
99600
|
const noop$3 = () => {};
|
|
99561
99601
|
|
|
99562
|
-
/**
|
|
99563
|
-
* A generic popup component.
|
|
99564
|
-
*
|
|
99565
|
-
* @param {Object} props
|
|
99566
|
-
* @param {HTMLElement} [props.container]
|
|
99567
|
-
* @param {string} [props.className]
|
|
99568
|
-
* @param {boolean} [props.delayInitialFocus]
|
|
99569
|
-
* @param {{x: number, y: number}} [props.position]
|
|
99570
|
-
* @param {number} [props.width]
|
|
99571
|
-
* @param {number} [props.height]
|
|
99572
|
-
* @param {Function} props.onClose
|
|
99573
|
-
* @param {Function} [props.onPostActivate]
|
|
99574
|
-
* @param {Function} [props.onPostDeactivate]
|
|
99575
|
-
* @param {boolean} [props.returnFocus]
|
|
99576
|
-
* @param {boolean} [props.closeOnEscape]
|
|
99577
|
-
* @param {string} props.title
|
|
99578
|
-
* @param {Ref} [ref]
|
|
99602
|
+
/**
|
|
99603
|
+
* A generic popup component.
|
|
99604
|
+
*
|
|
99605
|
+
* @param {Object} props
|
|
99606
|
+
* @param {HTMLElement} [props.container]
|
|
99607
|
+
* @param {string} [props.className]
|
|
99608
|
+
* @param {boolean} [props.delayInitialFocus]
|
|
99609
|
+
* @param {{x: number, y: number}} [props.position]
|
|
99610
|
+
* @param {number} [props.width]
|
|
99611
|
+
* @param {number} [props.height]
|
|
99612
|
+
* @param {Function} props.onClose
|
|
99613
|
+
* @param {Function} [props.onPostActivate]
|
|
99614
|
+
* @param {Function} [props.onPostDeactivate]
|
|
99615
|
+
* @param {boolean} [props.returnFocus]
|
|
99616
|
+
* @param {boolean} [props.closeOnEscape]
|
|
99617
|
+
* @param {string} props.title
|
|
99618
|
+
* @param {Ref} [ref]
|
|
99579
99619
|
*/
|
|
99580
99620
|
function PopupComponent(props, globalRef) {
|
|
99581
99621
|
const {
|
|
@@ -99794,12 +99834,12 @@
|
|
|
99794
99834
|
const FEEL_POPUP_WIDTH = 700;
|
|
99795
99835
|
const FEEL_POPUP_HEIGHT = 250;
|
|
99796
99836
|
|
|
99797
|
-
/**
|
|
99798
|
-
* FEEL popup component, built as a singleton. Emits lifecycle events as follows:
|
|
99799
|
-
* - `feelPopup.open` - fired before the popup is mounted
|
|
99800
|
-
* - `feelPopup.opened` - fired after the popup is mounted. Event context contains the DOM node of the popup
|
|
99801
|
-
* - `feelPopup.close` - fired before the popup is unmounted. Event context contains the DOM node of the popup
|
|
99802
|
-
* - `feelPopup.closed` - fired after the popup is unmounted
|
|
99837
|
+
/**
|
|
99838
|
+
* FEEL popup component, built as a singleton. Emits lifecycle events as follows:
|
|
99839
|
+
* - `feelPopup.open` - fired before the popup is mounted
|
|
99840
|
+
* - `feelPopup.opened` - fired after the popup is mounted. Event context contains the DOM node of the popup
|
|
99841
|
+
* - `feelPopup.close` - fired before the popup is unmounted. Event context contains the DOM node of the popup
|
|
99842
|
+
* - `feelPopup.closed` - fired after the popup is unmounted
|
|
99803
99843
|
*/
|
|
99804
99844
|
function FEELPopupRoot(props) {
|
|
99805
99845
|
const {
|
|
@@ -100025,11 +100065,11 @@
|
|
|
100025
100065
|
return element.closest('.cm-editor').querySelector('.cm-tooltip-autocomplete');
|
|
100026
100066
|
}
|
|
100027
100067
|
|
|
100028
|
-
/**
|
|
100029
|
-
* This hook behaves like useEffect, but does not trigger on the first render.
|
|
100030
|
-
*
|
|
100031
|
-
* @param {Function} effect
|
|
100032
|
-
* @param {Array} deps
|
|
100068
|
+
/**
|
|
100069
|
+
* This hook behaves like useEffect, but does not trigger on the first render.
|
|
100070
|
+
*
|
|
100071
|
+
* @param {Function} effect
|
|
100072
|
+
* @param {Array} deps
|
|
100033
100073
|
*/
|
|
100034
100074
|
function useUpdateEffect(effect, deps) {
|
|
100035
100075
|
const isMounted = _(false);
|
|
@@ -100394,85 +100434,85 @@
|
|
|
100394
100434
|
const DEFAULT_DESCRIPTION = {};
|
|
100395
100435
|
const DEFAULT_TOOLTIP = {};
|
|
100396
100436
|
|
|
100397
|
-
/**
|
|
100398
|
-
* @typedef { {
|
|
100399
|
-
* component: import('preact').Component,
|
|
100400
|
-
* id: String,
|
|
100401
|
-
* isEdited?: Function
|
|
100402
|
-
* } } EntryDefinition
|
|
100403
|
-
*
|
|
100404
|
-
* @typedef { {
|
|
100405
|
-
* autoFocusEntry: String,
|
|
100406
|
-
* autoOpen?: Boolean,
|
|
100407
|
-
* entries: Array<EntryDefinition>,
|
|
100408
|
-
* id: String,
|
|
100409
|
-
* label: String,
|
|
100410
|
-
* remove: (event: MouseEvent) => void
|
|
100411
|
-
* } } ListItemDefinition
|
|
100412
|
-
*
|
|
100413
|
-
* @typedef { {
|
|
100414
|
-
* add: (event: MouseEvent) => void,
|
|
100415
|
-
* component: import('preact').Component,
|
|
100416
|
-
* element: Object,
|
|
100417
|
-
* id: String,
|
|
100418
|
-
* items: Array<ListItemDefinition>,
|
|
100419
|
-
* label: String,
|
|
100420
|
-
* shouldOpen?: Boolean
|
|
100421
|
-
* } } ListGroupDefinition
|
|
100422
|
-
*
|
|
100423
|
-
* @typedef { {
|
|
100424
|
-
* component?: import('preact').Component,
|
|
100425
|
-
* entries: Array<EntryDefinition>,
|
|
100426
|
-
* id: String,
|
|
100427
|
-
* label: String,
|
|
100428
|
-
* shouldOpen?: Boolean
|
|
100429
|
-
* } } GroupDefinition
|
|
100430
|
-
*
|
|
100431
|
-
* @typedef { {
|
|
100432
|
-
* [id: String]: GetDescriptionFunction
|
|
100433
|
-
* } } DescriptionConfig
|
|
100434
|
-
*
|
|
100435
|
-
* @typedef { {
|
|
100436
|
-
* [id: String]: GetTooltipFunction
|
|
100437
|
-
* } } TooltipConfig
|
|
100438
|
-
*
|
|
100439
|
-
* @callback { {
|
|
100440
|
-
* @param {string} id
|
|
100441
|
-
* @param {Object} element
|
|
100442
|
-
* @returns {string}
|
|
100443
|
-
* } } GetDescriptionFunction
|
|
100444
|
-
*
|
|
100445
|
-
* @callback { {
|
|
100446
|
-
* @param {string} id
|
|
100447
|
-
* @param {Object} element
|
|
100448
|
-
* @returns {string}
|
|
100449
|
-
* } } GetTooltipFunction
|
|
100450
|
-
*
|
|
100451
|
-
* @typedef { {
|
|
100452
|
-
* getEmpty: (element: object) => import('./components/Placeholder').PlaceholderDefinition,
|
|
100453
|
-
* getMultiple: (element: Object) => import('./components/Placeholder').PlaceholderDefinition
|
|
100454
|
-
* } } PlaceholderProvider
|
|
100455
|
-
*
|
|
100437
|
+
/**
|
|
100438
|
+
* @typedef { {
|
|
100439
|
+
* component: import('preact').Component,
|
|
100440
|
+
* id: String,
|
|
100441
|
+
* isEdited?: Function
|
|
100442
|
+
* } } EntryDefinition
|
|
100443
|
+
*
|
|
100444
|
+
* @typedef { {
|
|
100445
|
+
* autoFocusEntry: String,
|
|
100446
|
+
* autoOpen?: Boolean,
|
|
100447
|
+
* entries: Array<EntryDefinition>,
|
|
100448
|
+
* id: String,
|
|
100449
|
+
* label: String,
|
|
100450
|
+
* remove: (event: MouseEvent) => void
|
|
100451
|
+
* } } ListItemDefinition
|
|
100452
|
+
*
|
|
100453
|
+
* @typedef { {
|
|
100454
|
+
* add: (event: MouseEvent) => void,
|
|
100455
|
+
* component: import('preact').Component,
|
|
100456
|
+
* element: Object,
|
|
100457
|
+
* id: String,
|
|
100458
|
+
* items: Array<ListItemDefinition>,
|
|
100459
|
+
* label: String,
|
|
100460
|
+
* shouldOpen?: Boolean
|
|
100461
|
+
* } } ListGroupDefinition
|
|
100462
|
+
*
|
|
100463
|
+
* @typedef { {
|
|
100464
|
+
* component?: import('preact').Component,
|
|
100465
|
+
* entries: Array<EntryDefinition>,
|
|
100466
|
+
* id: String,
|
|
100467
|
+
* label: String,
|
|
100468
|
+
* shouldOpen?: Boolean
|
|
100469
|
+
* } } GroupDefinition
|
|
100470
|
+
*
|
|
100471
|
+
* @typedef { {
|
|
100472
|
+
* [id: String]: GetDescriptionFunction
|
|
100473
|
+
* } } DescriptionConfig
|
|
100474
|
+
*
|
|
100475
|
+
* @typedef { {
|
|
100476
|
+
* [id: String]: GetTooltipFunction
|
|
100477
|
+
* } } TooltipConfig
|
|
100478
|
+
*
|
|
100479
|
+
* @callback { {
|
|
100480
|
+
* @param {string} id
|
|
100481
|
+
* @param {Object} element
|
|
100482
|
+
* @returns {string}
|
|
100483
|
+
* } } GetDescriptionFunction
|
|
100484
|
+
*
|
|
100485
|
+
* @callback { {
|
|
100486
|
+
* @param {string} id
|
|
100487
|
+
* @param {Object} element
|
|
100488
|
+
* @returns {string}
|
|
100489
|
+
* } } GetTooltipFunction
|
|
100490
|
+
*
|
|
100491
|
+
* @typedef { {
|
|
100492
|
+
* getEmpty: (element: object) => import('./components/Placeholder').PlaceholderDefinition,
|
|
100493
|
+
* getMultiple: (element: Object) => import('./components/Placeholder').PlaceholderDefinition
|
|
100494
|
+
* } } PlaceholderProvider
|
|
100495
|
+
*
|
|
100456
100496
|
*/
|
|
100457
100497
|
|
|
100458
|
-
/**
|
|
100459
|
-
* A basic properties panel component. Describes *how* content will be rendered, accepts
|
|
100460
|
-
* data from implementor to describe *what* will be rendered.
|
|
100461
|
-
*
|
|
100462
|
-
* @param {Object} props
|
|
100463
|
-
* @param {Object|Array} props.element
|
|
100464
|
-
* @param {import('./components/Header').HeaderProvider} props.headerProvider
|
|
100465
|
-
* @param {PlaceholderProvider} [props.placeholderProvider]
|
|
100466
|
-
* @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
|
|
100467
|
-
* @param {Object} [props.layoutConfig]
|
|
100468
|
-
* @param {Function} [props.layoutChanged]
|
|
100469
|
-
* @param {DescriptionConfig} [props.descriptionConfig]
|
|
100470
|
-
* @param {Function} [props.descriptionLoaded]
|
|
100471
|
-
* @param {TooltipConfig} [props.tooltipConfig]
|
|
100472
|
-
* @param {Function} [props.tooltipLoaded]
|
|
100473
|
-
* @param {HTMLElement} [props.feelPopupContainer]
|
|
100474
|
-
* @param {Function} [props.getFeelPopupLinks]
|
|
100475
|
-
* @param {Object} [props.eventBus]
|
|
100498
|
+
/**
|
|
100499
|
+
* A basic properties panel component. Describes *how* content will be rendered, accepts
|
|
100500
|
+
* data from implementor to describe *what* will be rendered.
|
|
100501
|
+
*
|
|
100502
|
+
* @param {Object} props
|
|
100503
|
+
* @param {Object|Array} props.element
|
|
100504
|
+
* @param {import('./components/Header').HeaderProvider} props.headerProvider
|
|
100505
|
+
* @param {PlaceholderProvider} [props.placeholderProvider]
|
|
100506
|
+
* @param {Array<GroupDefinition|ListGroupDefinition>} props.groups
|
|
100507
|
+
* @param {Object} [props.layoutConfig]
|
|
100508
|
+
* @param {Function} [props.layoutChanged]
|
|
100509
|
+
* @param {DescriptionConfig} [props.descriptionConfig]
|
|
100510
|
+
* @param {Function} [props.descriptionLoaded]
|
|
100511
|
+
* @param {TooltipConfig} [props.tooltipConfig]
|
|
100512
|
+
* @param {Function} [props.tooltipLoaded]
|
|
100513
|
+
* @param {HTMLElement} [props.feelPopupContainer]
|
|
100514
|
+
* @param {Function} [props.getFeelPopupLinks]
|
|
100515
|
+
* @param {Object} [props.eventBus]
|
|
100476
100516
|
*/
|
|
100477
100517
|
function PropertiesPanel(props) {
|
|
100478
100518
|
const {
|
|
@@ -100645,11 +100685,11 @@
|
|
|
100645
100685
|
|
|
100646
100686
|
// hooks //////////////////
|
|
100647
100687
|
|
|
100648
|
-
/**
|
|
100649
|
-
* This hook behaves like useLayoutEffect, but does not trigger on the first render.
|
|
100650
|
-
*
|
|
100651
|
-
* @param {Function} effect
|
|
100652
|
-
* @param {Array} deps
|
|
100688
|
+
/**
|
|
100689
|
+
* This hook behaves like useLayoutEffect, but does not trigger on the first render.
|
|
100690
|
+
*
|
|
100691
|
+
* @param {Function} effect
|
|
100692
|
+
* @param {Array} deps
|
|
100653
100693
|
*/
|
|
100654
100694
|
function useUpdateLayoutEffect(effect, deps) {
|
|
100655
100695
|
const isMounted = _(false);
|
|
@@ -100716,18 +100756,18 @@
|
|
|
100716
100756
|
});
|
|
100717
100757
|
}
|
|
100718
100758
|
|
|
100719
|
-
/**
|
|
100720
|
-
* @param {Object} props
|
|
100721
|
-
* @param {Object} props.element
|
|
100722
|
-
* @param {String} props.id
|
|
100723
|
-
* @param {String} props.description
|
|
100724
|
-
* @param {String} props.label
|
|
100725
|
-
* @param {Function} props.getValue
|
|
100726
|
-
* @param {Function} props.setValue
|
|
100727
|
-
* @param {Function} props.onFocus
|
|
100728
|
-
* @param {Function} props.onBlur
|
|
100729
|
-
* @param {string|import('preact').Component} props.tooltip
|
|
100730
|
-
* @param {boolean} [props.disabled]
|
|
100759
|
+
/**
|
|
100760
|
+
* @param {Object} props
|
|
100761
|
+
* @param {Object} props.element
|
|
100762
|
+
* @param {String} props.id
|
|
100763
|
+
* @param {String} props.description
|
|
100764
|
+
* @param {String} props.label
|
|
100765
|
+
* @param {Function} props.getValue
|
|
100766
|
+
* @param {Function} props.setValue
|
|
100767
|
+
* @param {Function} props.onFocus
|
|
100768
|
+
* @param {Function} props.onBlur
|
|
100769
|
+
* @param {string|import('preact').Component} props.tooltip
|
|
100770
|
+
* @param {boolean} [props.disabled]
|
|
100731
100771
|
*/
|
|
100732
100772
|
function CheckboxEntry(props) {
|
|
100733
100773
|
const {
|
|
@@ -100848,20 +100888,20 @@
|
|
|
100848
100888
|
});
|
|
100849
100889
|
}
|
|
100850
100890
|
|
|
100851
|
-
/**
|
|
100852
|
-
* @param {object} props
|
|
100853
|
-
* @param {object} props.element
|
|
100854
|
-
* @param {string} props.id
|
|
100855
|
-
* @param {string} [props.description]
|
|
100856
|
-
* @param {string} props.label
|
|
100857
|
-
* @param {Function} props.getValue
|
|
100858
|
-
* @param {Function} props.setValue
|
|
100859
|
-
* @param {Function} props.onFocus
|
|
100860
|
-
* @param {Function} props.onBlur
|
|
100861
|
-
* @param {Function} props.getOptions
|
|
100862
|
-
* @param {boolean} [props.disabled]
|
|
100863
|
-
* @param {Function} [props.validate]
|
|
100864
|
-
* @param {string|import('preact').Component} props.tooltip
|
|
100891
|
+
/**
|
|
100892
|
+
* @param {object} props
|
|
100893
|
+
* @param {object} props.element
|
|
100894
|
+
* @param {string} props.id
|
|
100895
|
+
* @param {string} [props.description]
|
|
100896
|
+
* @param {string} props.label
|
|
100897
|
+
* @param {Function} props.getValue
|
|
100898
|
+
* @param {Function} props.setValue
|
|
100899
|
+
* @param {Function} props.onFocus
|
|
100900
|
+
* @param {Function} props.onBlur
|
|
100901
|
+
* @param {Function} props.getOptions
|
|
100902
|
+
* @param {boolean} [props.disabled]
|
|
100903
|
+
* @param {Function} [props.validate]
|
|
100904
|
+
* @param {string|import('preact').Component} props.tooltip
|
|
100865
100905
|
*/
|
|
100866
100906
|
function SelectEntry(props) {
|
|
100867
100907
|
const {
|
|
@@ -101154,20 +101194,20 @@
|
|
|
101154
101194
|
});
|
|
101155
101195
|
}
|
|
101156
101196
|
|
|
101157
|
-
/**
|
|
101158
|
-
* @param {Object} props
|
|
101159
|
-
* @param {Object} props.element
|
|
101160
|
-
* @param {String} props.id
|
|
101161
|
-
* @param {String} props.description
|
|
101162
|
-
* @param {Boolean} props.debounce
|
|
101163
|
-
* @param {Boolean} props.disabled
|
|
101164
|
-
* @param {String} props.label
|
|
101165
|
-
* @param {Function} props.getValue
|
|
101166
|
-
* @param {Function} props.setValue
|
|
101167
|
-
* @param {Function} props.onFocus
|
|
101168
|
-
* @param {Function} props.onBlur
|
|
101169
|
-
* @param {string|import('preact').Component} props.tooltip
|
|
101170
|
-
* @param {Function} props.validate
|
|
101197
|
+
/**
|
|
101198
|
+
* @param {Object} props
|
|
101199
|
+
* @param {Object} props.element
|
|
101200
|
+
* @param {String} props.id
|
|
101201
|
+
* @param {String} props.description
|
|
101202
|
+
* @param {Boolean} props.debounce
|
|
101203
|
+
* @param {Boolean} props.disabled
|
|
101204
|
+
* @param {String} props.label
|
|
101205
|
+
* @param {Function} props.getValue
|
|
101206
|
+
* @param {Function} props.setValue
|
|
101207
|
+
* @param {Function} props.onFocus
|
|
101208
|
+
* @param {Function} props.onBlur
|
|
101209
|
+
* @param {string|import('preact').Component} props.tooltip
|
|
101210
|
+
* @param {Function} props.validate
|
|
101171
101211
|
*/
|
|
101172
101212
|
function TextfieldEntry(props) {
|
|
101173
101213
|
const {
|
|
@@ -101260,20 +101300,20 @@
|
|
|
101260
101300
|
this._eventBus = eventBus;
|
|
101261
101301
|
}
|
|
101262
101302
|
|
|
101263
|
-
/**
|
|
101264
|
-
* Check if the FEEL popup is open.
|
|
101265
|
-
* @return {Boolean}
|
|
101303
|
+
/**
|
|
101304
|
+
* Check if the FEEL popup is open.
|
|
101305
|
+
* @return {Boolean}
|
|
101266
101306
|
*/
|
|
101267
101307
|
isOpen() {
|
|
101268
101308
|
return this._eventBus.fire('feelPopup._isOpen');
|
|
101269
101309
|
}
|
|
101270
101310
|
|
|
101271
|
-
/**
|
|
101272
|
-
* Open the FEEL popup.
|
|
101273
|
-
*
|
|
101274
|
-
* @param {String} entryId
|
|
101275
|
-
* @param {Object} popupConfig
|
|
101276
|
-
* @param {HTMLElement} sourceElement
|
|
101311
|
+
/**
|
|
101312
|
+
* Open the FEEL popup.
|
|
101313
|
+
*
|
|
101314
|
+
* @param {String} entryId
|
|
101315
|
+
* @param {Object} popupConfig
|
|
101316
|
+
* @param {HTMLElement} sourceElement
|
|
101277
101317
|
*/
|
|
101278
101318
|
open(entryId, popupConfig, sourceElement) {
|
|
101279
101319
|
return this._eventBus.fire('feelPopup._open', {
|
|
@@ -101283,8 +101323,8 @@
|
|
|
101283
101323
|
});
|
|
101284
101324
|
}
|
|
101285
101325
|
|
|
101286
|
-
/**
|
|
101287
|
-
* Close the FEEL popup.
|
|
101326
|
+
/**
|
|
101327
|
+
* Close the FEEL popup.
|
|
101288
101328
|
*/
|
|
101289
101329
|
close() {
|
|
101290
101330
|
return this._eventBus.fire('feelPopup._close');
|