@bpmn-io/properties-panel 0.20.2 → 0.21.0

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import { useContext, useRef, useEffect, useMemo, useState, useCallback, useLayoutEffect } from '../preact/hooks';
+import { useContext, useRef, useEffect, useMemo, useState, useCallback } from '../preact/hooks';
 import { isFunction, isArray, get, assign, set, sortBy, find as find$1, isNumber, debounce } from 'min-dash';
 import classnames from 'classnames';
 import { forwardRef } from '../preact/compat';
@@ -262,59 +262,6 @@ function useEvent(event, callback, eventBus) {
   }, [callback, event, eventBus]);
 }
 
-const HIGH_PRIORITY = 10000;
-/**
- * Buffer events and re-fire during passive effect phase.
- *
- * @param {string[]} bufferedEvents
- * @param {Object} [eventBus]
- */
-
-function useEventBuffer(bufferedEvents, eventBus) {
-  const buffer = useRef([]),
-        buffering = useRef(true);
-
-  const createCallback = event => data => {
-    if (buffering.current === true) {
-      buffer.current.unshift([event, data]);
-    }
-  }; // (1) buffer events
-
-
-  useEffect(() => {
-    if (!eventBus) {
-      return;
-    }
-
-    const listeners = bufferedEvents.map(event => {
-      return [event, createCallback(event)];
-    });
-    listeners.forEach(([event, callback]) => {
-      eventBus.on(event, HIGH_PRIORITY, callback);
-    });
-    return () => {
-      listeners.forEach(([event, callback]) => {
-        eventBus.off(event, callback);
-      });
-    };
-  }, [bufferedEvents, eventBus]); // (2) re-fire events
-
-  useEffect(() => {
-    if (!eventBus) {
-      return;
-    }
-
-    buffering.current = false;
-
-    while (buffer.current.length) {
-      const [event, data] = buffer.current.pop();
-      eventBus.fire(event, data);
-    }
-
-    buffering.current = true;
-  });
-}
-
 const KEY_LENGTH = 6;
 /**
  * Create a persistent key factory for plain objects without id.
@@ -425,7 +372,7 @@ function useShowEntryEvent(id) {
       }
     }
   }, [id]);
-  useLayoutEffect(() => {
+  useEffect(() => {
     if (focus.current && ref.current) {
       if (isFunction(ref.current.focus)) {
         ref.current.focus();
@@ -634,7 +581,6 @@ const DEFAULT_LAYOUT = {
   open: true
 };
 const DEFAULT_DESCRIPTION = {};
-const bufferedEvents = ['propertiesPanel.showEntry', 'propertiesPanel.setErrors'];
 /**
  * @typedef { {
  *    component: import('preact').Component,
@@ -754,7 +700,6 @@ function PropertiesPanel(props) {
     description,
     getDescriptionForId
   };
-  useEventBuffer(bufferedEvents, eventBus);
   const [errors, setErrors] = useState({});
 
   const onSetErrors = ({
@@ -5110,7 +5055,7 @@ function FeelTextfield(props) {
   const editorRef = useShowEntryEvent(id);
   const containerRef = useRef();
   const feelActive = localValue.startsWith('=') || feel === 'required';
-  const feelOnlyValue = localValue.substring(1);
+  const feelOnlyValue = localValue.startsWith('=') ? localValue.substring(1) : localValue;
   const [focus, _setFocus] = useState(undefined);
 
   const setFocus = (offset = 0) => {
@@ -6312,5 +6257,5 @@ var index = {
   debounceInput: ['factory', debounceInput]
 };
 
-export { ArrowIcon, CheckboxEntry, CollapsibleEntry, CreateIcon, index as DebounceInputModule, DeleteIcon, DescriptionContext, Description as DescriptionEntry, DropdownButton, ErrorsContext, EventContext, ExternalLinkIcon, FeelEntry, FeelOptionalIcon, FeelRequiredIcon, FeelTextArea as FeelTextAreaEntry, Group, Header, HeaderButton, LayoutContext, List as ListEntry, ListGroup, ListItem, NumberFieldEntry, Placeholder, PropertiesPanel, LayoutContext as PropertiesPanelContext, SelectEntry, Simple as SimpleEntry, TextAreaEntry, TextfieldEntry as TextFieldEntry, ToggleSwitchEntry, isEdited$7 as isCheckboxEntryEdited, isEdited$6 as isFeelEntryEdited, isEdited$5 as isNumberFieldEntryEdited, isEdited$4 as isSelectEntryEdited, isEdited$3 as isSimpleEntryEdited, isEdited$2 as isTextAreaEntryEdited, isEdited$1 as isTextFieldEntryEdited, isEdited as isToggleSwitchEntryEdited, useDescriptionContext, useError, useEvent, useEventBuffer, useKeyFactory, useLayoutState, usePrevious, useShowEntryEvent, useStaticCallback, useStickyIntersectionObserver };
+export { ArrowIcon, CheckboxEntry, CollapsibleEntry, CreateIcon, index as DebounceInputModule, DeleteIcon, DescriptionContext, Description as DescriptionEntry, DropdownButton, ErrorsContext, EventContext, ExternalLinkIcon, FeelEntry, FeelOptionalIcon, FeelRequiredIcon, FeelTextArea as FeelTextAreaEntry, Group, Header, HeaderButton, LayoutContext, List as ListEntry, ListGroup, ListItem, NumberFieldEntry, Placeholder, PropertiesPanel, LayoutContext as PropertiesPanelContext, SelectEntry, Simple as SimpleEntry, TextAreaEntry, TextfieldEntry as TextFieldEntry, ToggleSwitchEntry, isEdited$7 as isCheckboxEntryEdited, isEdited$6 as isFeelEntryEdited, isEdited$5 as isNumberFieldEntryEdited, isEdited$4 as isSelectEntryEdited, isEdited$3 as isSimpleEntryEdited, isEdited$2 as isTextAreaEntryEdited, isEdited$1 as isTextFieldEntryEdited, isEdited as isToggleSwitchEntryEdited, useDescriptionContext, useError, useEvent, useKeyFactory, useLayoutState, usePrevious, useShowEntryEvent, useStaticCallback, useStickyIntersectionObserver };
 //# sourceMappingURL=index.esm.js.map