@react-hive/honey-layout 11.2.0 → 12.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/HoneyBox/HoneyBox.d.ts +1 -1
- package/dist/components/HoneyFlex/HoneyFlex.d.ts +1 -1
- package/dist/components/HoneyGrid/HoneyGridStyled.d.ts +1 -1
- package/dist/components/HoneyGridColumn/HoneyGridColumnStyled.d.ts +1 -1
- package/dist/components/HoneyList/HoneyListStyled.d.ts +1 -1
- package/dist/components/HoneyPopup/HoneyPopupStyled.d.ts +1 -1
- package/dist/hooks/index.d.ts +1 -1
- package/dist/hooks/{use-honey-document-key-up-handler.d.ts → use-honey-document-key-up.d.ts} +6 -6
- package/dist/hooks/use-honey-drag.d.ts +13 -13
- package/dist/hooks/use-honey-layout.d.ts +1 -1
- package/dist/hooks/use-honey-media-query.d.ts +1 -1
- package/dist/hooks/use-honey-overlay.d.ts +2 -2
- package/dist/hooks/use-honey-raf-loop.d.ts +4 -4
- package/dist/hooks/use-honey-synthetic-scroll.d.ts +2 -2
- package/dist/hooks/use-honey-timer.d.ts +2 -2
- package/dist/hooks/use-register-honey-overlay.d.ts +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.dev.cjs +24 -24
- package/dist/index.dev.cjs.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.dev.cjs
CHANGED
|
@@ -13723,7 +13723,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
13723
13723
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
13724
13724
|
/* harmony export */ resolveAxisTranslate: () => (/* reexport safe */ _use_honey_synthetic_scroll__WEBPACK_IMPORTED_MODULE_8__.resolveAxisTranslate),
|
|
13725
13725
|
/* harmony export */ useHoneyDecay: () => (/* reexport safe */ _use_honey_decay__WEBPACK_IMPORTED_MODULE_13__.useHoneyDecay),
|
|
13726
|
-
/* harmony export */
|
|
13726
|
+
/* harmony export */ useHoneyDocumentKeyUp: () => (/* reexport safe */ _use_honey_document_key_up__WEBPACK_IMPORTED_MODULE_3__.useHoneyDocumentKeyUp),
|
|
13727
13727
|
/* harmony export */ useHoneyDrag: () => (/* reexport safe */ _use_honey_drag__WEBPACK_IMPORTED_MODULE_2__.useHoneyDrag),
|
|
13728
13728
|
/* harmony export */ useHoneyLatest: () => (/* reexport safe */ _use_honey_latest__WEBPACK_IMPORTED_MODULE_14__.useHoneyLatest),
|
|
13729
13729
|
/* harmony export */ useHoneyLayout: () => (/* reexport safe */ _use_honey_layout__WEBPACK_IMPORTED_MODULE_4__.useHoneyLayout),
|
|
@@ -13741,7 +13741,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
13741
13741
|
/* harmony import */ var _use_honey_on_change__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./use-honey-on-change */ "./src/hooks/use-honey-on-change.ts");
|
|
13742
13742
|
/* harmony import */ var _use_honey_media_query__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use-honey-media-query */ "./src/hooks/use-honey-media-query.ts");
|
|
13743
13743
|
/* harmony import */ var _use_honey_drag__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use-honey-drag */ "./src/hooks/use-honey-drag.ts");
|
|
13744
|
-
/* harmony import */ var
|
|
13744
|
+
/* harmony import */ var _use_honey_document_key_up__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./use-honey-document-key-up */ "./src/hooks/use-honey-document-key-up.ts");
|
|
13745
13745
|
/* harmony import */ var _use_honey_layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./use-honey-layout */ "./src/hooks/use-honey-layout.ts");
|
|
13746
13746
|
/* harmony import */ var _use_register_honey_overlay__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./use-register-honey-overlay */ "./src/hooks/use-register-honey-overlay.ts");
|
|
13747
13747
|
/* harmony import */ var _use_honey_overlay__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./use-honey-overlay */ "./src/hooks/use-honey-overlay.ts");
|
|
@@ -13863,7 +13863,7 @@ const useHoneyDecay = ({ initialValue, min, max, friction = 0.002, minVelocityPx
|
|
|
13863
13863
|
if (deltaTimeMs === 0) {
|
|
13864
13864
|
return;
|
|
13865
13865
|
}
|
|
13866
|
-
const
|
|
13866
|
+
const inertia = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.applyInertiaStep)({
|
|
13867
13867
|
value: valueRef.current,
|
|
13868
13868
|
velocityPxMs: velocityPxMsRef.current,
|
|
13869
13869
|
min: minRef.current,
|
|
@@ -13873,7 +13873,7 @@ const useHoneyDecay = ({ initialValue, min, max, friction = 0.002, minVelocityPx
|
|
|
13873
13873
|
minVelocityPxMs,
|
|
13874
13874
|
emaAlpha,
|
|
13875
13875
|
});
|
|
13876
|
-
if (
|
|
13876
|
+
if (inertia === null) {
|
|
13877
13877
|
velocityPxMsRef.current = 0;
|
|
13878
13878
|
if (hasActiveInertiaRef.current) {
|
|
13879
13879
|
hasActiveInertiaRef.current = false;
|
|
@@ -13883,9 +13883,9 @@ const useHoneyDecay = ({ initialValue, min, max, friction = 0.002, minVelocityPx
|
|
|
13883
13883
|
return;
|
|
13884
13884
|
}
|
|
13885
13885
|
hasActiveInertiaRef.current = true;
|
|
13886
|
-
valueRef.current =
|
|
13887
|
-
velocityPxMsRef.current =
|
|
13888
|
-
setValue(
|
|
13886
|
+
valueRef.current = inertia.value;
|
|
13887
|
+
velocityPxMsRef.current = inertia.velocityPxMs;
|
|
13888
|
+
setValue(inertia.value);
|
|
13889
13889
|
}, [friction, minVelocityPxMs, emaAlpha]);
|
|
13890
13890
|
const rafLoop = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useHoneyRafLoop)(frameHandler);
|
|
13891
13891
|
const setBounds = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((nextMin, nextMax) => {
|
|
@@ -13937,16 +13937,16 @@ const useHoneyDecay = ({ initialValue, min, max, friction = 0.002, minVelocityPx
|
|
|
13937
13937
|
|
|
13938
13938
|
/***/ },
|
|
13939
13939
|
|
|
13940
|
-
/***/ "./src/hooks/use-honey-document-key-up
|
|
13941
|
-
|
|
13942
|
-
!*** ./src/hooks/use-honey-document-key-up
|
|
13943
|
-
|
|
13940
|
+
/***/ "./src/hooks/use-honey-document-key-up.ts"
|
|
13941
|
+
/*!************************************************!*\
|
|
13942
|
+
!*** ./src/hooks/use-honey-document-key-up.ts ***!
|
|
13943
|
+
\************************************************/
|
|
13944
13944
|
(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
|
|
13945
13945
|
|
|
13946
13946
|
"use strict";
|
|
13947
13947
|
__webpack_require__.r(__webpack_exports__);
|
|
13948
13948
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
13949
|
-
/* harmony export */
|
|
13949
|
+
/* harmony export */ useHoneyDocumentKeyUp: () => (/* binding */ useHoneyDocumentKeyUp)
|
|
13950
13950
|
/* harmony export */ });
|
|
13951
13951
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
13952
13952
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
@@ -13957,13 +13957,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
13957
13957
|
* This hook adds a `keyup` event listener at the document level and triggers the provided `keyUpHandler`
|
|
13958
13958
|
* when one of the specified `listenKeys` is released.
|
|
13959
13959
|
*
|
|
13960
|
-
* @param
|
|
13960
|
+
* @param onKeyUp - The callback function invoked when a matching key is released.
|
|
13961
13961
|
* @param listenKeys - An array of key codes (`KeyboardEvent.code`) to listen for.
|
|
13962
13962
|
* @param options - Optional configuration to control event behavior and listener activation.
|
|
13963
13963
|
*
|
|
13964
13964
|
* @example
|
|
13965
13965
|
* ```tsx
|
|
13966
|
-
*
|
|
13966
|
+
* useHoneyDocumentKeyUp(
|
|
13967
13967
|
* (keyCode, event) => {
|
|
13968
13968
|
* console.log('Key released:', keyCode);
|
|
13969
13969
|
* },
|
|
@@ -13971,7 +13971,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
13971
13971
|
* );
|
|
13972
13972
|
* ```
|
|
13973
13973
|
*/
|
|
13974
|
-
const
|
|
13974
|
+
const useHoneyDocumentKeyUp = (onKeyUp, listenKeys, { enabled = true, preventDefault = true } = {}) => {
|
|
13975
13975
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
|
13976
13976
|
if (!enabled) {
|
|
13977
13977
|
return;
|
|
@@ -13982,14 +13982,14 @@ const useHoneyDocumentKeyUpHandler = (keyUpHandler, listenKeys, { enabled = true
|
|
|
13982
13982
|
if (preventDefault) {
|
|
13983
13983
|
e.preventDefault();
|
|
13984
13984
|
}
|
|
13985
|
-
|
|
13985
|
+
onKeyUp(keyCode, e);
|
|
13986
13986
|
}
|
|
13987
13987
|
};
|
|
13988
13988
|
document.addEventListener('keyup', handleKeyUp);
|
|
13989
13989
|
return () => {
|
|
13990
13990
|
document.removeEventListener('keyup', handleKeyUp);
|
|
13991
13991
|
};
|
|
13992
|
-
}, [
|
|
13992
|
+
}, [onKeyUp, enabled, preventDefault]);
|
|
13993
13993
|
};
|
|
13994
13994
|
|
|
13995
13995
|
|
|
@@ -14204,7 +14204,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
14204
14204
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
14205
14205
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
14206
14206
|
/* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
|
|
14207
|
-
/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*!
|
|
14207
|
+
/* harmony import */ var _contexts__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~/contexts */ "./src/contexts/index.ts");
|
|
14208
14208
|
|
|
14209
14209
|
|
|
14210
14210
|
|
|
@@ -14239,7 +14239,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
14239
14239
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
14240
14240
|
/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash.throttle */ "./node_modules/lodash.throttle/index.js");
|
|
14241
14241
|
/* harmony import */ var lodash_throttle__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_throttle__WEBPACK_IMPORTED_MODULE_1__);
|
|
14242
|
-
/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*!
|
|
14242
|
+
/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ~/helpers */ "./src/helpers/index.ts");
|
|
14243
14243
|
|
|
14244
14244
|
|
|
14245
14245
|
|
|
@@ -14345,7 +14345,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
14345
14345
|
/* harmony export */ });
|
|
14346
14346
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
14347
14347
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
14348
|
-
/* harmony import */ var
|
|
14348
|
+
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~/hooks */ "./src/hooks/index.ts");
|
|
14349
14349
|
|
|
14350
14350
|
|
|
14351
14351
|
/**
|
|
@@ -14373,7 +14373,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
14373
14373
|
* ```
|
|
14374
14374
|
*/
|
|
14375
14375
|
const useHoneyOverlay = (targetOverlayId, { onKeyUp } = {}) => {
|
|
14376
|
-
const { overlays } = (0,
|
|
14376
|
+
const { overlays } = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useHoneyLayout)();
|
|
14377
14377
|
const overlay = overlays.find(overlay => overlay.id === targetOverlayId);
|
|
14378
14378
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
|
14379
14379
|
// If no overlay is found or no `onKeyUp` handler is provided, skip setting up the listener
|
|
@@ -14977,7 +14977,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
14977
14977
|
/* harmony export */ });
|
|
14978
14978
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
|
14979
14979
|
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
|
14980
|
-
/* harmony import */ var
|
|
14980
|
+
/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ~/hooks */ "./src/hooks/index.ts");
|
|
14981
14981
|
|
|
14982
14982
|
|
|
14983
14983
|
/**
|
|
@@ -14989,7 +14989,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
14989
14989
|
* @returns The registered overlay instance, or null if not registered.
|
|
14990
14990
|
*/
|
|
14991
14991
|
const useRegisterHoneyOverlay = (isRegister, overlayConfig) => {
|
|
14992
|
-
const { registerOverlay, unregisterOverlay } = (0,
|
|
14992
|
+
const { registerOverlay, unregisterOverlay } = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useHoneyLayout)();
|
|
14993
14993
|
const overlayRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
|
|
14994
14994
|
(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
|
|
14995
14995
|
if (!isRegister) {
|
|
@@ -15743,7 +15743,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
15743
15743
|
/* harmony export */ resolveSpacing: () => (/* binding */ resolveSpacing),
|
|
15744
15744
|
/* harmony export */ searchFlattenedItems: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.searchFlattenedItems),
|
|
15745
15745
|
/* harmony export */ useHoneyDecay: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_5__.useHoneyDecay),
|
|
15746
|
-
/* harmony export */
|
|
15746
|
+
/* harmony export */ useHoneyDocumentKeyUp: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_5__.useHoneyDocumentKeyUp),
|
|
15747
15747
|
/* harmony export */ useHoneyDrag: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_5__.useHoneyDrag),
|
|
15748
15748
|
/* harmony export */ useHoneyGridContext: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.useHoneyGridContext),
|
|
15749
15749
|
/* harmony export */ useHoneyLatest: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_5__.useHoneyLatest),
|