@bpmn-io/properties-panel 3.29.1 → 3.30.1

package/dist/index.js

@@ -257,6 +257,19 @@ const EventContext = preact.createContext({
   eventBus: null
 });
 
+/**
+ * @typedef { {
+ *   parserDialect?: import('@bpmn-io/feel-editor').ParserDialect,
+ *   builtins?: import('@bpmn-io/feel-editor').Variable[],
+ *   dialect?: import('@bpmn-io/feel-editor').Dialect
+ * } } FeelLanguageContextType
+ */
+
+/**
+ * @type {import('preact').Context<FeelLanguageContextType>}
+ */
+const FeelLanguageContext = preact.createContext({});
+
 const LayoutContext = preact.createContext({
   layout: {},
   setLayout: () => {},
@@ -1757,11 +1770,17 @@ const FeelEditor = compat.forwardRef((props, ref) => {
     popupOpen,
     disabled,
     tooltipContainer,
-    variables
+    variables,
+    feelLanguageContext
   } = props;
   const inputRef = hooks.useRef();
   const [editor, setEditor] = hooks.useState();
   const [localValue, setLocalValue] = hooks.useState(value || '');
+  const {
+    builtins,
+    dialect,
+    parserDialect
+  } = feelLanguageContext || {};
   useBufferedFocus(editor, ref);
   const handleInput = useStaticCallback(newValue => {
     onInput(newValue);
@@ -1793,7 +1812,10 @@ const FeelEditor = compat.forwardRef((props, ref) => {
       placeholder: placeholder,
       tooltipContainer: tooltipContainer,
       value: localValue,
-      variables: variables,
+      variables,
+      builtins,
+      dialect,
+      parserDialect,
       extensions: [...(enableGutters ? [view.lineNumbers()] : []), view.EditorView.lineWrapping],
       contentAttributes
     });
@@ -2031,7 +2053,8 @@ function NumberField(props) {
     step,
     value = '',
     onFocus,
-    onBlur
+    onBlur,
+    tooltip
   } = props;
   const [localValue, setLocalValue] = hooks.useState(value);
   const handleInputCallback = hooks.useMemo(() => {
@@ -2056,7 +2079,12 @@ function NumberField(props) {
     children: [displayLabel && jsxRuntime.jsx("label", {
       for: prefixId$6(id),
       class: "bio-properties-panel-label",
-      children: label
+      children: jsxRuntime.jsx(TooltipWrapper, {
+        value: tooltip,
+        forId: id,
+        element: props.element,
+        children: label
+      })
     }), jsxRuntime.jsx("input", {
       id: prefixId$6(id),
       ref: inputRef,
@@ -2109,7 +2137,8 @@ function NumberFieldEntry(props) {
     step,
     onFocus,
     onBlur,
-    validate
+    validate,
+    tooltip
   } = props;
   const globalError = useError(id);
   const [localError, setLocalError] = hooks.useState(null);
@@ -2143,7 +2172,8 @@ function NumberFieldEntry(props) {
       max: max,
       min: min,
       step: step,
-      value: value
+      value: value,
+      tooltip: tooltip
     }, element), error && jsxRuntime.jsx("div", {
       class: "bio-properties-panel-error",
       children: error
@@ -2215,6 +2245,7 @@ function FeelTextfield(props) {
   const containerRef = hooks.useRef();
   const feelActive = minDash.isString(localValue) && localValue.startsWith('=') || feel === 'required';
   const feelOnlyValue = minDash.isString(localValue) && localValue.startsWith('=') ? localValue.substring(1) : localValue;
+  const feelLanguageContext = hooks.useContext(FeelLanguageContext);
   const [focus, _setFocus] = hooks.useState(undefined);
   const {
     eventBus
@@ -2293,7 +2324,8 @@ function FeelTextfield(props) {
       tooltipContainer,
       type,
       value: feelOnlyValue,
-      variables
+      variables,
+      feelLanguageContext
     });
     if (isOpen) {
       eventBus.once('propertiesPanelPopup.close', () => {
@@ -2399,6 +2431,7 @@ function FeelTextfield(props) {
         placeholder: placeholder,
         value: feelOnlyValue,
         variables: variables,
+        feelLanguageContext: feelLanguageContext,
         ref: editorRef,
         tooltipContainer: tooltipContainer
       }) : jsxRuntime.jsx(OptionalComponent, {
@@ -4111,7 +4144,8 @@ function FeelPopup$1(props) {
     singleLine,
     sourceElement,
     tooltipContainer,
-    eventBus
+    eventBus,
+    feelLanguageContext
   } = props;
   const editorRef = hooks.useRef();
   const popupRef = hooks.useRef();
@@ -4181,6 +4215,7 @@ function FeelPopup$1(props) {
           onInput: onInput,
           value: value,
           variables: variables,
+          feelLanguageContext: feelLanguageContext,
           ref: editorRef,
           tooltipContainer: tooltipContainer
         }), type === 'feelers' && jsxRuntime.jsx(TemplatingEditor, {
@@ -4416,6 +4451,7 @@ exports.ExternalLinkIcon = ExternalLinkIcon;
 exports.FeelCheckboxEntry = FeelCheckboxEntry;
 exports.FeelEntry = FeelEntry;
 exports.FeelIcon = FeelIcon$1;
+exports.FeelLanguageContext = FeelLanguageContext;
 exports.FeelNumberEntry = FeelNumberEntry;
 exports.FeelPopupModule = index;
 exports.FeelTemplatingEntry = FeelTemplatingEntry;