@bpmn-io/properties-panel 3.47.0 → 3.48.0

package/dist/assets/properties-panel.css

@@ -1277,8 +1277,13 @@ textarea.bio-properties-panel-input {
   transform: rotate(90deg);
 }
 
+.bio-properties-panel-textarea-container {
+  position: relative;
+}
+
 .bio-properties-panel-feelers-editor-container .bio-properties-panel-feelers-editor__open-popup-placeholder,
-.bio-properties-panel-feel-editor-container .bio-properties-panel-feel-editor__open-popup-placeholder {
+.bio-properties-panel-feel-editor-container .bio-properties-panel-feel-editor__open-popup-placeholder,
+.bio-properties-panel-textarea-container .bio-properties-panel-textarea__open-popup-placeholder {
   display: none;
   justify-content: center;
   flex-direction: column;
@@ -1298,11 +1303,22 @@ textarea.bio-properties-panel-input {
   display: none;
 }
 
+.bio-properties-panel-textarea-container.popupOpen .bio-properties-panel-input {
+  visibility: hidden;
+}
+
 .bio-properties-panel-feelers-editor-container.popupOpen .bio-properties-panel-feelers-editor__open-popup-placeholder,
-.bio-properties-panel-feel-editor-container.popupOpen .bio-properties-panel-feel-editor__open-popup-placeholder {
+.bio-properties-panel-feel-editor-container.popupOpen .bio-properties-panel-feel-editor__open-popup-placeholder,
+.bio-properties-panel-textarea-container.popupOpen .bio-properties-panel-textarea__open-popup-placeholder {
   display: flex;
 }
 
+.bio-properties-panel-textarea-container.popupOpen .bio-properties-panel-textarea__open-popup-placeholder {
+  position: absolute;
+  inset: 0;
+  justify-content: flex-start;
+}
+
 .bio-properties-panel-popup {
   --popup-background-color: hsla(0, 0%, 96%, 1);
   --popup-header-background-color: white;
@@ -1379,6 +1395,7 @@ textarea.bio-properties-panel-input {
 
 .bio-properties-panel-popup .bio-properties-panel-popup__title {
   margin-left: 8px;
+  margin-right: auto;
 }
 
 .bio-properties-panel-popup .bio-properties-panel-popup__title::first-letter {
@@ -1428,11 +1445,6 @@ textarea.bio-properties-panel-input {
   right: 8px;
 }
 
-.bio-properties-panel-feel-popup {
-  min-height: 400px;
-  width: fit-content;
-}
-
 .bio-properties-panel-feel-popup .bio-properties-panel-feel-popup__body {
   display: flex;
   margin: 0;
@@ -1492,7 +1504,8 @@ textarea.bio-properties-panel-input {
 }
 
 .bio-properties-panel-feelers-editor-container .bio-properties-panel-open-feel-popup,
-.bio-properties-panel-feel-container .bio-properties-panel-open-feel-popup {
+.bio-properties-panel-feel-container .bio-properties-panel-open-feel-popup,
+.bio-properties-panel-textarea-container .bio-properties-panel-open-feel-popup {
   position: absolute;
   top: 0;
   right: 0;
@@ -1507,20 +1520,24 @@ textarea.bio-properties-panel-input {
 }
 
 .bio-properties-panel-feelers-editor-container .bio-properties-panel-open-feel-popup svg,
-.bio-properties-panel-feel-container .bio-properties-panel-open-feel-popup svg {
+.bio-properties-panel-feel-container .bio-properties-panel-open-feel-popup svg,
+.bio-properties-panel-textarea-container .bio-properties-panel-open-feel-popup svg {
   width: 16px;
   height: 16px;
 }
 
 .bio-properties-panel-feelers-editor-container:hover .bio-properties-panel-open-feel-popup,
 .bio-properties-panel-feel-container:hover .bio-properties-panel-open-feel-popup,
+.bio-properties-panel-textarea-container:hover .bio-properties-panel-open-feel-popup,
 .bio-properties-panel-feelers-editor-container:focus-within .bio-properties-panel-open-feel-popup,
-.bio-properties-panel-feel-container:focus-within .bio-properties-panel-open-feel-popup {
+.bio-properties-panel-feel-container:focus-within .bio-properties-panel-open-feel-popup,
+.bio-properties-panel-textarea-container:focus-within .bio-properties-panel-open-feel-popup {
   display: block;
 }
 
 .bio-properties-panel-feelers-editor-container .bio-properties-panel-open-feel-popup:hover,
-.bio-properties-panel-feel-container .bio-properties-panel-open-feel-popup:hover {
+.bio-properties-panel-feel-container .bio-properties-panel-open-feel-popup:hover,
+.bio-properties-panel-textarea-container .bio-properties-panel-open-feel-popup:hover {
   color: var(--feel-open-popup-hover-color);
 }
 
@@ -1563,6 +1580,15 @@ textarea.bio-properties-panel-input {
   text-align: center;
 }
 
+.bio-properties-panel-text-popup .bio-properties-panel-input {
+  width: 100%;
+  height: 100%;
+  min-height: 100%;
+  resize: none;
+  border: none;
+  padding: 8px 12px;
+}
+
 /* Checkbox Group */
 .bio-properties-panel-checkbox-group .bio-properties-panel-checkbox-group-entries > .bio-properties-panel-entry {
   margin: 0;

package/dist/index.esm.js

@@ -4083,6 +4083,7 @@ function resizeToContents(element) {
 function TextArea(props) {
   const {
     id,
+    element,
     label,
     debounce,
     onInput: commitValue,
@@ -4095,10 +4096,21 @@ function TextArea(props) {
     autoResize = true,
     placeholder,
     rows = autoResize ? 1 : 2,
-    tooltip
+    tooltip,
+    translate = translateFallback
   } = props;
   const [localValue, setLocalValue] = useState(value);
   const ref = useShowEntryEvent(id);
+  const containerRef = useRef();
+
+  // keep a live reference to the current value so callbacks captured by the
+  // popup (frozen at open time) can compare against the latest value
+  const localValueRef = useRef(localValue);
+  localValueRef.current = localValue;
+  const {
+    eventBus
+  } = useContext(EventContext);
+  const [isPopupOpen, setIsPopupOpen] = useState(false);
   const onInput = useCallback(newValue => {
     const newModelValue = newValue === '' ? undefined : newValue;
     commitValue(newModelValue);
@@ -4110,7 +4122,6 @@ function TextArea(props) {
    */
   const handleInput = useDebounce(onInput, debounce);
   const handleLocalInput = e => {
-    autoResize && resizeToContents(e.target);
     if (e.target.value === localValue) {
       return;
     }
@@ -4155,9 +4166,40 @@ function TextArea(props) {
       handleInput.flush?.();
     }
   };
+  const handlePopupInput = newValue => {
+    if (newValue === localValueRef.current) {
+      return;
+    }
+    setLocalValue(newValue);
+    handleInput(newValue);
+  };
+  const handleOpenPopup = () => {
+    const isOpen = eventBus.fire('propertiesPanel.openPopup', {
+      element,
+      entryId: id,
+      label,
+      onInput: handlePopupInput,
+      sourceElement: ref.current,
+      value: localValue
+    });
+    if (isOpen) {
+      eventBus.once('propertiesPanelPopup.close', () => {
+        handleInput.flush?.();
+        setIsPopupOpen(false);
+      });
+    }
+    setIsPopupOpen(isOpen === true);
+  };
+  useEffect(() => {
+    return () => {
+      eventBus && eventBus.fire('propertiesPanel.closePopup');
+    };
+  }, []);
+
+  // auto-resize on any value change (typing, popup edits, external updates)
   useLayoutEffect(() => {
     autoResize && resizeToContents(ref.current);
-  }, []);
+  }, [localValue]);
   useLayoutEffect(() => {
     visible && autoResize && resizeToContents(ref.current);
   }, [visible]);
@@ -4175,25 +4217,35 @@ function TextArea(props) {
       children: jsx(TooltipWrapper, {
         value: tooltip,
         forId: id,
-        element: props.element,
+        element: element,
         children: label
       })
-    }), jsx("textarea", {
-      ref: ref,
-      id: prefixId$2(id),
-      name: id,
-      spellCheck: "false",
-      class: classnames('bio-properties-panel-input', monospace ? 'bio-properties-panel-input-monospace' : '', autoResize ? 'auto-resize' : ''),
-      onInput: handleLocalInput,
-      onFocus: onFocus,
-      onKeyDown: handleOnKeyDown,
-      onBlur: handleOnBlur,
-      onPaste: handleOnPaste,
-      placeholder: placeholder,
-      rows: rows,
-      value: localValue,
-      disabled: disabled,
-      "data-gramm": "false"
+    }), jsxs("div", {
+      class: classnames('bio-properties-panel-textarea-container', isPopupOpen ? 'popupOpen' : null),
+      ref: containerRef,
+      children: [isPopupOpen && jsx("div", {
+        class: "bio-properties-panel-textarea__open-popup-placeholder",
+        children: translate('Opened in editor')
+      }), jsx("textarea", {
+        ref: ref,
+        id: prefixId$2(id),
+        name: id,
+        spellCheck: "false",
+        class: classnames('bio-properties-panel-input', monospace ? 'bio-properties-panel-input-monospace' : '', autoResize ? 'auto-resize' : ''),
+        onInput: handleLocalInput,
+        onFocus: onFocus,
+        onKeyDown: handleOnKeyDown,
+        onBlur: handleOnBlur,
+        onPaste: handleOnPaste,
+        placeholder: placeholder,
+        rows: rows,
+        value: localValue,
+        disabled: disabled,
+        "data-gramm": "false"
+      }), eventBus && !disabled && jsx(OpenPopupButton, {
+        onClick: handleOpenPopup,
+        translate: translate
+      })]
     })]
   });
 }
@@ -4214,6 +4266,7 @@ function TextArea(props) {
  * @param {boolean} props.monospace
  * @param {Function} [props.validate]
  * @param {boolean} [props.disabled]
+ * @param {Function} [props.translate]
  */
 function TextAreaEntry(props) {
   const {
@@ -4233,7 +4286,8 @@ function TextAreaEntry(props) {
     onPaste,
     placeholder,
     autoResize,
-    tooltip
+    tooltip,
+    translate
   } = props;
   const globalError = useError(id);
   const [localError, setLocalError] = useState(null);
@@ -4274,6 +4328,7 @@ function TextAreaEntry(props) {
       placeholder: placeholder,
       autoResize: autoResize,
       tooltip: tooltip,
+      translate: translate,
       element: element
     }, element), error && jsx("div", {
       class: "bio-properties-panel-error",
@@ -4615,6 +4670,9 @@ const noop = () => {};
  * @param {Function} [props.onPostDeactivate]
  * @param {boolean} [props.returnFocus]
  * @param {boolean} [props.closeOnEscape]
+ * @param {(event: KeyboardEvent) => boolean} [props.allowFocusMove] -
+ *   Whether a Tab keypress may move focus. Return false to leave the keypress
+ *   to the focused element, e.g. an editor navigating snippet placeholders.
  * @param {string} props.title
  * @param {Ref} [ref]
  */
@@ -4630,6 +4688,7 @@ function PopupComponent(props, globalRef) {
     onPostDeactivate = noop,
     returnFocus = true,
     closeOnEscape = true,
+    allowFocusMove = () => true,
     title
   } = props;
   const focusTrapRef = useRef(null);
@@ -4679,6 +4738,8 @@ function PopupComponent(props, globalRef) {
         clickOutsideDeactivates: true,
         delayInitialFocus,
         fallbackFocus: popupRef.current,
+        isKeyForward: event => isTab(event) && !event.shiftKey && allowFocusMove(event),
+        isKeyBackward: event => isTab(event) && event.shiftKey && allowFocusMove(event),
         onPostActivate,
         onPostDeactivate,
         returnFocusOnDeactivate: returnFocus
@@ -4698,10 +4759,10 @@ function PopupComponent(props, globalRef) {
     children: props.children
   });
 }
-const Popup = forwardRef(PopupComponent);
-Popup.Title = Title;
-Popup.Body = Body;
-Popup.Footer = Footer;
+const Popup$1 = forwardRef(PopupComponent);
+Popup$1.Title = Title;
+Popup$1.Body = Body;
+Popup$1.Footer = Footer;
 function Title(props) {
   const {
     children,
@@ -4812,6 +4873,9 @@ function Footer(props) {
 
 // helpers //////////////////////
 
+function isTab(event) {
+  return event.key === 'Tab';
+}
 function getPopupParent(node) {
   return node.closest('.bio-properties-panel-popup');
 }
@@ -4839,13 +4903,13 @@ function cancel(event) {
  */
 
 const FEEL_POPUP_WIDTH = 700;
-const FEEL_POPUP_HEIGHT = 250;
+const FEEL_POPUP_HEIGHT = 400;
 
 /**
  * FEEL expression editor popup component
  * @param {FeelPopupProps} props
  */
-function FeelPopup$1(props) {
+function FeelPopup(props) {
   const {
     entryId,
     onInput,
@@ -4890,18 +4954,19 @@ function FeelPopup$1(props) {
       editorRef.current.focus();
     }
   }, [editorRef]);
-  return jsxs(Popup, {
+  return jsxs(Popup$1, {
     className: "bio-properties-panel-feel-popup",
     position: position,
     title: title,
     returnFocus: false,
     closeOnEscape: false,
     delayInitialFocus: false,
+    allowFocusMove: event => !isSnippetNavigation(event),
     onPostDeactivate: handleSetReturnFocus,
     height: FEEL_POPUP_HEIGHT,
     width: FEEL_POPUP_WIDTH,
     ref: popupRef,
-    children: [jsx(Popup.Title, {
+    children: [jsx(Popup$1.Title, {
       title: title,
       eventBus: eventBus,
       showCloseButton: true,
@@ -4919,14 +4984,13 @@ function FeelPopup$1(props) {
           }, index);
         })
       })
-    }), jsx(Popup.Body, {
+    }), jsx(Popup$1.Body, {
       children: jsxs("div", {
         onKeyDownCapture: onKeyDownCapture,
         onKeyDown: onKeyDown,
         class: "bio-properties-panel-feel-popup__body",
         children: [type === 'feel' && jsx(FeelEditor, {
           enableGutters: true,
-          id: prefixId(entryId),
           name: entryId,
           onInput: onInput,
           value: value,
@@ -4935,7 +4999,6 @@ function FeelPopup$1(props) {
           ref: editorRef,
           tooltipContainer: tooltipContainer
         }), type === 'feelers' && jsx(TemplatingEditor, {
-          id: prefixId(entryId),
           contentAttributes: {
             'aria-label': title
           },
@@ -4952,14 +5015,17 @@ function FeelPopup$1(props) {
     })]
   });
 }
-function prefixId(id) {
-  return `bio-properties-panel-${id}`;
-}
 function autoCompletionOpen(element) {
   const editor = element.closest('.cm-editor');
   return editor ? editor.querySelector('.cm-tooltip-autocomplete') : null;
 }
 
+// while a snippet is active, Tab navigates its placeholders inside the editor
+function isSnippetNavigation(event) {
+  const editor = event.target.closest('.cm-editor');
+  return !!(editor && editor.querySelector('.cm-snippetField'));
+}
+
 function getPopupTitle({
   element,
   label
@@ -4980,7 +5046,102 @@ function getPopupPosition() {
 }
 
 /**
- * FEEL popup component, built as a singleton.
+ * @typedef {Object} TextPopupProps
+ * @property {string} entryId
+ * @property {Function} onInput
+ * @property {Function} onClose
+ * @property {string} title
+ * @property {string} value
+ * @property {Object} [position]
+ * @property {HTMLElement} [sourceElement]
+ * @property {Object} [eventBus]
+ */
+
+const TEXT_POPUP_WIDTH = 700;
+const TEXT_POPUP_HEIGHT = 400;
+
+/**
+ * Plain text editor popup component.
+ *
+ * Intentionally kept separate from the FEEL popup: the two are expected to
+ * diverge as we add FEEL-specific capabilities that do not apply to plain text.
+ *
+ * @param {TextPopupProps} props
+ */
+function TextPopup(props) {
+  const {
+    entryId,
+    onInput,
+    onClose,
+    title,
+    value,
+    position,
+    sourceElement,
+    eventBus
+  } = props;
+  const editorRef = useRef();
+  const popupRef = useRef();
+  const handleSetReturnFocus = () => {
+    sourceElement && sourceElement.focus();
+  };
+  useEffect(() => {
+    // set focus on editor when popup is opened
+    if (editorRef.current) {
+      editorRef.current.focus();
+    }
+  }, [editorRef]);
+  return jsxs(Popup$1, {
+    className: "bio-properties-panel-text-popup",
+    position: position,
+    title: title,
+    returnFocus: false,
+    closeOnEscape: true,
+    delayInitialFocus: false,
+    onClose: onClose,
+    onPostDeactivate: handleSetReturnFocus,
+    height: TEXT_POPUP_HEIGHT,
+    width: TEXT_POPUP_WIDTH,
+    ref: popupRef,
+    children: [jsx(Popup$1.Title, {
+      title: title,
+      eventBus: eventBus,
+      showCloseButton: true,
+      closeButtonTooltip: "Save and close",
+      onClose: onClose,
+      draggable: true
+    }), jsx(Popup$1.Body, {
+      children: jsx("textarea", {
+        id: prefixId(entryId),
+        name: entryId,
+        class: "bio-properties-panel-input",
+        ref: editorRef,
+        onInput: e => onInput(e.target.value),
+        value: value || '',
+        spellCheck: "false",
+        autoComplete: "off",
+        "aria-label": title,
+        "data-gramm": "false"
+      })
+    })]
+  });
+}
+
+// The in-panel field stays mounted (hidden) while the popup is open, so we
+// scope the popup editor id to keep it unique in the DOM.
+function prefixId(id) {
+  return `bio-properties-panel-popup-${id}`;
+}
+
+const DEFAULT_POPUP_TYPE = 'text';
+
+// consumers registering via #registerProvider default to DEFAULT_PRIORITY,
+// so their providers take precedence over the LOW_PRIORITY built-ins.
+const DEFAULT_PRIORITY = 1000;
+const LOW_PRIORITY = 500;
+
+/**
+ * Popup manager, built as a singleton. Renders the registered provider for a
+ * given popup type; consumers may plug in their own via #registerProvider.
  *
  * In order to implement a custom replacement, handle the following events:
  * - `propertiesPanel.openPopup`
@@ -4993,16 +5154,19 @@ function getPopupPosition() {
  *  - `feelPopup.close` - fired before the popup is unmounted. Event context contains the DOM node of the popup as `domNode`
  *  - `feelPopup.closed` - fired after the popup is unmounted
  */
-class FeelPopup {
+class Popup {
   constructor(eventBus, config = {}) {
     this._eventBus = eventBus;
     this._config = config;
     this._isOpen = false;
-    eventBus.on('propertiesPanel.openPopup', (_, context) => {
-      this.open(context.entryId, context, context.sourceElement);
 
-      // return true to indicate that popup was opened
-      return true;
+    // built-in providers, registered at LOW_PRIORITY so consumers can
+    // override them via #registerProvider using the default priority
+    this.registerProvider('feel', LOW_PRIORITY, FeelPopup);
+    this.registerProvider('feelers', LOW_PRIORITY, FeelPopup);
+    this.registerProvider('text', LOW_PRIORITY, TextPopup);
+    eventBus.on('propertiesPanel.openPopup', (_, context) => {
+      return this.open(context.entryId, context, context.sourceElement);
     });
     eventBus.on(['propertiesPanel.closePopup', 'propertiesPanel.detach'], () => {
       this.close();
@@ -5010,7 +5174,43 @@ class FeelPopup {
   }
 
   /**
-   * Check if the FEEL popup is open.
+   * Register a popup provider (component) for a given type.
+   *
+   * A higher `priority` wins when multiple providers are registered for the
+   * same type; the built-in providers use a low priority so consumers override
+   * them by default.
+   *
+   * @param {string} type
+   * @param {number} [priority=DEFAULT_PRIORITY]
+   * @param {Function|import('preact').Component} provider
+   */
+  registerProvider(type, priority, provider) {
+    if (!provider) {
+      provider = priority;
+      priority = DEFAULT_PRIORITY;
+    }
+    this._eventBus.on('propertiesPanelPopup.getProviders.' + type, priority, function (event) {
+      event.providers.push(provider);
+    });
+  }
+
+  /**
+   * Get the popup providers registered for a type.
+   *
+   * @param {string} type
+   * @return {Array<Function|import('preact').Component>}
+   */
+  _getProviders(type) {
+    const event = this._eventBus.createEvent({
+      type: 'propertiesPanelPopup.getProviders.' + type,
+      providers: []
+    });
+    this._eventBus.fire(event);
+    return event.providers;
+  }
+
+  /**
+   * Check if the popup is open.
    * @return {Boolean}
    */
   isOpen() {
@@ -5018,7 +5218,7 @@ class FeelPopup {
   }
 
   /**
-   * Open the FEEL popup.
+   * Open the popup.
    *
    * @param {String} entryId
    * @param {Object} popupConfig
@@ -5027,7 +5227,7 @@ class FeelPopup {
   open(entryId, popupConfig, sourceElement) {
     // close before opening a new one
     this.close();
-    this._openPopup({
+    return this._openPopup({
       ...popupConfig,
       entryId,
       sourceElement
@@ -5035,7 +5235,7 @@ class FeelPopup {
   }
 
   /**
-   * Close the FEEL popup.
+   * Close the popup.
    */
   close() {
     this._closePopup();
@@ -5045,13 +5245,18 @@ class FeelPopup {
       element,
       label,
       sourceElement,
-      type
+      type = DEFAULT_POPUP_TYPE
     } = context;
+    const component = this._getProviders(type)[0];
+    if (!component) {
+      return false;
+    }
     this._isOpen = true;
     this._eventBus.fire('propertiesPanelPopup.open', {
       container: this._config.feelPopupContainer,
       config: {
         ...context,
+        component,
         links: this._config.getFeelPopupLinks?.(type) || [],
         onClose: () => {
           this._closePopup();
@@ -5068,6 +5273,7 @@ class FeelPopup {
         })
       }
     });
+    return true;
   }
   _closePopup() {
     if (this._isOpen) {
@@ -5076,9 +5282,9 @@ class FeelPopup {
     }
   }
 }
-FeelPopup.$inject = ['eventBus', 'config.propertiesPanel'];
+Popup.$inject = ['eventBus', 'config.propertiesPanel'];
 
-class FeelPopupRenderer {
+class PopupRenderer {
   constructor(eventBus) {
     this._eventBus = eventBus;
     this._container = null;
@@ -5104,7 +5310,8 @@ class FeelPopupRenderer {
     // a custom renderer would have to use that context provider as well to have
     // access to the event bus and other services
     this._emit('feelPopup.open');
-    render(jsx(FeelPopup$1, {
+    const Component = config.component;
+    render(jsx(Component, {
       ...config,
       eventBus: this._eventBus
     }), element);
@@ -5128,7 +5335,7 @@ class FeelPopupRenderer {
     this._eventBus.fire(event, context);
   }
 }
-FeelPopupRenderer.$inject = ['eventBus'];
+PopupRenderer.$inject = ['eventBus'];
 
 // helpers /////////////////
 
@@ -5146,8 +5353,8 @@ function getContainer(container) {
 
 var index = {
   __init__: ['feelPopup', 'feelPopupRenderer'],
-  feelPopup: ['type', FeelPopup],
-  feelPopupRenderer: ['type', FeelPopupRenderer]
+  feelPopup: ['type', Popup],
+  feelPopupRenderer: ['type', PopupRenderer]
 };
 
 export { Arrow as ArrowIcon, CheckboxEntry, CheckboxGroup, Close as CloseIcon, CollapsibleEntry, Create as CreateIcon, index$1 as DebounceInputModule, Delete as DeleteIcon, DescriptionContext, Description as DescriptionEntry, Drag as DragIcon, DropdownButton, ErrorsContext, EventContext, ExternalLink as ExternalLinkIcon, FeelCheckboxEntry, FeelEntry, Feel as FeelIcon, FeelLanguageContext, FeelNumberEntry, index as FeelPopupModule, FeelTemplatingEntry, FeelTextAreaEntry, FeelToggleSwitchEntry, Group, Header, HeaderButton, JsonEditorEntry, Launch as LaunchIcon, LayoutContext, List as ListEntry, ListGroup, ListItem, NumberFieldEntry, OpenPopup as OpenPopupIcon, Placeholder, PropertiesPanel, LayoutContext as PropertiesPanelContext, SelectEntry, Simple as SimpleEntry, TemplatingEntry, TextAreaEntry, TextfieldEntry as TextFieldEntry, ToggleSwitchEntry, TooltipContext, TooltipWrapper as TooltipEntry, isEdited$9 as isCheckboxEntryEdited, isEdited$5 as isFeelEntryEdited, isEdited$8 as isJsonEditorEntryEdited, 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 };