@bpmn-io/properties-panel 3.29.1 → 3.30.1

package/dist/index.esm.js

@@ -236,6 +236,19 @@ const EventContext = 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 = createContext({});
+
 const LayoutContext = createContext({
   layout: {},
   setLayout: () => {},
@@ -1736,11 +1749,17 @@ const FeelEditor = forwardRef((props, ref) => {
     popupOpen,
     disabled,
     tooltipContainer,
-    variables
+    variables,
+    feelLanguageContext
   } = props;
   const inputRef = useRef();
   const [editor, setEditor] = useState();
   const [localValue, setLocalValue] = useState(value || '');
+  const {
+    builtins,
+    dialect,
+    parserDialect
+  } = feelLanguageContext || {};
   useBufferedFocus(editor, ref);
   const handleInput = useStaticCallback(newValue => {
     onInput(newValue);
@@ -1772,7 +1791,10 @@ const FeelEditor = forwardRef((props, ref) => {
       placeholder: placeholder,
       tooltipContainer: tooltipContainer,
       value: localValue,
-      variables: variables,
+      variables,
+      builtins,
+      dialect,
+      parserDialect,
       extensions: [...(enableGutters ? [lineNumbers()] : []), EditorView.lineWrapping],
       contentAttributes
     });
@@ -2010,7 +2032,8 @@ function NumberField(props) {
     step,
     value = '',
     onFocus,
-    onBlur
+    onBlur,
+    tooltip
   } = props;
   const [localValue, setLocalValue] = useState(value);
   const handleInputCallback = useMemo(() => {
@@ -2035,7 +2058,12 @@ function NumberField(props) {
     children: [displayLabel && jsx("label", {
       for: prefixId$6(id),
       class: "bio-properties-panel-label",
-      children: label
+      children: jsx(TooltipWrapper, {
+        value: tooltip,
+        forId: id,
+        element: props.element,
+        children: label
+      })
     }), jsx("input", {
       id: prefixId$6(id),
       ref: inputRef,
@@ -2088,7 +2116,8 @@ function NumberFieldEntry(props) {
     step,
     onFocus,
     onBlur,
-    validate
+    validate,
+    tooltip
   } = props;
   const globalError = useError(id);
   const [localError, setLocalError] = useState(null);
@@ -2122,7 +2151,8 @@ function NumberFieldEntry(props) {
       max: max,
       min: min,
       step: step,
-      value: value
+      value: value,
+      tooltip: tooltip
     }, element), error && jsx("div", {
       class: "bio-properties-panel-error",
       children: error
@@ -2194,6 +2224,7 @@ function FeelTextfield(props) {
   const containerRef = useRef();
   const feelActive = isString(localValue) && localValue.startsWith('=') || feel === 'required';
   const feelOnlyValue = isString(localValue) && localValue.startsWith('=') ? localValue.substring(1) : localValue;
+  const feelLanguageContext = useContext(FeelLanguageContext);
   const [focus, _setFocus] = useState(undefined);
   const {
     eventBus
@@ -2272,7 +2303,8 @@ function FeelTextfield(props) {
       tooltipContainer,
       type,
       value: feelOnlyValue,
-      variables
+      variables,
+      feelLanguageContext
     });
     if (isOpen) {
       eventBus.once('propertiesPanelPopup.close', () => {
@@ -2378,6 +2410,7 @@ function FeelTextfield(props) {
         placeholder: placeholder,
         value: feelOnlyValue,
         variables: variables,
+        feelLanguageContext: feelLanguageContext,
         ref: editorRef,
         tooltipContainer: tooltipContainer
       }) : jsx(OptionalComponent, {
@@ -4090,7 +4123,8 @@ function FeelPopup$1(props) {
     singleLine,
     sourceElement,
     tooltipContainer,
-    eventBus
+    eventBus,
+    feelLanguageContext
   } = props;
   const editorRef = useRef();
   const popupRef = useRef();
@@ -4160,6 +4194,7 @@ function FeelPopup$1(props) {
           onInput: onInput,
           value: value,
           variables: variables,
+          feelLanguageContext: feelLanguageContext,
           ref: editorRef,
           tooltipContainer: tooltipContainer
         }), type === 'feelers' && jsx(TemplatingEditor, {
@@ -4378,5 +4413,5 @@ var index = {
   feelPopupRenderer: ['type', FeelPopupRenderer]
 };
 
-export { ArrowIcon, CheckboxEntry, CloseIcon, CollapsibleEntry, CreateIcon, index$1 as DebounceInputModule, DeleteIcon, DescriptionContext, Description as DescriptionEntry, DragIcon, DropdownButton, ErrorsContext, EventContext, ExternalLinkIcon, FeelCheckboxEntry, FeelEntry, FeelIcon$1 as FeelIcon, FeelNumberEntry, index as FeelPopupModule, FeelTemplatingEntry, FeelTextAreaEntry, FeelToggleSwitchEntry, Group, Header, HeaderButton, LaunchIcon, LayoutContext, List as ListEntry, ListGroup, ListItem, NumberFieldEntry, OpenPopupIcon, Placeholder, PropertiesPanel, LayoutContext as PropertiesPanelContext, SelectEntry, Simple as SimpleEntry, TemplatingEntry, TextAreaEntry, TextfieldEntry as TextFieldEntry, ToggleSwitchEntry, TooltipContext, TooltipWrapper as TooltipEntry, isEdited$8 as isCheckboxEntryEdited, isEdited$5 as isFeelEntryEdited, isEdited$6 as isNumberFieldEntryEdited, isEdited$3 as isSelectEntryEdited, isEdited$2 as isSimpleEntryEdited, isEdited$4 as isTemplatingEntryEdited, isEdited$1 as isTextAreaEntryEdited, isEdited as isTextFieldEntryEdited, isEdited$7 as isToggleSwitchEntryEdited, useDebounce, useDescriptionContext, useElementVisible, useError, useErrors, useEvent, useKeyFactory, useLayoutState, usePrevious, useShowEntryEvent, useStaticCallback, useStickyIntersectionObserver, useTooltipContext };
+export { ArrowIcon, CheckboxEntry, CloseIcon, CollapsibleEntry, CreateIcon, index$1 as DebounceInputModule, DeleteIcon, DescriptionContext, Description as DescriptionEntry, DragIcon, DropdownButton, ErrorsContext, EventContext, ExternalLinkIcon, FeelCheckboxEntry, FeelEntry, FeelIcon$1 as FeelIcon, FeelLanguageContext, FeelNumberEntry, index as FeelPopupModule, FeelTemplatingEntry, FeelTextAreaEntry, FeelToggleSwitchEntry, Group, Header, HeaderButton, LaunchIcon, LayoutContext, List as ListEntry, ListGroup, ListItem, NumberFieldEntry, OpenPopupIcon, Placeholder, PropertiesPanel, LayoutContext as PropertiesPanelContext, SelectEntry, Simple as SimpleEntry, TemplatingEntry, TextAreaEntry, TextfieldEntry as TextFieldEntry, ToggleSwitchEntry, TooltipContext, TooltipWrapper as TooltipEntry, isEdited$8 as isCheckboxEntryEdited, isEdited$5 as isFeelEntryEdited, isEdited$6 as isNumberFieldEntryEdited, isEdited$3 as isSelectEntryEdited, isEdited$2 as isSimpleEntryEdited, isEdited$4 as isTemplatingEntryEdited, isEdited$1 as isTextAreaEntryEdited, isEdited as isTextFieldEntryEdited, isEdited$7 as isToggleSwitchEntryEdited, useDebounce, useDescriptionContext, useElementVisible, useError, useErrors, useEvent, useKeyFactory, useLayoutState, usePrevious, useShowEntryEvent, useStaticCallback, useStickyIntersectionObserver, useTooltipContext };
 //# sourceMappingURL=index.esm.js.map