@mantine/hooks 7.12.2 → 7.13.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/cjs/use-focus-trap/use-focus-trap.cjs +2 -1
- package/cjs/use-focus-trap/use-focus-trap.cjs.map +1 -1
- package/cjs/use-focus-within/use-focus-within.cjs +5 -5
- package/cjs/use-focus-within/use-focus-within.cjs.map +1 -1
- package/cjs/use-fullscreen/use-fullscreen.cjs +10 -6
- package/cjs/use-fullscreen/use-fullscreen.cjs.map +1 -1
- package/cjs/use-hash/use-hash.cjs +6 -6
- package/cjs/use-hash/use-hash.cjs.map +1 -1
- package/cjs/use-isomorphic-effect/use-isomorphic-effect.cjs.map +1 -1
- package/cjs/use-mouse/use-mouse.cjs +4 -2
- package/cjs/use-mouse/use-mouse.cjs.map +1 -1
- package/cjs/use-queue/use-queue.cjs +3 -3
- package/cjs/use-queue/use-queue.cjs.map +1 -1
- package/cjs/use-scroll-into-view/use-scroll-into-view.cjs.map +1 -1
- package/cjs/use-scroll-into-view/utils/get-relative-position.cjs +4 -2
- package/cjs/use-scroll-into-view/utils/get-relative-position.cjs.map +1 -1
- package/cjs/use-scroll-into-view/utils/get-scroll-start.cjs.map +1 -1
- package/cjs/use-set-state/use-set-state.cjs +4 -4
- package/cjs/use-set-state/use-set-state.cjs.map +1 -1
- package/esm/use-focus-trap/use-focus-trap.mjs +2 -1
- package/esm/use-focus-trap/use-focus-trap.mjs.map +1 -1
- package/esm/use-focus-within/use-focus-within.mjs +5 -5
- package/esm/use-focus-within/use-focus-within.mjs.map +1 -1
- package/esm/use-fullscreen/use-fullscreen.mjs +10 -6
- package/esm/use-fullscreen/use-fullscreen.mjs.map +1 -1
- package/esm/use-hash/use-hash.mjs +6 -6
- package/esm/use-hash/use-hash.mjs.map +1 -1
- package/esm/use-isomorphic-effect/use-isomorphic-effect.mjs.map +1 -1
- package/esm/use-mouse/use-mouse.mjs +4 -2
- package/esm/use-mouse/use-mouse.mjs.map +1 -1
- package/esm/use-queue/use-queue.mjs +3 -3
- package/esm/use-queue/use-queue.mjs.map +1 -1
- package/esm/use-scroll-into-view/use-scroll-into-view.mjs.map +1 -1
- package/esm/use-scroll-into-view/utils/get-relative-position.mjs +4 -2
- package/esm/use-scroll-into-view/utils/get-relative-position.mjs.map +1 -1
- package/esm/use-scroll-into-view/utils/get-scroll-start.mjs.map +1 -1
- package/esm/use-set-state/use-set-state.mjs +4 -4
- package/esm/use-set-state/use-set-state.mjs.map +1 -1
- package/lib/use-scroll-into-view/use-scroll-into-view.d.ts +8 -8
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-scroll-start.mjs","sources":["../../../src/use-scroll-into-view/utils/get-scroll-start.ts"],"sourcesContent":["export const getScrollStart = ({ axis, parent }: any) => {\n if (!parent && typeof document === 'undefined') {\n return 0;\n }\n\n const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';\n\n if (parent) {\n return parent[method];\n }\n\n const { body, documentElement } = document;\n\n //
|
|
1
|
+
{"version":3,"file":"get-scroll-start.mjs","sources":["../../../src/use-scroll-into-view/utils/get-scroll-start.ts"],"sourcesContent":["export const getScrollStart = ({ axis, parent }: any) => {\n if (!parent && typeof document === 'undefined') {\n return 0;\n }\n\n const method = axis === 'y' ? 'scrollTop' : 'scrollLeft';\n\n if (parent) {\n return parent[method];\n }\n\n const { body, documentElement } = document;\n\n // While one of it has a value the second is equal 0\n return body[method] + documentElement[method];\n};\n"],"names":[],"mappings":";AACY,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,GAAG,CAAC,CAAA,CAAE,IAAI,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AACpD,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,OAAO,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,WAAW,CAAE,CAAA,CAAA;AAClD,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAC;AACb,CAAG,CAAA,CAAA;AACH,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,GAAG,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC;AAC3D,CAAE,CAAA,CAAA,CAAA,CAAA,CAAI,MAAM,CAAE,CAAA,CAAA;AACd,CAAA,CAAA,CAAA,CAAI,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAC;AAC1B,CAAG,CAAA,CAAA;AACH,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAI,CAAA,CAAA,CAAA,CAAA,CAAE,eAAe,CAAE,CAAA,CAAA,CAAA,CAAG,QAAQ,CAAC;AAC7C,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAI,CAAA,CAAA,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,GAAG,CAAe,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC;AAChD,CAAA,CAAA;;"}
|
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
import { useState, useCallback } from 'react';
|
|
3
3
|
|
|
4
4
|
function useSetState(initialState) {
|
|
5
|
-
const [state,
|
|
6
|
-
const
|
|
7
|
-
(statePartial) =>
|
|
5
|
+
const [state, setState] = useState(initialState);
|
|
6
|
+
const _setState = useCallback(
|
|
7
|
+
(statePartial) => setState((current) => ({
|
|
8
8
|
...current,
|
|
9
9
|
...typeof statePartial === "function" ? statePartial(current) : statePartial
|
|
10
10
|
})),
|
|
11
11
|
[]
|
|
12
12
|
);
|
|
13
|
-
return [state,
|
|
13
|
+
return [state, _setState];
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
export { useSetState };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-set-state.mjs","sources":["../../src/use-set-state/use-set-state.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport function useSetState<T extends Record<string, any>>(initialState: T) {\n const [state,
|
|
1
|
+
{"version":3,"file":"use-set-state.mjs","sources":["../../src/use-set-state/use-set-state.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\nexport function useSetState<T extends Record<string, any>>(initialState: T) {\n const [state, setState] = useState(initialState);\n\n const _setState = useCallback(\n (statePartial: Partial<T> | ((currentState: T) => Partial<T>)) =>\n setState((current) => ({\n ...current,\n ...(typeof statePartial === 'function' ? statePartial(current) : statePartial),\n })),\n []\n );\n\n return [state, _setState] as const;\n}\n"],"names":[],"mappings":";;;AAEO,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAE,CAAA,CAAA;AAC1C,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAC,CAAA,CAAA,CAAG,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAC;AACnD,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC/B,CAAA,CAAA,CAAA,CAAI,CAAC,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAK,QAAQ,CAAC,CAAC,OAAO,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAC7C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,GAAG,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAChB,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAG,CAAO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAC,CAAA,CAAA,CAAG,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAClF,CAAA,CAAA,CAAA,CAAA,CAAK,CAAC,CAAC,CAAA;AACP,CAAA,CAAA,CAAA,CAAI,CAAE,CAAA;AACN,CAAA,CAAA,CAAG,CAAC;AACJ,CAAA,CAAE,OAAO,CAAC,CAAA,CAAA,CAAA,CAAA,CAAK,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAC,CAAC;AAC5B,CAAA;;"}
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
interface ScrollIntoViewAnimation {
|
|
2
|
-
/**
|
|
2
|
+
/** Target element alignment relatively to parent based on current axis */
|
|
3
3
|
alignment?: 'start' | 'end' | 'center';
|
|
4
4
|
}
|
|
5
5
|
interface ScrollIntoViewParams {
|
|
6
|
-
/**
|
|
6
|
+
/** Callback fired after scroll */
|
|
7
7
|
onScrollFinish?: () => void;
|
|
8
|
-
/**
|
|
8
|
+
/** Duration of scroll in milliseconds */
|
|
9
9
|
duration?: number;
|
|
10
|
-
/**
|
|
10
|
+
/** Axis of scroll */
|
|
11
11
|
axis?: 'x' | 'y';
|
|
12
|
-
/**
|
|
12
|
+
/** Custom mathematical easing function */
|
|
13
13
|
easing?: (t: number) => number;
|
|
14
|
-
/**
|
|
14
|
+
/** Additional distance between nearest edge and element */
|
|
15
15
|
offset?: number;
|
|
16
|
-
/**
|
|
16
|
+
/** Indicator if animation may be interrupted by user scrolling */
|
|
17
17
|
cancelable?: boolean;
|
|
18
|
-
/**
|
|
18
|
+
/** Prevents content jumping in scrolling lists with multiple targets */
|
|
19
19
|
isList?: boolean;
|
|
20
20
|
}
|
|
21
21
|
interface ScrollIntoViewReturnType<Target extends HTMLElement, Parent extends HTMLElement | null = null> {
|