@mantine/hooks - npm Package Compare versions

Comparing version 0.5.3 to 0.6.0

dist/index.d.ts

 export { useClickOutside } from './use-click-outside/use-click-outside';
 export { useClipboard } from './use-clipboard/use-clipboard';
+export { useColorScheme } from './use-color-scheme/use-color-scheme';
 export { useDocumentTitle } from './use-document-title/use-document-title';
+export { useFocusTrap } from './use-focus-trap/use-focus-trap';
 export { useForm } from './use-form/use-form';
 export { useId } from './use-id/use-id';
 export { useListState } from './use-list-state/use-list-state';
+export { useLocalStorageValue } from './use-local-storage-value/use-local-storage-value';
 export { useMediaQuery } from './use-media-query/use-media-query';
@@ -12,2 +15,3 @@ export { useMergedRef } from './use-merged-ref/use-merged-ref';
 export { useScrollLock } from './use-scroll-lock/use-scroll-lock';
+export { useWindowEvent } from './use-window-event/use-window-event';
 //# sourceMappingURL=index.d.ts.map

dist/lib.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("nanoid")):"function"==typeof define&&define.amd?define(["react","nanoid"],t):"object"==typeof exports?exports["@mantine/hooks"]=t(require("react"),require("nanoid")):e["@mantine/hooks"]=t(e.react,e.nanoid)}(this,(function(e,t){return function(e){var t={};function r(n){if(t[n])return t[n].exports;var u=t[n]={i:n,l:!1,exports:{}};return e[n].call(u.exports,u,u.exports,r),u.l=!0,u.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var u in e)r.d(n,u,function(t){return e[t]}.bind(null,u));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=2)}([function(t,r){t.exports=e},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useMediaQuery=void 0;var n=r(0);t.useMediaQuery=function(e){var t=n.useState(!1),r=t[0],u=t[1],o=n.useRef();return n.useEffect((function(){if("matchMedia"in window)return o.current=window.matchMedia(e),u(o.current.matches),function(e,t){try{return e.addEventListener("change",t),function(){return e.removeEventListener("change",t)}}catch(r){return e.addListener(t),function(){return e.removeListener(t)}}}(o.current,(function(e){return u(e.matches)}))}),[e]),r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useScrollLock=t.useReducedMotion=t.useQueue=t.useMergedRef=t.useMediaQuery=t.useListState=t.useId=t.useForm=t.useDocumentTitle=t.useClipboard=t.useClickOutside=void 0;var n=r(3);Object.defineProperty(t,"useClickOutside",{enumerable:!0,get:function(){return n.useClickOutside}});var u=r(4);Object.defineProperty(t,"useClipboard",{enumerable:!0,get:function(){return u.useClipboard}});var o=r(5);Object.defineProperty(t,"useDocumentTitle",{enumerable:!0,get:function(){return o.useDocumentTitle}});var i=r(6);Object.defineProperty(t,"useForm",{enumerable:!0,get:function(){return i.useForm}});var c=r(7);Object.defineProperty(t,"useId",{enumerable:!0,get:function(){return c.useId}});var s=r(9);Object.defineProperty(t,"useListState",{enumerable:!0,get:function(){return s.useListState}});var a=r(1);Object.defineProperty(t,"useMediaQuery",{enumerable:!0,get:function(){return a.useMediaQuery}});var f=r(10);Object.defineProperty(t,"useMergedRef",{enumerable:!0,get:function(){return f.useMergedRef}});var d=r(11);Object.defineProperty(t,"useQueue",{enumerable:!0,get:function(){return d.useQueue}});var l=r(12);Object.defineProperty(t,"useReducedMotion",{enumerable:!0,get:function(){return l.useReducedMotion}});var v=r(13);Object.defineProperty(t,"useScrollLock",{enumerable:!0,get:function(){return v.useScrollLock}})},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useClickOutside=void 0;var n=r(0);t.useClickOutside=function(e,t){void 0===t&&(t=["mousedown","touchstart"]);var r=n.useRef();return n.useEffect((function(){var n=function(t){r.current&&!r.current.contains(t.target)&&e()};return t.forEach((function(e){return document.addEventListener(e,n)})),function(){t.forEach((function(e){return document.removeEventListener(e,n)}))}}),[r,e]),r}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useClipboard=void 0;var n=r(0);t.useClipboard=function(e){var t=(void 0===e?{}:e).timeout,r=void 0===t?2e3:t,u=n.useState(null),o=u[0],i=u[1],c=n.useState(!1),s=c[0],a=c[1],f=n.useState(null),d=f[0],l=f[1];return{copy:function(e){"clipboard"in navigator?navigator.clipboard.writeText(e).then((function(){return e=!0,clearTimeout(d),l(setTimeout((function(){return a(!1)}),r)),void a(e);var e})).catch((function(e){return i(e)})):i(new Error("useClipboard: navigator.clipboard is not supported"))},reset:function(){a(!1),i(null),clearTimeout(d)},error:o,copied:s}}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useDocumentTitle=void 0;var n=r(0);t.useDocumentTitle=function(e){n.useLayoutEffect((function(){"string"==typeof e&&e.trim().length>0&&(document.title=e.trim())}),[e])}},function(e,t,r){"use strict";var n=this&&this.__assign||function(){return(n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var u in t=arguments[r])Object.prototype.hasOwnProperty.call(t,u)&&(e[u]=t[u]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.useForm=void 0;var u=r(0);t.useForm=function(e){var t=e.initialValues,r=e.validationRules,o=void 0===r?{}:r,i=Object.keys(t).reduce((function(e,t){return e[t]=!1,e}),{}),c=u.useState(i),s=c[0],a=c[1],f=u.useState(t),d=f[0],l=f[1],v=function(){return a(i)},p=function(){var e=!0,t=Object.keys(d).reduce((function(t,r){return o&&"function"==typeof o[r]&&!o[r](d[r])?(t[r]=!0,e=!1):t[r]=!1,t}),{});return a(t),e},y=function(e,t){return a((function(r){var u;return n(n({},r),((u={})[e]=t,u))}))};return{values:d,errors:s,validate:p,reset:function(){l(t),v()},setErrors:a,setValues:l,setFieldValue:function(e,t){l((function(r){var u;return n(n({},r),((u={})[e]=t,u))})),y(e,!1)},setFieldError:y,validateField:function(e){return a((function(t){var r;return n(n({},t),((r={})[e]="function"==typeof o[e]&&!o[e](d[e]),r))}))},resetErrors:v,onSubmit:function(e){return function(t){t&&t.preventDefault(),p()&&e(d)}}}}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useId=void 0;var n=r(0),u=r(8);t.useId=function(e,t){void 0===t&&(t=u.nanoid);var r=n.useRef("mantine-"+t(5));return e||r.current}},function(e,r){e.exports=t},function(e,t,r){"use strict";var n=this&&this.__assign||function(){return(n=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var u in t=arguments[r])Object.prototype.hasOwnProperty.call(t,u)&&(e[u]=t[u]);return e}).apply(this,arguments)},u=this&&this.__spreadArrays||function(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),u=0;for(t=0;t<r;t++)for(var o=arguments[t],i=0,c=o.length;i<c;i++,u++)n[u]=o[i];return n};Object.defineProperty(t,"__esModule",{value:!0}),t.useListState=void 0;var o=r(0);t.useListState=function(e){void 0===e&&(e=[]);var t=o.useState(e),r=t[0],i=t[1];return[r,{setState:i,append:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i((function(t){return u(t,e)}))},prepend:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i((function(t){return u(e,t)}))},insert:function(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return i((function(r){return u(r.slice(0,e),t,r.slice(e))}))},apply:function(e){return i((function(t){return t.map((function(t,r){return e(t,r)}))}))},remove:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i((function(t){return t.filter((function(t,r){return!e.includes(r)}))}))},reorder:function(e){var t=e.from,r=e.to;return i((function(e){var n=u(e),o=e[t];return n.splice(t,1),n.splice(r,0,o),n}))},setItem:function(e,t){return i((function(r){var n=u(r);return n[e]=t,n}))},setItemProp:function(e,t,r){return i((function(o){var i,c=u(o);return c[e]=n(n({},c[e]),((i={})[t]=r,i)),c}))}}]}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useMergedRef=void 0,t.useMergedRef=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){e.forEach((function(e){"function"==typeof e?e(t):null!=e&&(e.current=t)}))}}},function(e,t,r){"use strict";var n=this&&this.__spreadArrays||function(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),u=0;for(t=0;t<r;t++)for(var o=arguments[t],i=0,c=o.length;i<c;i++,u++)n[u]=o[i];return n};Object.defineProperty(t,"__esModule",{value:!0}),t.useQueue=void 0;var u=r(0);t.useQueue=function(e){var t=e.initialValues,r=void 0===t?[]:t,o=e.limit,i=u.useState({state:r.slice(0,o),queue:r.slice(o)}),c=i[0],s=c.state,a=c.queue,f=i[1];return{state:s,queue:a,add:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return f((function(t){var r=n(t.state,t.queue,e);return{state:r.slice(0,o),queue:r.slice(o)}}))},update:function(e){return f((function(t){var r=e(n(t.state,t.queue));return{state:r.slice(0,o),queue:r.slice(o)}}))},cleanQueue:function(){return f((function(e){return{state:e.state,queue:[]}}))}}}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useReducedMotion=void 0;var n=r(1);t.useReducedMotion=function(){return n.useMediaQuery("(prefers-reduced-motion: reduce)")}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useScrollLock=void 0;var n=r(0);t.useScrollLock=function(e){var t=n.useRef(null),r=n.useRef(!1),u=function(){r.current&&(r.current=!1,document.body.style.overflow=t.current||"")};n.useEffect((function(){return e?(r.current=!0,t.current=document.body.style.overflow,document.body.style.overflow="hidden"):u(),u}),[e])}}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("nanoid")):"function"==typeof define&&define.amd?define(["react","nanoid"],t):"object"==typeof exports?exports["@mantine/hooks"]=t(require("react"),require("nanoid")):e["@mantine/hooks"]=t(e.react,e.nanoid)}(this,(function(e,t){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var u=t[r]={i:r,l:!1,exports:{}};return e[r].call(u.exports,u,u.exports,n),u.l=!0,u.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var u in e)n.d(r,u,function(t){return e[t]}.bind(null,u));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(t,n){t.exports=e},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useMediaQuery=void 0;var r=n(0);t.useMediaQuery=function(e){var t=r.useState(!1),n=t[0],u=t[1],o=r.useRef();return r.useEffect((function(){if("matchMedia"in window)return o.current=window.matchMedia(e),u(o.current.matches),function(e,t){try{return e.addEventListener("change",t),function(){return e.removeEventListener("change",t)}}catch(n){return e.addListener(t),function(){return e.removeListener(t)}}}(o.current,(function(e){return u(e.matches)}))}),[e]),n}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.findTabbableDescendants=t.tabbable=t.focusable=t.FOCUS_SELECTOR=void 0;var r=/input|select|textarea|button|object/;function u(e){return e.offsetWidth<=0&&e.offsetHeight<=0||"none"===e.style.display}function o(e){var t=e.getAttribute("tabindex");return null===t&&(t=void 0),parseInt(t,10)}function i(e){var t=e.nodeName.toLowerCase(),n=!Number.isNaN(o(e));return(r.test(t)&&!e.disabled||e instanceof HTMLAnchorElement&&e.href||n)&&function(e){for(var t=e;t&&t!==document.body;){if(u(t))return!1;t=t.parentNode}return!0}(e)}function c(e){var t=o(e);return(Number.isNaN(t)||t>=0)&&i(e)}t.FOCUS_SELECTOR="a, input, select, textarea, button, object, [tabindex]",t.focusable=i,t.tabbable=c,t.findTabbableDescendants=function(e){return Array.from(e.querySelectorAll(t.FOCUS_SELECTOR)).filter(c)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useWindowEvent=void 0;var r=n(0);t.useWindowEvent=function(e,t,n){r.useEffect((function(){return window.addEventListener(e,t,n),function(){return window.removeEventListener(e,t,n)}}),[])}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useWindowEvent=t.useScrollLock=t.useReducedMotion=t.useQueue=t.useMergedRef=t.useMediaQuery=t.useLocalStorageValue=t.useListState=t.useId=t.useForm=t.useFocusTrap=t.useDocumentTitle=t.useColorScheme=t.useClipboard=t.useClickOutside=void 0;var r=n(5);Object.defineProperty(t,"useClickOutside",{enumerable:!0,get:function(){return r.useClickOutside}});var u=n(6);Object.defineProperty(t,"useClipboard",{enumerable:!0,get:function(){return u.useClipboard}});var o=n(7);Object.defineProperty(t,"useColorScheme",{enumerable:!0,get:function(){return o.useColorScheme}});var i=n(8);Object.defineProperty(t,"useDocumentTitle",{enumerable:!0,get:function(){return i.useDocumentTitle}});var c=n(9);Object.defineProperty(t,"useFocusTrap",{enumerable:!0,get:function(){return c.useFocusTrap}});var a=n(13);Object.defineProperty(t,"useForm",{enumerable:!0,get:function(){return a.useForm}});var s=n(14);Object.defineProperty(t,"useId",{enumerable:!0,get:function(){return s.useId}});var f=n(16);Object.defineProperty(t,"useListState",{enumerable:!0,get:function(){return f.useListState}});var d=n(17);Object.defineProperty(t,"useLocalStorageValue",{enumerable:!0,get:function(){return d.useLocalStorageValue}});var l=n(1);Object.defineProperty(t,"useMediaQuery",{enumerable:!0,get:function(){return l.useMediaQuery}});var v=n(18);Object.defineProperty(t,"useMergedRef",{enumerable:!0,get:function(){return v.useMergedRef}});var p=n(19);Object.defineProperty(t,"useQueue",{enumerable:!0,get:function(){return p.useQueue}});var b=n(20);Object.defineProperty(t,"useReducedMotion",{enumerable:!0,get:function(){return b.useReducedMotion}});var m=n(21);Object.defineProperty(t,"useScrollLock",{enumerable:!0,get:function(){return m.useScrollLock}});var y=n(3);Object.defineProperty(t,"useWindowEvent",{enumerable:!0,get:function(){return y.useWindowEvent}})},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useClickOutside=void 0;var r=n(0);t.useClickOutside=function(e,t){void 0===t&&(t=["mousedown","touchstart"]);var n=r.useRef();return r.useEffect((function(){var r=function(t){n.current&&!n.current.contains(t.target)&&e()};return t.forEach((function(e){return document.addEventListener(e,r)})),function(){t.forEach((function(e){return document.removeEventListener(e,r)}))}}),[n,e]),n}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useClipboard=void 0;var r=n(0);t.useClipboard=function(e){var t=(void 0===e?{}:e).timeout,n=void 0===t?2e3:t,u=r.useState(null),o=u[0],i=u[1],c=r.useState(!1),a=c[0],s=c[1],f=r.useState(null),d=f[0],l=f[1];return{copy:function(e){"clipboard"in navigator?navigator.clipboard.writeText(e).then((function(){return e=!0,clearTimeout(d),l(setTimeout((function(){return s(!1)}),n)),void s(e);var e})).catch((function(e){return i(e)})):i(new Error("useClipboard: navigator.clipboard is not supported"))},reset:function(){s(!1),i(null),clearTimeout(d)},error:o,copied:a}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useColorScheme=void 0;var r=n(1);t.useColorScheme=function(){return r.useMediaQuery("(prefers-color-scheme: dark)")?"dark":"light"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useDocumentTitle=void 0;var r=n(0);t.useDocumentTitle=function(e){r.useLayoutEffect((function(){"string"==typeof e&&e.trim().length>0&&(document.title=e.trim())}),[e])}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useFocusTrap=void 0;var r=n(0),u=n(10),o=n(2),i=n(11),c=n(12);t.useFocusTrap=function(e){void 0===e&&(e=!0);var t=r.useRef(),n=r.useRef(null),a=r.useCallback((function(r){if(n.current&&n.current(),t.current&&(u.returnFocus(),u.teardownScopedFocus()),e&&r){u.setupScopedFocus(r),u.markForFocusLater();setTimeout((function(){r.ownerDocument&&function(e){n.current=c.createAriaHider(e);var t=null;if(!t){var u=Array.from(r.querySelectorAll(o.FOCUS_SELECTOR));!(t=u.find(o.tabbable)||u.find(o.focusable)||null)&&o.focusable(r)&&(t=r)}t&&t.focus()}(r)})),t.current=r}else t.current=null}),[e]);return r.useEffect((function(){if(e){var n=function(e){"Tab"===e.key&&t.current&&i.scopeTab(t.current,e)};return document.addEventListener("keydown",n),function(){document.removeEventListener("keydown",n)}}}),[e]),a}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.teardownScopedFocus=t.setupScopedFocus=t.returnFocus=t.markForFocusLater=void 0;var r=n(2),u=[],o=null,i=!1;function c(){i=!0}function a(){if(i){if(i=!1,!o)return;if(!o)return;if(o.contains(document.activeElement))return;(r.findTabbableDescendants(o)[0]||o).focus()}}t.markForFocusLater=function(){u.push(document.activeElement)},t.returnFocus=function(){var e=null;try{(e=u.pop())&&e.focus()}catch(t){console.warn(["[@mantine/hooks/use-focus-trap] Focus was returned to",e,"but dom node does not exist"].join(" "))}},t.setupScopedFocus=function(e){o=e,document.addEventListener("focusout",c,!1),document.addEventListener("focusin",a,!0)},t.teardownScopedFocus=function(){o=null,document.removeEventListener("focusout",c),document.removeEventListener("focusin",a)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.scopeTab=void 0;var r=n(2);t.scopeTab=function(e,t){var n=r.findTabbableDescendants(e);if(n.length){if(n[t.shiftKey?0:n.length-1]===document.activeElement||e===document.activeElement){t.preventDefault();var u=n[t.shiftKey?n.length-1:0];u&&u.focus()}}else t.preventDefault()}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createAriaHider=void 0,t.createAriaHider=function(e,t){void 0===t&&(t="body > :not(script)");var n=Array.from(document.querySelectorAll(t)).map((function(t){if(!t.contains(e)){var n=t.getAttribute("aria-hidden");return null!==n&&"false"!==n||t.setAttribute("aria-hidden","true"),{node:t,ariaHidden:n}}}));return function(){n.forEach((function(e){e&&(null===e.ariaHidden?e.node.removeAttribute("aria-hidden"):e.node.setAttribute("aria-hidden",e.ariaHidden))}))}}},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var u in t=arguments[n])Object.prototype.hasOwnProperty.call(t,u)&&(e[u]=t[u]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.useForm=void 0;var u=n(0);t.useForm=function(e){var t=e.initialValues,n=e.validationRules,o=void 0===n?{}:n,i=Object.keys(t).reduce((function(e,t){return e[t]=!1,e}),{}),c=u.useState(i),a=c[0],s=c[1],f=u.useState(t),d=f[0],l=f[1],v=function(){return s(i)},p=function(){var e=!0,t=Object.keys(d).reduce((function(t,n){return o&&"function"==typeof o[n]&&!o[n](d[n])?(t[n]=!0,e=!1):t[n]=!1,t}),{});return s(t),e},b=function(e,t){return s((function(n){var u;return r(r({},n),((u={})[e]=t,u))}))};return{values:d,errors:a,validate:p,reset:function(){l(t),v()},setErrors:s,setValues:l,setFieldValue:function(e,t){l((function(n){var u;return r(r({},n),((u={})[e]=t,u))})),b(e,!1)},setFieldError:b,validateField:function(e){return s((function(t){var n;return r(r({},t),((n={})[e]="function"==typeof o[e]&&!o[e](d[e]),n))}))},resetErrors:v,onSubmit:function(e){return function(t){t&&t.preventDefault(),p()&&e(d)}}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useId=void 0;var r=n(0),u=n(15);t.useId=function(e,t){void 0===t&&(t=u.nanoid);var n=r.useRef("mantine-"+t(5));return e||n.current}},function(e,n){e.exports=t},function(e,t,n){"use strict";var r=this&&this.__assign||function(){return(r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var u in t=arguments[n])Object.prototype.hasOwnProperty.call(t,u)&&(e[u]=t[u]);return e}).apply(this,arguments)},u=this&&this.__spreadArray||function(e,t){for(var n=0,r=t.length,u=e.length;n<r;n++,u++)e[u]=t[n];return e};Object.defineProperty(t,"__esModule",{value:!0}),t.useListState=void 0;var o=n(0);t.useListState=function(e){void 0===e&&(e=[]);var t=o.useState(e),n=t[0],i=t[1];return[n,{setState:i,append:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i((function(t){return u(u([],t),e)}))},prepend:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i((function(t){return u(u([],e),t)}))},insert:function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return i((function(n){return u(u(u([],n.slice(0,e)),t),n.slice(e))}))},apply:function(e){return i((function(t){return t.map((function(t,n){return e(t,n)}))}))},remove:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i((function(t){return t.filter((function(t,n){return!e.includes(n)}))}))},reorder:function(e){var t=e.from,n=e.to;return i((function(e){var r=u([],e),o=e[t];return r.splice(t,1),r.splice(n,0,o),r}))},setItem:function(e,t){return i((function(n){var r=u([],n);return r[e]=t,r}))},setItemProp:function(e,t,n){return i((function(o){var i,c=u([],o);return c[e]=r(r({},c[e]),((i={})[t]=n,i)),c}))}}]}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useLocalStorageValue=void 0;var r=n(0),u=n(3);t.useLocalStorageValue=function(e){var t=e.key,n=e.defaultValue,o=void 0===n?null:n,i=r.useState("undefined"!=typeof window&&"localStorage"in window?window.localStorage.getItem(t):o),c=i[0],a=i[1];return u.useWindowEvent("storage",(function(e){e.storageArea===window.localStorage&&e.key===t&&a(e.newValue)})),[c,function(e){"function"==typeof e?a((function(n){var r=e(n);return window.localStorage.setItem(t,r),r})):(window.localStorage.setItem(t,e),a(e))}]}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useMergedRef=void 0,t.useMergedRef=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){e.forEach((function(e){"function"==typeof e?e(t):null!=e&&(e.current=t)}))}}},function(e,t,n){"use strict";var r=this&&this.__spreadArray||function(e,t){for(var n=0,r=t.length,u=e.length;n<r;n++,u++)e[u]=t[n];return e};Object.defineProperty(t,"__esModule",{value:!0}),t.useQueue=void 0;var u=n(0);t.useQueue=function(e){var t=e.initialValues,n=void 0===t?[]:t,o=e.limit,i=u.useState({state:n.slice(0,o),queue:n.slice(o)}),c=i[0],a=c.state,s=c.queue,f=i[1];return{state:a,queue:s,add:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return f((function(t){var n=r(r(r([],t.state),t.queue),e);return{state:n.slice(0,o),queue:n.slice(o)}}))},update:function(e){return f((function(t){var n=e(r(r([],t.state),t.queue));return{state:n.slice(0,o),queue:n.slice(o)}}))},cleanQueue:function(){return f((function(e){return{state:e.state,queue:[]}}))}}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useReducedMotion=void 0;var r=n(1);t.useReducedMotion=function(){return r.useMediaQuery("(prefers-reduced-motion: reduce)")}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.useScrollLock=void 0;var r=n(0);t.useScrollLock=function(e){var t=r.useRef(null),n=r.useRef(!1),u=function(){n.current&&(n.current=!1,document.body.style.overflow=t.current||"")};r.useEffect((function(){return e?(n.current=!0,t.current=document.body.style.overflow,document.body.style.overflow="hidden"):u(),u}),[e])}}])}));
 //# sourceMappingURL=lib.js.map

dist/use-form/use-form.d.ts

@@ -13,6 +13,6 @@ import React from 'react';
     values: T;
-    errors: Record<keyof T, boolean>;
+    errors: { [P in keyof T]: boolean; };
     validate: () => boolean;
     reset: () => void;
-    setErrors: React.Dispatch<React.SetStateAction<Record<keyof T, boolean>>>;
+    setErrors: React.Dispatch<React.SetStateAction<{ [P in keyof T]: boolean; }>>;
     setValues: React.Dispatch<React.SetStateAction<T>>;
@@ -19,0 +19,0 @@ setFieldValue: <K extends keyof T, U extends T[K]>(field: K, value: U) => void;

package.json

 {
   "name": "@mantine/hooks",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "main": "dist/lib.js",
@@ -5,0 +5,0 @@ "types": "dist/index.d.ts",

README.md

@@ -24,17 +24,16 @@ # Mantine Hooks
 
-- [use-click-outside](https://mantine.dev/hooks/use-click-outside/) – capture click and touch
-  events from outside of given container
-- [use-clipboard](https://mantine.dev/hooks/use-clipboard/) – provides convenient interface to
-  work with clipboard api
+- [use-click-outside](https://mantine.dev/hooks/use-click-outside/) – capture click and touch events from outside of given container
+- [use-clipboard](https://mantine.dev/hooks/use-clipboard/) – provides convenient interface to work with clipboard api
+- [use-color-scheme](https://mantine.dev/hooks/use-color-scheme/) – detect system color scheme
 - [use-document-title](https://mantine.dev/hooks/use-document-title/) - set document.title property
+- [use-focus-tap](https://mantine.dev/hooks/use-focus-tap/) – trap focus at given node
 - [use-form](https://mantine.dev/hooks/use-form/) – bare minimum form state management
 - [use-id](https://mantine.dev/hooks/use-id/) – ensure id for form controls binding
-- [use-list-state](https://mantine.dev/hooks/use-list-state/) – hook for convenient array state
-  management
-- [use-media-query](https://mantine.dev/hooks/use-media-query/) – execute and subscribe to window.matchMedia
-  queries
+- [use-list-state](https://mantine.dev/hooks/use-list-state/) – hook for convenient array state management
+- [use-local-storage-value](https://mantine.dev/hooks/use-local-storage-value/) – use value from localStorage as react state, sync state across tabs
+- [use-media-query](https://mantine.dev/hooks/use-media-query/) – execute and subscribe to window.matchMedia queries
 - [use-queue](https://mantine.dev/hooks/use-queue/) – add data to queue if given limit is exceeded
-- [use-reduced-motion](https://mantine.dev/hooks/use-reduced-motion/) – check if user prefers
-  to reduce motion
+- [use-reduced-motion](https://mantine.dev/hooks/use-reduced-motion/) – check if user prefers to reduce motion
 - [use-scroll-lock](https://mantine.dev/hooks/use-scroll-lock/) – lock document.body scroll at current position
+- [use-window-event](https://mantine.dev/hooks/use-window-event/) – adds event listener to window object on component mount and removes it on unmount
 
@@ -41,0 +40,0 @@ ## Licence

src/index.ts

 export { useClickOutside } from './use-click-outside/use-click-outside';
 export { useClipboard } from './use-clipboard/use-clipboard';
+export { useColorScheme } from './use-color-scheme/use-color-scheme';
 export { useDocumentTitle } from './use-document-title/use-document-title';
+export { useFocusTrap } from './use-focus-trap/use-focus-trap';
 export { useForm } from './use-form/use-form';
 export { useId } from './use-id/use-id';
 export { useListState } from './use-list-state/use-list-state';
+export { useLocalStorageValue } from './use-local-storage-value/use-local-storage-value';
 export { useMediaQuery } from './use-media-query/use-media-query';
@@ -12,1 +15,2 @@ export { useMergedRef } from './use-merged-ref/use-merged-ref';
 export { useScrollLock } from './use-scroll-lock/use-scroll-lock';
+export { useWindowEvent } from './use-window-event/use-window-event';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

120013

increased by44.01%

Number of package files

86

increased by38.71%

Lines of code

1130

increased by38.82%

Worsened metrics

Number of lines in readme file

42

decreased by-2.33%

No dependency changes