@bpmn-io/properties-panel 3.0.0 → 3.2.0

package/dist/index.js

@@ -6,9 +6,9 @@ var hooks = require('../preact/hooks');
 var minDash = require('min-dash');
 var compat = require('../preact/compat');
 var jsxRuntime = require('../preact/jsx-runtime');
+var preact = require('../preact');
 var classnames = require('classnames');
 var minDom = require('min-dom');
-var preact = require('../preact');
 var feelers = require('feelers');
 var FeelEditor = require('@bpmn-io/feel-editor');
 
@@ -175,6 +175,162 @@ const LayoutContext = preact.createContext({
   setLayoutForKey: () => {}
 });
 
+const TooltipContext = preact.createContext({
+  tooltip: {},
+  getTooltipForId: () => {}
+});
+
+/**
+ * Accesses the global TooltipContext and returns a tooltip for a given id and element.
+ *
+ * @example
+ * ```jsx
+ * function TextField(props) {
+ *   const tooltip = useTooltipContext('input1', element);
+ * }
+ * ```
+ *
+ * @param {string} id
+ * @param {object} element
+ *
+ * @returns {string}
+ */
+function useTooltipContext(id, element) {
+  const {
+    getTooltipForId
+  } = hooks.useContext(TooltipContext);
+  return getTooltipForId(id, element);
+}
+
+function TooltipWrapper(props) {
+  const {
+    forId,
+    element
+  } = props;
+  const contextDescription = useTooltipContext(forId, element);
+  const value = props.value || contextDescription;
+  if (!value) {
+    return props.children;
+  }
+  return jsxRuntime.jsx(Tooltip, {
+    ...props,
+    value: value,
+    forId: prefixId$8(forId)
+  });
+}
+function Tooltip(props) {
+  const {
+    forId,
+    value
+  } = props;
+  const [visible, setShow] = compat.useState(false);
+  let timeout = null;
+  const wrapperRef = hooks.useRef(null);
+  const tooltipRef = hooks.useRef(null);
+  const showTooltip = async event => {
+    const show = () => !visible && setShow(true);
+    if (event instanceof MouseEvent) {
+      timeout = setTimeout(show, 200);
+    } else {
+      show();
+    }
+  };
+  const hideTooltip = () => setShow(false);
+  const hideTooltipViaEscape = e => {
+    e.code === 'Escape' && hideTooltip();
+  };
+  const isTooltipHovered = ({
+    x,
+    y
+  }) => {
+    const tooltip = tooltipRef.current;
+    const wrapper = wrapperRef.current;
+    return tooltip && (inBounds(x, y, wrapper.getBoundingClientRect()) || inBounds(x, y, tooltip.getBoundingClientRect()));
+  };
+  compat.useEffect(() => {
+    const {
+      current
+    } = wrapperRef;
+    if (!current) {
+      return;
+    }
+    const hideHoveredTooltip = e => {
+      const isFocused = document.activeElement === wrapperRef.current || document.activeElement.closest('.bio-properties-panel-tooltip');
+      if (visible && !isTooltipHovered({
+        x: e.x,
+        y: e.y
+      }) && !isFocused) {
+        hideTooltip();
+      }
+    };
+    const hideFocusedTooltip = e => {
+      const {
+        relatedTarget
+      } = e;
+      const isTooltipChild = el => el && !!el.closest('.bio-properties-panel-tooltip');
+      if (visible && !isHovered(wrapperRef.current) && !isTooltipChild(relatedTarget)) {
+        hideTooltip();
+      }
+    };
+    document.addEventListener('focusout', hideFocusedTooltip);
+    document.addEventListener('mousemove', hideHoveredTooltip);
+    return () => {
+      document.removeEventListener('mousemove', hideHoveredTooltip);
+      document.removeEventListener('focusout', hideFocusedTooltip);
+    };
+  }, [wrapperRef.current, visible]);
+  return jsxRuntime.jsxs("div", {
+    class: "bio-properties-panel-tooltip-wrapper",
+    tabIndex: "0",
+    ref: wrapperRef,
+    onMouseEnter: showTooltip,
+    onMouseLeave: () => clearTimeout(timeout),
+    onFocus: showTooltip,
+    onKeyDown: hideTooltipViaEscape,
+    onMouseDown: e => {
+      e.preventDefault();
+    },
+    children: [props.children, visible ? jsxRuntime.jsxs("div", {
+      class: "bio-properties-panel-tooltip",
+      role: "tooltip",
+      id: "bio-properties-panel-tooltip",
+      "aria-labelledby": forId,
+      style: getTooltipPosition(wrapperRef.current),
+      ref: tooltipRef,
+      onClick: e => e.stopPropagation(),
+      children: [jsxRuntime.jsx("div", {
+        class: "bio-properties-panel-tooltip-content",
+        children: value
+      }), jsxRuntime.jsx("div", {
+        class: "bio-properties-panel-tooltip-arrow"
+      })]
+    }) : null]
+  });
+}
+
+// helper
+function inBounds(x, y, bounds) {
+  const {
+    top,
+    right,
+    bottom,
+    left
+  } = bounds;
+  return x >= left && x <= right && y >= top && y <= bottom;
+}
+function getTooltipPosition(refElement) {
+  const refPosition = refElement.getBoundingClientRect();
+  const right = `calc(100% - ${refPosition.x}px)`;
+  const top = `${refPosition.top - 10}px`;
+  return `right: ${right}; top: ${top};`;
+}
+function isHovered(element) {
+  return element.matches(':hover');
+}
+function prefixId$8(id) {
+  return `bio-properties-panel-${id}`;
+}
+
 /**
  * Accesses the global DescriptionContext and returns a description for a given id and element.
  *
@@ -203,6 +359,12 @@ function useError(id) {
   } = hooks.useContext(ErrorsContext);
   return errors[id];
 }
+function useErrors() {
+  const {
+    errors
+  } = hooks.useContext(ErrorsContext);
+  return errors;
+}
 
 /**
  * Subscribe to an event immediately. Update subscription after inputs changed.
@@ -469,6 +631,10 @@ function Group(props) {
     setEdited(hasOneEditedEntry);
   }, [entries]);
 
+  // set error state depending on all entries
+  const allErrors = useErrors();
+  const hasErrors = entries.some(entry => allErrors[entry.id]);
+
   // set css class when group is sticky to top
   useStickyIntersectionObserver(groupRef, 'div.bio-properties-panel-scroll-container', setSticky);
   const propertiesPanelContext = {
@@ -485,10 +651,18 @@ function Group(props) {
       children: [jsxRuntime.jsx("div", {
         title: label,
         class: "bio-properties-panel-group-header-title",
-        children: label
+        children: jsxRuntime.jsx(TooltipWrapper, {
+          value: props.tooltip,
+          forId: 'group-' + id,
+          element: element,
+          children: label
+        })
       }), jsxRuntime.jsxs("div", {
         class: "bio-properties-panel-group-header-buttons",
-        children: [edited && jsxRuntime.jsx(DataMarker, {}), jsxRuntime.jsx("button", {
+        children: [jsxRuntime.jsx(DataMarker, {
+          edited: edited,
+          hasErrors: hasErrors
+        }), jsxRuntime.jsx("button", {
           title: "Toggle section",
           class: "bio-properties-panel-group-header-button bio-properties-panel-arrow",
           children: jsxRuntime.jsx(ArrowIcon, {
@@ -515,11 +689,24 @@ function Group(props) {
     })]
   });
 }
-function DataMarker() {
-  return jsxRuntime.jsx("div", {
-    title: "Section contains data",
-    class: "bio-properties-panel-dot"
-  });
+function DataMarker(props) {
+  const {
+    edited,
+    hasErrors
+  } = props;
+  if (hasErrors) {
+    return jsxRuntime.jsx("div", {
+      title: "Section contains an error",
+      class: "bio-properties-panel-dot bio-properties-panel-dot--error"
+    });
+  }
+  if (edited) {
+    return jsxRuntime.jsx("div", {
+      title: "Section contains data",
+      class: "bio-properties-panel-dot"
+    });
+  }
+  return null;
 }
 
 /**
@@ -551,6 +738,7 @@ function Placeholder(props) {
 
 const DEFAULT_LAYOUT = {};
 const DEFAULT_DESCRIPTION = {};
+const DEFAULT_TOOLTIP = {};
 
 /**
  * @typedef { {
@@ -591,12 +779,22 @@ const DEFAULT_DESCRIPTION = {};
  *    [id: String]: GetDescriptionFunction
  * } } DescriptionConfig
  *
+ *  @typedef { {
+ *    [id: String]: GetTooltipFunction
+ * } } TooltipConfig
+ *
  * @callback { {
  * @param {string} id
  * @param {Object} element
  * @returns {string}
  * } } GetDescriptionFunction
  *
+ * @callback { {
+ * @param {string} id
+ * @param {Object} element
+ * @returns {string}
+ * } } GetTooltipFunction
+ *
  * @typedef { {
  *  getEmpty: (element: object) => import('./components/Placeholder').PlaceholderDefinition,
  *  getMultiple: (element: Object) => import('./components/Placeholder').PlaceholderDefinition
@@ -617,6 +815,8 @@ const DEFAULT_DESCRIPTION = {};
  * @param {Function} [props.layoutChanged]
  * @param {DescriptionConfig} [props.descriptionConfig]
  * @param {Function} [props.descriptionLoaded]
+ * @param {TooltipConfig} [props.tooltipConfig]
+ * @param {Function} [props.tooltipLoaded]
  * @param {Object} [props.eventBus]
  */
 function PropertiesPanel(props) {
@@ -629,6 +829,8 @@ function PropertiesPanel(props) {
     layoutChanged,
     descriptionConfig,
     descriptionLoaded,
+    tooltipConfig,
+    tooltipLoaded,
     eventBus
   } = props;
 
@@ -674,6 +876,21 @@ function PropertiesPanel(props) {
     description,
     getDescriptionForId
   };
+
+  // set-up tooltip context
+  const tooltip = hooks.useMemo(() => createTooltipContext(tooltipConfig), [tooltipConfig]);
+  hooks.useEffect(() => {
+    if (typeof tooltipLoaded === 'function') {
+      tooltipLoaded(tooltip);
+    }
+  }, [tooltip, tooltipLoaded]);
+  const getTooltipForId = (id, element) => {
+    return tooltip[id] && tooltip[id](element);
+  };
+  const tooltipContext = {
+    tooltip,
+    getTooltipForId
+  };
   const [errors, setErrors] = hooks.useState({});
   const onSetErrors = ({
     errors
@@ -708,29 +925,32 @@ function PropertiesPanel(props) {
       value: errorsContext,
       children: jsxRuntime.jsx(DescriptionContext.Provider, {
         value: descriptionContext,
-        children: jsxRuntime.jsx(LayoutContext.Provider, {
-          value: layoutContext,
-          children: jsxRuntime.jsx(EventContext.Provider, {
-            value: eventContext,
-            children: jsxRuntime.jsxs("div", {
-              class: "bio-properties-panel",
-              children: [jsxRuntime.jsx(Header, {
-                element: element,
-                headerProvider: headerProvider
-              }), jsxRuntime.jsx("div", {
-                class: "bio-properties-panel-scroll-container",
-                children: groups.map(group => {
-                  const {
-                    component: Component = Group,
-                    id
-                  } = group;
-                  return preact.createElement(Component, {
-                    ...group,
-                    key: id,
-                    element: element
-                  });
-                })
-              })]
+        children: jsxRuntime.jsx(TooltipContext.Provider, {
+          value: tooltipContext,
+          children: jsxRuntime.jsx(LayoutContext.Provider, {
+            value: layoutContext,
+            children: jsxRuntime.jsx(EventContext.Provider, {
+              value: eventContext,
+              children: jsxRuntime.jsxs("div", {
+                class: "bio-properties-panel",
+                children: [jsxRuntime.jsx(Header, {
+                  element: element,
+                  headerProvider: headerProvider
+                }), jsxRuntime.jsx("div", {
+                  class: "bio-properties-panel-scroll-container",
+                  children: groups.map(group => {
+                    const {
+                      component: Component = Group,
+                      id
+                    } = group;
+                    return preact.createElement(Component, {
+                      ...group,
+                      key: id,
+                      element: element
+                    });
+                  })
+                })]
+              })
             })
           })
         })
@@ -753,6 +973,12 @@ function createDescriptionContext(overrides = {}) {
     ...overrides
   };
 }
+function createTooltipContext(overrides = {}) {
+  return {
+    ...DEFAULT_TOOLTIP,
+    ...overrides
+  };
+}
 
 // hooks //////////////////
 
@@ -1087,6 +1313,18 @@ function ListGroup(props) {
     setAddTriggered(true);
     add(e);
   };
+  const allErrors = useErrors();
+  const hasError = items.some(item => {
+    if (allErrors[item.id]) {
+      return true;
+    }
+    if (!item.entries) {
+      return;
+    }
+
+    // also check if the error is nested, e.g. for name-value entries
+    return item.entries.some(entry => allErrors[entry.id]);
+  });
   return jsxRuntime.jsxs("div", {
     class: "bio-properties-panel-group",
     "data-group-id": 'group-' + id,
@@ -1097,7 +1335,12 @@ function ListGroup(props) {
       children: [jsxRuntime.jsx("div", {
         title: label,
         class: "bio-properties-panel-group-header-title",
-        children: label
+        children: jsxRuntime.jsx(TooltipWrapper, {
+          value: props.tooltip,
+          forId: 'group-' + id,
+          element: element,
+          children: label
+        })
       }), jsxRuntime.jsxs("div", {
         class: "bio-properties-panel-group-header-buttons",
         children: [add ? jsxRuntime.jsxs("button", {
@@ -1110,7 +1353,7 @@ function ListGroup(props) {
           }) : null]
         }) : null, hasItems ? jsxRuntime.jsx("div", {
           title: `List contains ${items.length} item${items.length != 1 ? 's' : ''}`,
-          class: "bio-properties-panel-list-badge",
+          class: classnames__default["default"]('bio-properties-panel-list-badge', hasError ? 'bio-properties-panel-list-badge--error' : ''),
           children: items.length
         }) : null, hasItems ? jsxRuntime.jsx("button", {
           title: "Toggle section",
@@ -1188,7 +1431,8 @@ function Checkbox(props) {
     disabled,
     value = false,
     onFocus,
-    onBlur
+    onBlur,
+    tooltip
   } = props;
   const [localValue, setLocalValue] = hooks.useState(value);
   const handleChangeCallback = ({
@@ -1223,7 +1467,12 @@ function Checkbox(props) {
     }), jsxRuntime.jsx("label", {
       for: prefixId$7(id),
       class: "bio-properties-panel-label",
-      children: label
+      children: jsxRuntime.jsx(TooltipWrapper, {
+        value: tooltip,
+        forId: id,
+        element: props.element,
+        children: label
+      })
     })]
   });
 }
@@ -1238,6 +1487,7 @@ function Checkbox(props) {
  * @param {Function} props.setValue
  * @param {Function} props.onFocus
  * @param {Function} props.onBlur
+ * @param {string|import('preact').Component} props.tooltip
  * @param {boolean} [props.disabled]
  */
 function CheckboxEntry(props) {
@@ -1250,7 +1500,8 @@ function CheckboxEntry(props) {
     setValue,
     disabled,
     onFocus,
-    onBlur
+    onBlur,
+    tooltip
   } = props;
   const value = getValue(element);
   const error = useError(id);
@@ -1264,7 +1515,9 @@ function CheckboxEntry(props) {
       onChange: setValue,
       onFocus: onFocus,
       onBlur: onBlur,
-      value: value
+      value: value,
+      tooltip: tooltip,
+      element: element
     }, element), error && jsxRuntime.jsx("div", {
       class: "bio-properties-panel-error",
       children: error
@@ -1526,7 +1779,8 @@ function ToggleSwitch(props) {
     inline,
     onFocus,
     onBlur,
-    inputRef
+    inputRef,
+    tooltip
   } = props;
   const [localValue, setLocalValue] = hooks.useState(value);
   const handleInputCallback = async () => {
@@ -1549,7 +1803,12 @@ function ToggleSwitch(props) {
     children: [jsxRuntime.jsx("label", {
       class: "bio-properties-panel-label",
       for: prefixId$6(id),
-      children: label
+      children: jsxRuntime.jsx(TooltipWrapper, {
+        value: tooltip,
+        forId: id,
+        element: props.element,
+        children: label
+      })
     }), jsxRuntime.jsxs("div", {
       class: "bio-properties-panel-field-wrapper",
       children: [jsxRuntime.jsxs("label", {
@@ -1587,6 +1846,7 @@ function ToggleSwitch(props) {
  * @param {Function} props.setValue
  * @param {Function} props.onFocus
  * @param {Function} props.onBlur
+ * @param {string|import('preact').Component} props.tooltip
  */
 function ToggleSwitchEntry(props) {
   const {
@@ -1599,7 +1859,8 @@ function ToggleSwitchEntry(props) {
     getValue,
     setValue,
     onFocus,
-    onBlur
+    onBlur,
+    tooltip
   } = props;
   const value = getValue(element);
   return jsxRuntime.jsxs("div", {
@@ -1613,7 +1874,9 @@ function ToggleSwitchEntry(props) {
       onFocus: onFocus,
       onBlur: onBlur,
       switcherLabel: switcherLabel,
-      inline: inline
+      inline: inline,
+      tooltip: tooltip,
+      element: element
     }), jsxRuntime.jsx(Description, {
       forId: id,
       element: element,
@@ -1795,7 +2058,8 @@ function FeelTextfield(props) {
     disabled = false,
     variables,
     tooltipContainer,
-    OptionalComponent = OptionalFeelInput
+    OptionalComponent = OptionalFeelInput,
+    tooltip
   } = props;
   const [localValue, _setLocalValue] = hooks.useState(value);
   const editorRef = useShowEntryEvent(id);
@@ -1911,7 +2175,12 @@ function FeelTextfield(props) {
       for: prefixId$4(id),
       class: "bio-properties-panel-label",
       onClick: () => setFocus(),
-      children: [label, jsxRuntime.jsx(FeelIcon, {
+      children: [jsxRuntime.jsx(TooltipWrapper, {
+        value: tooltip,
+        forId: id,
+        element: props.element,
+        children: label
+      }), jsxRuntime.jsx(FeelIcon, {
         label: label,
         feel: feel,
         onClick: handleFeelToggle,
@@ -2171,6 +2440,7 @@ const OptionalFeelCheckbox = compat.forwardRef((props, ref) => {
  * @param {Function} props.variables
  * @param {Function} props.onFocus
  * @param {Function} props.onBlur
+ * @param {string|import('preact').Component} props.tooltip
  */
 function FeelEntry(props) {
   const {
@@ -2191,7 +2461,8 @@ function FeelEntry(props) {
     example,
     variables,
     onFocus,
-    onBlur
+    onBlur,
+    tooltip
   } = props;
   const [validationError, setValidationError] = hooks.useState(null);
   const [localError, setLocalError] = hooks.useState(null);
@@ -2241,7 +2512,8 @@ function FeelEntry(props) {
       value: value,
       variables: variables,
       tooltipContainer: tooltipContainer,
-      OptionalComponent: props.OptionalComponent
+      OptionalComponent: props.OptionalComponent,
+      tooltip: tooltip
     }), error && jsxRuntime.jsx("div", {
       class: "bio-properties-panel-error",
       children: error
@@ -2765,7 +3037,8 @@ function Select(props) {
     value = '',
     disabled,
     onFocus,
-    onBlur
+    onBlur,
+    tooltip
   } = props;
   const ref = useShowEntryEvent(id);
   const [localValue, setLocalValue] = hooks.useState(value);
@@ -2789,7 +3062,12 @@ function Select(props) {
     children: [jsxRuntime.jsx("label", {
       for: prefixId$3(id),
       class: "bio-properties-panel-label",
-      children: label
+      children: jsxRuntime.jsx(TooltipWrapper, {
+        value: tooltip,
+        forId: id,
+        element: props.element,
+        children: label
+      })
     }), jsxRuntime.jsx("select", {
       ref: ref,
       id: prefixId$3(id),
@@ -2834,6 +3112,7 @@ function Select(props) {
  * @param {Function} props.getOptions
  * @param {boolean} [props.disabled]
  * @param {Function} [props.validate]
+ * @param {string|import('preact').Component} props.tooltip
  */
 function SelectEntry(props) {
   const {
@@ -2847,7 +3126,8 @@ function SelectEntry(props) {
     disabled,
     onFocus,
     onBlur,
-    validate
+    validate,
+    tooltip
   } = props;
   const options = getOptions(element);
   const globalError = useError(id);
@@ -2879,7 +3159,9 @@ function SelectEntry(props) {
       onFocus: onFocus,
       onBlur: onBlur,
       options: options,
-      disabled: disabled
+      disabled: disabled,
+      tooltip: tooltip,
+      element: element
     }, element), error && jsxRuntime.jsx("div", {
       class: "bio-properties-panel-error",
       children: error
@@ -2975,7 +3257,8 @@ function TextArea(props) {
     onFocus,
     onBlur,
     autoResize,
-    rows = autoResize ? 1 : 2
+    rows = autoResize ? 1 : 2,
+    tooltip
   } = props;
   const [localValue, setLocalValue] = hooks.useState(value);
   const ref = useShowEntryEvent(id);
@@ -3003,7 +3286,12 @@ function TextArea(props) {
     children: [jsxRuntime.jsx("label", {
       for: prefixId$1(id),
       class: "bio-properties-panel-label",
-      children: label
+      children: jsxRuntime.jsx(TooltipWrapper, {
+        value: tooltip,
+        forId: id,
+        element: props.element,
+        children: label
+      })
     }), jsxRuntime.jsx("textarea", {
       ref: ref,
       id: prefixId$1(id),
@@ -3052,7 +3340,8 @@ function TextAreaEntry(props) {
     validate,
     onFocus,
     onBlur,
-    autoResize
+    autoResize,
+    tooltip
   } = props;
   const globalError = useError(id);
   const [localError, setLocalError] = hooks.useState(null);
@@ -3086,7 +3375,9 @@ function TextAreaEntry(props) {
       debounce: debounce,
       monospace: monospace,
       disabled: disabled,
-      autoResize: autoResize
+      autoResize: autoResize,
+      tooltip: tooltip,
+      element: element
     }, element), error && jsxRuntime.jsx("div", {
       class: "bio-properties-panel-error",
       children: error
@@ -3116,7 +3407,8 @@ function Textfield(props) {
     onInput,
     onFocus,
     onBlur,
-    value = ''
+    value = '',
+    tooltip
   } = props;
   const [localValue, setLocalValue] = hooks.useState(value || '');
   const ref = useShowEntryEvent(id);
@@ -3140,7 +3432,12 @@ function Textfield(props) {
     children: [jsxRuntime.jsx("label", {
       for: prefixId(id),
       class: "bio-properties-panel-label",
-      children: label
+      children: jsxRuntime.jsx(TooltipWrapper, {
+        value: tooltip,
+        forId: id,
+        element: props.element,
+        children: label
+      })
     }), jsxRuntime.jsx("input", {
       ref: ref,
       id: prefixId(id),
@@ -3170,6 +3467,7 @@ function Textfield(props) {
  * @param {Function} props.setValue
  * @param {Function} props.onFocus
  * @param {Function} props.onBlur
+ * @param {string|import('preact').Component} props.tooltip
  * @param {Function} props.validate
  */
 function TextfieldEntry(props) {
@@ -3184,7 +3482,8 @@ function TextfieldEntry(props) {
     setValue,
     validate,
     onFocus,
-    onBlur
+    onBlur,
+    tooltip
   } = props;
   const globalError = useError(id);
   const [localError, setLocalError] = hooks.useState(null);
@@ -3215,7 +3514,9 @@ function TextfieldEntry(props) {
       onInput: onInput,
       onFocus: onFocus,
       onBlur: onBlur,
-      value: value
+      value: value,
+      tooltip: tooltip,
+      element: element
     }, element), error && jsxRuntime.jsx("div", {
       class: "bio-properties-panel-error",
       children: error
@@ -3289,6 +3590,7 @@ exports.TemplatingEntry = TemplatingEntry;
 exports.TextAreaEntry = TextAreaEntry;
 exports.TextFieldEntry = TextfieldEntry;
 exports.ToggleSwitchEntry = ToggleSwitchEntry;
+exports.TooltipContext = TooltipContext;
 exports.isCheckboxEntryEdited = isEdited$8;
 exports.isFeelEntryEdited = isEdited$5;
 exports.isNumberFieldEntryEdited = isEdited$6;
@@ -3300,6 +3602,7 @@ exports.isTextFieldEntryEdited = isEdited;
 exports.isToggleSwitchEntryEdited = isEdited$7;
 exports.useDescriptionContext = useDescriptionContext;
 exports.useError = useError;
+exports.useErrors = useErrors;
 exports.useEvent = useEvent;
 exports.useKeyFactory = useKeyFactory;
 exports.useLayoutState = useLayoutState;
@@ -3307,4 +3610,5 @@ exports.usePrevious = usePrevious;
 exports.useShowEntryEvent = useShowEntryEvent;
 exports.useStaticCallback = useStaticCallback;
 exports.useStickyIntersectionObserver = useStickyIntersectionObserver;
+exports.useTooltipContext = useTooltipContext;
 //# sourceMappingURL=index.js.map