@mantine/hooks 3.6.13 → 3.7.0-alpha.1
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/README.md +3 -48
- package/cjs/index.js +2 -0
- package/cjs/index.js.map +1 -1
- package/cjs/use-disclosure/use-disclosure.js +30 -0
- package/cjs/use-disclosure/use-disclosure.js.map +1 -0
- package/cjs/use-hotkeys/use-hotkeys.js.map +1 -1
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -1
- package/esm/use-disclosure/use-disclosure.js +26 -0
- package/esm/use-disclosure/use-disclosure.js.map +1 -0
- package/esm/use-hotkeys/use-hotkeys.js.map +1 -1
- package/lib/index.d.ts +2 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/use-disclosure/use-disclosure.d.ts +9 -0
- package/lib/use-disclosure/use-disclosure.d.ts.map +1 -0
- package/lib/use-hotkeys/use-hotkeys.d.ts +2 -2
- package/lib/use-hotkeys/use-hotkeys.d.ts.map +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
# Mantine Hooks
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
A set of react hooks for state and UI management
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
You can use these hooks in your applications with or without other @mantine/ packages.
|
|
7
|
-
|
|
8
|
-
## Documentation
|
|
9
|
-
|
|
10
|
-
[See full documentation on Mantine website](https://mantine.dev/hooks/getting-started/)
|
|
5
|
+
[View documentation](https://mantine.dev/)
|
|
11
6
|
|
|
12
7
|
## Installation
|
|
13
8
|
|
|
@@ -19,46 +14,6 @@ yarn add @mantine/hooks
|
|
|
19
14
|
npm install @mantine/hooks
|
|
20
15
|
```
|
|
21
16
|
|
|
22
|
-
## Included hooks
|
|
23
|
-
|
|
24
|
-
- [use-click-outside](https://mantine.dev/hooks/use-click-outside/) – capture click and touch events from outside of given container
|
|
25
|
-
- [use-clipboard](https://mantine.dev/hooks/use-clipboard/) – provides convenient interface to work with clipboard api
|
|
26
|
-
- [use-color-scheme](https://mantine.dev/hooks/use-color-scheme/) – detect system color scheme
|
|
27
|
-
- [use-debounced-value](https://mantine.dev/hooks/use-debounced-value/) – debounce value with useEffect
|
|
28
|
-
- [use-document-title](https://mantine.dev/hooks/use-document-title/) – set document.title property
|
|
29
|
-
- [use-focus-trap](https://mantine.dev/hooks/use-focus-trap/) – trap focus at given node
|
|
30
|
-
- [use-form](https://mantine.dev/hooks/use-form/) – bare minimum form state management
|
|
31
|
-
- [use-id](https://mantine.dev/hooks/use-id/) – ensure id for form controls binding
|
|
32
|
-
- [use-idle](https://mantine.dev/hooks/use-idle/) - track period of inactivity or idle time
|
|
33
|
-
- [use-list-state](https://mantine.dev/hooks/use-list-state/) – hook for convenient array state management
|
|
34
|
-
- [use-local-storage-value](https://mantine.dev/hooks/use-local-storage-value/) – use value from localStorage as react state, sync state across tabs
|
|
35
|
-
- [use-media-query](https://mantine.dev/hooks/use-media-query/) – execute and subscribe to window.matchMedia queries
|
|
36
|
-
- [use-queue](https://mantine.dev/hooks/use-queue/) – add data to queue if given limit is exceeded
|
|
37
|
-
- [use-reduced-motion](https://mantine.dev/hooks/use-reduced-motion/) – check if user prefers to reduce motion
|
|
38
|
-
- [use-scroll-lock](https://mantine.dev/hooks/use-scroll-lock/) – lock document.body scroll at current position
|
|
39
|
-
- [use-window-event](https://mantine.dev/hooks/use-window-event/) – adds event listener to window object on component mount and removes it on unmount
|
|
40
|
-
- [use-window-scroll](https://mantine.dev/hooks/use-window-scroll/) – subscribe to window scroll and scroll smoothly to given position
|
|
41
|
-
- [use-toggle](https://mantine.dev/hooks/use-toggle/) – switch between two states
|
|
42
|
-
- [use-uncontrolled](https://mantine.dev/hooks/use-uncontrolled/) – manage state of both controlled and uncontrolled components
|
|
43
|
-
- [use-interval](https://mantine.dev/hooks/use-interval/) – wrapper around `window.setInterval`
|
|
44
|
-
- [use-force-update](https://mantine.dev/hooks/use-force-update/) – force component to render without state change
|
|
45
|
-
- [use-did-update](https://mantine.dev/hooks/use-did-update/) – call function in useEffect when value changes, but not when component mounts
|
|
46
|
-
- [use-isomorphic-effect](https://mantine.dev/hooks/use-isomorphic-effect/) – switch between useEffect during SSR and useLayoutEffect after hydration
|
|
47
|
-
- [use-hash](https://mantine.dev/hooks/use-hash/) – get and set hash value in url
|
|
48
|
-
- [use-intersection](https://mantine.dev/hooks/use-intersection/) – wrapper for IntersectionObserver API
|
|
49
|
-
- [use-hotkeys](https://mantine.dev/hooks/use-hotkeys/) – subscribe to multiple hotkeys with single hook
|
|
50
|
-
- [use-move](https://mantine.dev/hooks/use-move/) – handles move behavior over any element, build custom sliders, color pickers, etc.
|
|
51
|
-
- [use-pagination](https://mantine.dev/hooks/use-pagination/) – manage pagination state
|
|
52
|
-
- [use-focus-return](https://mantine.dev/hooks/use-focus-return/) – capture last focused element on the page and return focus to it once condition is met
|
|
53
|
-
- [use-resize-observer](https://mantine.dev/hooks/use-resize-observer/) – track element size changes with ResizeObserver
|
|
54
|
-
- [use-mouse](https://mantine.dev/hooks/use-mouse/) – track mouse position over document or given element
|
|
55
|
-
- [use-viewport-size](https://mantine.dev/hooks/use-viewport-size/) – get viewport width and height
|
|
56
|
-
- [use-hover](https://mantine.dev/hooks/use-hover/) – detect when mouse is over a given element
|
|
57
|
-
- [use-os](https://mantine.dev/hooks/use-os/) – detect user OS
|
|
58
|
-
- [use-scroll-into-view](https://mantine.dev/hooks/use-scroll-into-view/) – scroll given node into view within scrollable container or body element
|
|
59
|
-
- [use-set-state](https://mantine.dev/hooks/use-set-state/) – work with state like in class components
|
|
60
|
-
- [use-input-state](https://mantine.dev/hooks/use-input-state/) – manage state of both native and custom inputs
|
|
61
|
-
|
|
62
17
|
## License
|
|
63
18
|
|
|
64
|
-
|
|
19
|
+
MIT
|
package/cjs/index.js
CHANGED
|
@@ -47,6 +47,7 @@ var useOs = require('./use-os/use-os.js');
|
|
|
47
47
|
var useSetState = require('./use-set-state/use-set-state.js');
|
|
48
48
|
var useInputState = require('./use-input-state/use-input-state.js');
|
|
49
49
|
var useEventListener = require('./use-event-listener/use-event-listener.js');
|
|
50
|
+
var useDisclosure = require('./use-disclosure/use-disclosure.js');
|
|
50
51
|
var parseHotkey = require('./use-hotkeys/parse-hotkey.js');
|
|
51
52
|
var assignRef = require('./utils/assign-ref/assign-ref.js');
|
|
52
53
|
var clamp = require('./utils/clamp/clamp.js');
|
|
@@ -107,6 +108,7 @@ exports.useOs = useOs.useOs;
|
|
|
107
108
|
exports.useSetState = useSetState.useSetState;
|
|
108
109
|
exports.useInputState = useInputState.useInputState;
|
|
109
110
|
exports.useEventListener = useEventListener.useEventListener;
|
|
111
|
+
exports.useDisclosure = useDisclosure.useDisclosure;
|
|
110
112
|
exports.getHotkeyHandler = parseHotkey.getHotkeyHandler;
|
|
111
113
|
exports.assignRef = assignRef.assignRef;
|
|
112
114
|
exports.clamp = clamp.clamp;
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var react = require('react');
|
|
6
|
+
|
|
7
|
+
function useDisclosure(initialState, callbacks) {
|
|
8
|
+
const [opened, setOpened] = react.useState(initialState);
|
|
9
|
+
const open = () => {
|
|
10
|
+
var _a;
|
|
11
|
+
if (!opened) {
|
|
12
|
+
setOpened(true);
|
|
13
|
+
(_a = callbacks == null ? void 0 : callbacks.onOpen) == null ? void 0 : _a.call(callbacks);
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
const close = () => {
|
|
17
|
+
var _a;
|
|
18
|
+
if (opened) {
|
|
19
|
+
setOpened(false);
|
|
20
|
+
(_a = callbacks == null ? void 0 : callbacks.onClose) == null ? void 0 : _a.call(callbacks);
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
const toggle = () => {
|
|
24
|
+
opened ? close() : open();
|
|
25
|
+
};
|
|
26
|
+
return [opened, { open, close, toggle }];
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
exports.useDisclosure = useDisclosure;
|
|
30
|
+
//# sourceMappingURL=use-disclosure.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-disclosure.js","sources":["../../src/use-disclosure/use-disclosure.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useDisclosure(\n initialState: boolean,\n callbacks?: { onOpen?(): void; onClose?(): void }\n) {\n const [opened, setOpened] = useState(initialState);\n\n const open = () => {\n if (!opened) {\n setOpened(true);\n callbacks?.onOpen?.();\n }\n };\n\n const close = () => {\n if (opened) {\n setOpened(false);\n callbacks?.onClose?.();\n }\n };\n\n const toggle = () => {\n opened ? close() : open();\n };\n\n return [opened, { open, close, toggle }] as const;\n}\n"],"names":["useState"],"mappings":";;;;;;AACO,SAAS,aAAa,CAAC,YAAY,EAAE,SAAS,EAAE;AACvD,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAGA,cAAQ,CAAC,YAAY,CAAC,CAAC;AACrD,EAAE,MAAM,IAAI,GAAG,MAAM;AACrB,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,CAAC,MAAM,EAAE;AACjB,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC;AACtB,MAAM,CAAC,EAAE,GAAG,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACjG,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,KAAK,GAAG,MAAM;AACtB,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,SAAS,CAAC,KAAK,CAAC,CAAC;AACvB,MAAM,CAAC,EAAE,GAAG,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAClG,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,MAAM,GAAG,MAAM;AACvB,IAAI,MAAM,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC;AAC9B,GAAG,CAAC;AACJ,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AAC3C;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-hotkeys.js","sources":["../../src/use-hotkeys/use-hotkeys.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { getHotkeyMatcher, getHotkeyHandler } from './parse-hotkey';\n\nexport { getHotkeyHandler };\n\
|
|
1
|
+
{"version":3,"file":"use-hotkeys.js","sources":["../../src/use-hotkeys/use-hotkeys.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { getHotkeyMatcher, getHotkeyHandler } from './parse-hotkey';\n\nexport { getHotkeyHandler };\n\nexport type HotkeyItem = [string, (event: KeyboardEvent) => void];\n\nfunction shouldFireEvent(event: KeyboardEvent) {\n if (event.target instanceof HTMLElement) {\n return !['INPUT', 'TEXTAREA', 'SELECT'].includes(event.target.tagName);\n }\n return true;\n}\n\nexport function useHotkeys(hotkeys: HotkeyItem[]) {\n useEffect(() => {\n const keydownListener = (event: KeyboardEvent) => {\n hotkeys.forEach(([hotkey, handler]) => {\n if (getHotkeyMatcher(hotkey)(event) && shouldFireEvent(event)) {\n event.preventDefault();\n handler(event);\n }\n });\n };\n\n document.documentElement.addEventListener('keydown', keydownListener);\n return () => document.documentElement.removeEventListener('keydown', keydownListener);\n }, [hotkeys]);\n}\n"],"names":["useEffect","getHotkeyMatcher"],"mappings":";;;;;;;AAGA,SAAS,eAAe,CAAC,KAAK,EAAE;AAChC,EAAE,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,EAAE;AAC3C,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAC3E,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACM,SAAS,UAAU,CAAC,OAAO,EAAE;AACpC,EAAEA,eAAS,CAAC,MAAM;AAClB,IAAI,MAAM,eAAe,GAAG,CAAC,KAAK,KAAK;AACvC,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK;AAC7C,QAAQ,IAAIC,4BAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;AACvE,UAAU,KAAK,CAAC,cAAc,EAAE,CAAC;AACjC,UAAU,OAAO,CAAC,KAAK,CAAC,CAAC;AACzB,SAAS;AACT,OAAO,CAAC,CAAC;AACT,KAAK,CAAC;AACN,IAAI,QAAQ,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAC1E,IAAI,OAAO,MAAM,QAAQ,CAAC,eAAe,CAAC,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAC1F,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB;;;;;"}
|
package/esm/index.js
CHANGED
|
@@ -43,6 +43,7 @@ export { useOs } from './use-os/use-os.js';
|
|
|
43
43
|
export { useSetState } from './use-set-state/use-set-state.js';
|
|
44
44
|
export { useInputState } from './use-input-state/use-input-state.js';
|
|
45
45
|
export { useEventListener } from './use-event-listener/use-event-listener.js';
|
|
46
|
+
export { useDisclosure } from './use-disclosure/use-disclosure.js';
|
|
46
47
|
export { getHotkeyHandler } from './use-hotkeys/parse-hotkey.js';
|
|
47
48
|
export { assignRef } from './utils/assign-ref/assign-ref.js';
|
|
48
49
|
export { clamp } from './utils/clamp/clamp.js';
|
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
|
|
3
|
+
function useDisclosure(initialState, callbacks) {
|
|
4
|
+
const [opened, setOpened] = useState(initialState);
|
|
5
|
+
const open = () => {
|
|
6
|
+
var _a;
|
|
7
|
+
if (!opened) {
|
|
8
|
+
setOpened(true);
|
|
9
|
+
(_a = callbacks == null ? void 0 : callbacks.onOpen) == null ? void 0 : _a.call(callbacks);
|
|
10
|
+
}
|
|
11
|
+
};
|
|
12
|
+
const close = () => {
|
|
13
|
+
var _a;
|
|
14
|
+
if (opened) {
|
|
15
|
+
setOpened(false);
|
|
16
|
+
(_a = callbacks == null ? void 0 : callbacks.onClose) == null ? void 0 : _a.call(callbacks);
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
const toggle = () => {
|
|
20
|
+
opened ? close() : open();
|
|
21
|
+
};
|
|
22
|
+
return [opened, { open, close, toggle }];
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
export { useDisclosure };
|
|
26
|
+
//# sourceMappingURL=use-disclosure.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-disclosure.js","sources":["../../src/use-disclosure/use-disclosure.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useDisclosure(\n initialState: boolean,\n callbacks?: { onOpen?(): void; onClose?(): void }\n) {\n const [opened, setOpened] = useState(initialState);\n\n const open = () => {\n if (!opened) {\n setOpened(true);\n callbacks?.onOpen?.();\n }\n };\n\n const close = () => {\n if (opened) {\n setOpened(false);\n callbacks?.onClose?.();\n }\n };\n\n const toggle = () => {\n opened ? close() : open();\n };\n\n return [opened, { open, close, toggle }] as const;\n}\n"],"names":[],"mappings":";;AACO,SAAS,aAAa,CAAC,YAAY,EAAE,SAAS,EAAE;AACvD,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;AACrD,EAAE,MAAM,IAAI,GAAG,MAAM;AACrB,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,CAAC,MAAM,EAAE;AACjB,MAAM,SAAS,CAAC,IAAI,CAAC,CAAC;AACtB,MAAM,CAAC,EAAE,GAAG,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,MAAM,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACjG,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,KAAK,GAAG,MAAM;AACtB,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,SAAS,CAAC,KAAK,CAAC,CAAC;AACvB,MAAM,CAAC,EAAE,GAAG,SAAS,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAClG,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,MAAM,GAAG,MAAM;AACvB,IAAI,MAAM,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,CAAC;AAC9B,GAAG,CAAC;AACJ,EAAE,OAAO,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AAC3C;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-hotkeys.js","sources":["../../src/use-hotkeys/use-hotkeys.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { getHotkeyMatcher, getHotkeyHandler } from './parse-hotkey';\n\nexport { getHotkeyHandler };\n\
|
|
1
|
+
{"version":3,"file":"use-hotkeys.js","sources":["../../src/use-hotkeys/use-hotkeys.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { getHotkeyMatcher, getHotkeyHandler } from './parse-hotkey';\n\nexport { getHotkeyHandler };\n\nexport type HotkeyItem = [string, (event: KeyboardEvent) => void];\n\nfunction shouldFireEvent(event: KeyboardEvent) {\n if (event.target instanceof HTMLElement) {\n return !['INPUT', 'TEXTAREA', 'SELECT'].includes(event.target.tagName);\n }\n return true;\n}\n\nexport function useHotkeys(hotkeys: HotkeyItem[]) {\n useEffect(() => {\n const keydownListener = (event: KeyboardEvent) => {\n hotkeys.forEach(([hotkey, handler]) => {\n if (getHotkeyMatcher(hotkey)(event) && shouldFireEvent(event)) {\n event.preventDefault();\n handler(event);\n }\n });\n };\n\n document.documentElement.addEventListener('keydown', keydownListener);\n return () => document.documentElement.removeEventListener('keydown', keydownListener);\n }, [hotkeys]);\n}\n"],"names":[],"mappings":";;;;AAGA,SAAS,eAAe,CAAC,KAAK,EAAE;AAChC,EAAE,IAAI,KAAK,CAAC,MAAM,YAAY,WAAW,EAAE;AAC3C,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAC3E,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACM,SAAS,UAAU,CAAC,OAAO,EAAE;AACpC,EAAE,SAAS,CAAC,MAAM;AAClB,IAAI,MAAM,eAAe,GAAG,CAAC,KAAK,KAAK;AACvC,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK;AAC7C,QAAQ,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;AACvE,UAAU,KAAK,CAAC,cAAc,EAAE,CAAC;AACjC,UAAU,OAAO,CAAC,KAAK,CAAC,CAAC;AACzB,SAAS;AACT,OAAO,CAAC,CAAC;AACT,KAAK,CAAC;AACN,IAAI,QAAQ,CAAC,eAAe,CAAC,gBAAgB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAC1E,IAAI,OAAO,MAAM,QAAQ,CAAC,eAAe,CAAC,mBAAmB,CAAC,SAAS,EAAE,eAAe,CAAC,CAAC;AAC1F,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB;;;;"}
|
package/lib/index.d.ts
CHANGED
|
@@ -44,6 +44,8 @@ export { useOs } from './use-os/use-os';
|
|
|
44
44
|
export { useSetState } from './use-set-state/use-set-state';
|
|
45
45
|
export { useInputState } from './use-input-state/use-input-state';
|
|
46
46
|
export { useEventListener } from './use-event-listener/use-event-listener';
|
|
47
|
+
export { useDisclosure } from './use-disclosure/use-disclosure';
|
|
47
48
|
export type { UseMovePosition } from './use-move/use-move';
|
|
48
49
|
export type { OS } from './use-os/use-os';
|
|
50
|
+
export type { HotkeyItem } from './use-hotkeys/use-hotkeys';
|
|
49
51
|
//# sourceMappingURL=index.d.ts.map
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare function useDisclosure(initialState: boolean, callbacks?: {
|
|
2
|
+
onOpen?(): void;
|
|
3
|
+
onClose?(): void;
|
|
4
|
+
}): readonly [boolean, {
|
|
5
|
+
readonly open: () => void;
|
|
6
|
+
readonly close: () => void;
|
|
7
|
+
readonly toggle: () => void;
|
|
8
|
+
}];
|
|
9
|
+
//# sourceMappingURL=use-disclosure.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-disclosure.d.ts","sourceRoot":"","sources":["../../src/use-disclosure/use-disclosure.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,CAC3B,YAAY,EAAE,OAAO,EACrB,SAAS,CAAC,EAAE;IAAE,MAAM,CAAC,IAAI,IAAI,CAAC;IAAC,OAAO,CAAC,IAAI,IAAI,CAAA;CAAE;;;;GAuBlD"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { getHotkeyHandler } from './parse-hotkey';
|
|
2
2
|
export { getHotkeyHandler };
|
|
3
|
-
declare type
|
|
4
|
-
export declare function useHotkeys(hotkeys:
|
|
3
|
+
export declare type HotkeyItem = [string, (event: KeyboardEvent) => void];
|
|
4
|
+
export declare function useHotkeys(hotkeys: HotkeyItem[]): void;
|
|
5
5
|
//# sourceMappingURL=use-hotkeys.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-hotkeys.d.ts","sourceRoot":"","sources":["../../src/use-hotkeys/use-hotkeys.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,
|
|
1
|
+
{"version":3,"file":"use-hotkeys.d.ts","sourceRoot":"","sources":["../../src/use-hotkeys/use-hotkeys.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,CAAC;AAE5B,oBAAY,UAAU,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC,CAAC;AASlE,wBAAgB,UAAU,CAAC,OAAO,EAAE,UAAU,EAAE,QAc/C"}
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mantine/hooks",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.7.0-alpha.1",
|
|
4
4
|
"main": "cjs/index.js",
|
|
5
5
|
"module": "esm/index.js",
|
|
6
6
|
"types": "lib/index.d.ts",
|
|
7
7
|
"license": "MIT",
|
|
8
8
|
"author": "Vitaly Rtishchev <rtivital@gmail.com>",
|
|
9
9
|
"sideEffects": false,
|
|
10
|
-
"homepage": "https://mantine.dev
|
|
10
|
+
"homepage": "https://mantine.dev",
|
|
11
11
|
"repository": {
|
|
12
12
|
"url": "https://github.com/mantinedev/mantine.git",
|
|
13
13
|
"type": "git",
|