@mantine/hooks - npm Package Compare versions

Comparing version 0.8.0 to 0.9.0

dist/index.d.ts

@@ -7,3 +7,3 @@ export { useClickOutside } from './use-click-outside/use-click-outside';
 export { useForm } from './use-form/use-form';
-export { useId } from './use-id/use-id';
+export { useId, randomId } from './use-id/use-id';
 export { useListState } from './use-list-state/use-list-state';
@@ -10,0 +10,0 @@ export { useLocalStorageValue } from './use-local-storage-value/use-local-storage-value';

dist/lib.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["@mantine/hooks"]=t(require("react")):e["@mantine/hooks"]=t(e.react)}(this,(function(e){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(15);Object.defineProperty(t,"useListState",{enumerable:!0,get:function(){return f.useListState}});var d=n(16);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(17);Object.defineProperty(t,"useMergedRef",{enumerable:!0,get:function(){return v.useMergedRef}});var p=n(18);Object.defineProperty(t,"useQueue",{enumerable:!0,get:function(){return p.useQueue}});var b=n(19);Object.defineProperty(t,"useReducedMotion",{enumerable:!0,get:function(){return b.useReducedMotion}});var m=n(20);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);function u(){return Math.random().toString(36).substr(2,9)}t.useId=function(e,t){void 0===t&&(t=u);var n=r.useRef("mantine-"+t(5));return e||n.current}},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])}}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports["@mantine/hooks"]=t(require("react")):e["@mantine/hooks"]=t(e.react)}(this,(function(e){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.randomId=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}}),Object.defineProperty(t,"randomId",{enumerable:!0,get:function(){return s.randomId}});var f=n(15);Object.defineProperty(t,"useListState",{enumerable:!0,get:function(){return f.useListState}});var d=n(16);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(17);Object.defineProperty(t,"useMergedRef",{enumerable:!0,get:function(){return v.useMergedRef}});var p=n(18);Object.defineProperty(t,"useQueue",{enumerable:!0,get:function(){return p.useQueue}});var b=n(19);Object.defineProperty(t,"useReducedMotion",{enumerable:!0,get:function(){return b.useReducedMotion}});var m=n(20);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=t.randomId=void 0;var r=n(0);function u(){return"mantine-"+Math.random().toString(36).substr(2,9)}t.randomId=u,t.useId=function(e,t){void 0===t&&(t=u);var n=r.useRef(t());return e||n.current}},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-id/use-id.d.ts

@@ -1,2 +0,3 @@
-export declare function useId(id?: string, generateId?: (size: number) => string): string;
+export declare function randomId(): string;
+export declare function useId(id?: string, generateId?: () => string): string;
 //# sourceMappingURL=use-id.d.ts.map

package.json

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

src/index.ts

@@ -7,3 +7,3 @@ export { useClickOutside } from './use-click-outside/use-click-outside';
 export { useForm } from './use-form/use-form';
-export { useId } from './use-id/use-id';
+export { useId, randomId } from './use-id/use-id';
 export { useListState } from './use-list-state/use-list-state';
@@ -10,0 +10,0 @@ export { useLocalStorageValue } from './use-local-storage-value/use-local-storage-value';

src/use-id/use-id.test.ts

@@ -17,4 +17,4 @@ import { renderHook } from '@testing-library/react-hooks';
     const hook = renderHook(() => useId(null, () => 'test-id'));
-    expect(hook.result.current).toBe('mantine-test-id');
+    expect(hook.result.current).toBe('test-id');
   });
 });

src/use-id/use-id.ts

 import { useRef } from 'react';
 
-function randomId() {
-  return Math.random().toString(36).substr(2, 9);
+export function randomId() {
+  return `mantine-${Math.random().toString(36).substr(2, 9)}`;
 }
 
-export function useId(id?: string, generateId: (size: number) => string = randomId) {
-  const generatedId = useRef(`mantine-${generateId(5)}`);
+export function useId(id?: string, generateId: () => string = randomId) {
+  const generatedId = useRef(generateId());
   return id || generatedId.current;
 }

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

120272

increased by0.4%

Lines of code

1134

increased by0.18%

No dependency changes