@react-hive/honey-layout 17.4.0 → 17.5.0

package/dist/index.dev.cjs

@@ -4829,9 +4829,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/.pnpm/@react-hive+honey-utils@4.0.0/node_modules/@react-hive/honey-utils/dist/index.mjs");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.ts");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../helpers */ "./src/helpers/index.ts");
-/* harmony import */ var _HoneyFlex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./HoneyFlex */ "./src/components/HoneyFlex/index.ts");
+/* harmony import */ var _react_hive_honey_hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @react-hive/honey-hooks */ "./node_modules/.pnpm/@react-hive+honey-hooks@3.1.0_react@19.2.7/node_modules/@react-hive/honey-hooks/dist/index.mjs");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.ts");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../helpers */ "./src/helpers/index.ts");
+/* harmony import */ var _HoneyFlex__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./HoneyFlex */ "./src/components/HoneyFlex/index.ts");
+
 
 
 
@@ -4841,9 +4843,14 @@ __webpack_require__.r(__webpack_exports__);
 /**
  * A reusable overlay component integrated with the `HoneyLayoutProvider` system.
  *
- * Automatically registers/unregisters itself with the layout system and handles key events.
+ * The component registers itself with the overlay system when active, provides
+ * overlay context to render-function children, and disables interaction with its
+ * content when inactive by applying the `inert` attribute.
+ *
+ * By default, releasing the Escape key deactivates the overlay. Custom key handling
+ * can be provided through `onKeyUp`.
  *
- * @param props - Component configuration.
+ * @param props - Overlay component props.
  *
  * @example
  * ```tsx
@@ -4859,21 +4866,42 @@ __webpack_require__.r(__webpack_exports__);
  *   )}
  * </HoneyOverlay>
  * ```
+ *
+ * @example
+ * ```tsx
+ * <HoneyOverlay
+ *   active={isOpen}
+ *   onDeactivate={() => setIsOpen(false)}
+ *   onKeyUp={(keyCode) => {
+ *     if (keyCode === 'Escape') {
+ *       setIsOpen(false);
+ *     }
+ *   }}
+ * >
+ *   Overlay content
+ * </HoneyOverlay>
+ * ```
  */
-const HoneyOverlay = ({ ref, children, active, overlayId, onDeactivate, ...props }) => {
-    const overlay = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useRegisterHoneyOverlay)(active, {
+const HoneyOverlay = ({ ref, children, active, overlayId, onDeactivate, onKeyUp, ...props }) => {
+    const onKeyUpRef = (0,_react_hive_honey_hooks__WEBPACK_IMPORTED_MODULE_3__.useHoneyLatest)(onKeyUp);
+    const onDeactivateRef = (0,_react_hive_honey_hooks__WEBPACK_IMPORTED_MODULE_3__.useHoneyLatest)(onDeactivate);
+    const handleKeyUp = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)((keyCode, ...args) => {
+        if (onKeyUpRef.current) {
+            onKeyUpRef.current(keyCode, ...args);
+        }
+        else if (keyCode === 'Escape') {
+            onDeactivateRef.current();
+        }
+    }, []);
+    const overlay = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useRegisterHoneyOverlay)(active, {
         id: overlayId,
-        onKeyUp: (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(keyCode => {
-            if (keyCode === 'Escape') {
-                onDeactivate();
-            }
-        }, [onDeactivate]),
+        onKeyUp: handleKeyUp,
     });
-    const mergedRef = (0,_helpers__WEBPACK_IMPORTED_MODULE_4__.mergeRefs)(overlay?.setContainerRef, ref);
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyFlex__WEBPACK_IMPORTED_MODULE_5__.HoneyFlex, { ref: mergedRef, inert: !active, ...props, children: (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_2__.invokeIfFunction)(children, {
+    const mergedRef = (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.mergeRefs)(overlay?.setContainerRef, ref);
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyFlex__WEBPACK_IMPORTED_MODULE_6__.HoneyFlex, { ref: mergedRef, inert: !active, ...props, children: (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_2__.invokeIfFunction)(children, {
             overlay,
             isActive: active,
-            deactivateOverlay: onDeactivate,
+            deactivateOverlay: onDeactivateRef.current,
         }) }));
 };