@mantine/notifications - npm Package Compare versions

Comparing version 0.8.0 to 0.9.0

dist/lib.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("@mantine/core"),require("@mantine/hooks"),require("clsx"),require("react-transition-group"),require("react-jss")):"function"==typeof define&&define.amd?define(["react","@mantine/core","@mantine/hooks","clsx","react-transition-group","react-jss"],e):"object"==typeof exports?exports["@mantine/notifications"]=e(require("react"),require("@mantine/core"),require("@mantine/hooks"),require("clsx"),require("react-transition-group"),require("react-jss")):t["@mantine/notifications"]=e(t.react,t["@mantine/core"],t["@mantine/hooks"],t.clsx,t["react-transition-group"],t["react-jss"])}(this,(function(t,e,n,i,o,r){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=4)}([function(e,n){e.exports=t},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.NotificationsContext=void 0;var i=n(0);e.NotificationsContext=i.createContext(null),e.NotificationsContext.displayName="@mantine/notifications/NotificationsContext"},function(t,n){t.exports=e},function(t,e){t.exports=n},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.NotificationsProvider=e.useNotifications=void 0;var i=n(5);Object.defineProperty(e,"useNotifications",{enumerable:!0,get:function(){return i.useNotifications}});var o=n(6);Object.defineProperty(e,"NotificationsProvider",{enumerable:!0,get:function(){return o.NotificationsProvider}})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.useNotifications=void 0;var i=n(0),o=n(1);e.useNotifications=function(){var t=i.useContext(o.NotificationsContext);if(!t)throw new Error("@mantine/notifications: NotificationsProvider was not found in tree");return t}},function(t,e,n){"use strict";var i=this&&this.__assign||function(){return(i=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)},o=this&&this.__rest||function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(t,i[o])&&(n[i[o]]=t[i[o]])}return n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.NotificationsProvider=void 0;var a=r(n(0)),u=r(n(7)),c=n(8),s=n(2),f=n(3),l=n(1),d=r(n(9)),p=r(n(10)),m=r(n(11)),v=r(n(13)),h=r(n(15)),y=["top-left","top-right","top-center","bottom-left","bottom-right","bottom-center"];function b(t){var e=t.className,n=t.position,r=void 0===n?"bottom-right":n,b=t.themeOverride,g=t.autoClose,_=void 0===g?4e3:g,O=t.transitionDuration,x=void 0===O?250:O,j=t.containerWidth,N=void 0===j?440:j,P=t.notificationMaxHeight,M=void 0===P?200:P,C=t.limit,w=void 0===C?5:C,E=t.zIndex,q=void 0===E?5e3:E,S=t.style,T=t.children,H=o(t,["className","position","themeOverride","autoClose","transitionDuration","containerWidth","notificationMaxHeight","limit","zIndex","style","children"]),D=h.default({limit:w}),z=D.notifications,k=D.showNotification,I=D.updateNotification,Q=D.hideNotification,X=D.clean,Y=D.cleanQueue,W=f.useReducedMotion()?1:x,R=s.useMantineTheme(b),A=v.default({theme:R}),B=(y.includes(r)?r:"bottom-right").split("-"),F=z.map((function(t){return a.default.createElement(c.Transition,{key:t.id,timeout:W,unmountOnExit:!0,mountOnEnter:!0,onEnter:function(t){return t.offsetHeight}},(function(e){return a.default.createElement(m.default,{notification:t,onHide:Q,className:A.notification,autoClose:_,style:i({},p.default({state:e,positioning:B,transitionDuration:W,maxHeight:M}))})}))}));return a.default.createElement(l.NotificationsContext.Provider,{value:{notifications:z,showNotification:k,hideNotification:Q,updateNotification:I,clean:X,cleanQueue:Y}},a.default.createElement(s.Portal,{zIndex:q},a.default.createElement("div",i({className:u.default(A.notifications,e),style:i(i({maxWidth:N},d.default(B,N,R.spacing.md)),S)},H),a.default.createElement(c.TransitionGroup,null,F))),T)}e.NotificationsProvider=b,b.displayName="@mantine/notifications/NotificationsProvider"},function(t,e){t.exports=i},function(t,e){t.exports=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e,n){var i=t[0],o=t[1],r={};return"top"===i&&(r.top=n),"bottom"===i&&(r.bottom=n),"left"===o&&(r.left=n),"right"===o&&(r.right=n),"center"===o&&(r.left="calc(50% - "+e/2+"px)"),r}},function(t,e,n){"use strict";var i=this&&this.__assign||function(){return(i=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0});var o={left:"translateX(-100%)",right:"translateX(100%)","top-center":"translateY(-100%)","bottom-center":"translateY(100%)"},r={left:"translateX(0)",right:"translateX(0)","top-center":"translateY(0)","bottom-center":"translateY(0)"};e.default=function(t){var e=t.state,n=t.maxHeight,a=t.positioning,u=t.transitionDuration,c=a[0],s=a[1],f="center"===s?c+"-center":s,l={opacity:1,transform:r[f]},d={opacity:0,maxHeight:0,transform:o[f]},p={entering:l,entered:l,exiting:d,exited:d};return i(i({},{opacity:0,maxHeight:n,transform:o[f],transitionDuration:u+"ms, "+u+"ms, "+u+"ms",transitionTimingFunction:"cubic-bezier(.51,.3,0,1.21), cubic-bezier(.51,.3,0,1.21), linear",transitionProperty:"opacity, transform, max-height"}),p[e])}},function(t,e,n){"use strict";var i=this&&this.__createBinding||(Object.create?function(t,e,n,i){void 0===i&&(i=n),Object.defineProperty(t,i,{enumerable:!0,get:function(){return e[n]}})}:function(t,e,n,i){void 0===i&&(i=n),t[i]=e[n]}),o=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),r=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)"default"!==n&&Object.prototype.hasOwnProperty.call(t,n)&&i(e,t,n);return o(e,t),e},a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0});var u=r(n(0)),c=n(2),s=a(n(12));function f(t){var e=t.className,n=t.style,i=t.themeOverride,o=t.notification,r=t.autoClose,a=t.onHide,f=s.default(r,o),l=u.useRef(),d=function(){"function"==typeof o.onClose&&o.onClose(o),a(o.id),window.clearTimeout(l.current)},p=function(){clearTimeout(l.current)},m=function(){"number"==typeof f&&(l.current=window.setTimeout(d,f))};return u.useEffect((function(){"function"==typeof o.onOpen&&o.onOpen(o)}),[]),u.useEffect((function(){return m(),p}),[r,o.autoClose]),u.default.createElement(c.Notification,{style:n,className:e,title:o.title,themeOverride:i,onClose:d,color:o.color,icon:o.icon,loading:o.loading,disallowClose:o.disallowClose,onMouseEnter:p,onMouseLeave:m},o.message)}e.default=f,f.displayName="@mantine/notifications/NotificationContainer"},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){return"number"==typeof e.autoClose?e.autoClose:!1!==e.autoClose&&!1!==t&&t}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(14);e.default=i.createUseStyles({notifications:function(t){return{width:"calc(100% - "+2*t.theme.spacing.md+"px)",boxSizing:"border-box",position:"fixed",zIndex:1e3}},notification:function(t){return{"& + &":{marginTop:t.theme.spacing.sm}}}},{link:!0})},function(t,e){t.exports=r},function(t,e,n){"use strict";var i=this&&this.__assign||function(){return(i=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)},o=this&&this.__spreadArray||function(t,e){for(var n=0,i=e.length,o=t.length;n<i;n++,o++)t[o]=e[n];return t};Object.defineProperty(e,"__esModule",{value:!0});var r=n(3);e.default=function(t){var e=t.limit,n=r.useQueue({initialValues:[],limit:e}),a=n.state,u=n.queue,c=n.update;return{notifications:a,queue:u,showNotification:function(t){var e=t.id||Math.random().toString(36).substr(2,9);return c((function(n){return t.id&&n.some((function(e){return e.id===t.id}))?n:o(o([],n),[i(i({},t),{id:e})])})),e},updateNotification:function(t,e){return c((function(n){var i=n.findIndex((function(e){return e.id===t}));if(-1===i)return n;var r=o([],n);return r[i]=e,r}))},hideNotification:function(t){return c((function(e){return e.filter((function(e){return e.id!==t}))}))},cleanQueue:n.cleanQueue,clean:function(){return c((function(){return[]}))}}}}])}));
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("react"),require("@mantine/core"),require("@mantine/hooks"),require("clsx"),require("react-transition-group"),require("react-jss")):"function"==typeof define&&define.amd?define(["react","@mantine/core","@mantine/hooks","clsx","react-transition-group","react-jss"],e):"object"==typeof exports?exports["@mantine/notifications"]=e(require("react"),require("@mantine/core"),require("@mantine/hooks"),require("clsx"),require("react-transition-group"),require("react-jss")):t["@mantine/notifications"]=e(t.react,t["@mantine/core"],t["@mantine/hooks"],t.clsx,t["react-transition-group"],t["react-jss"])}(this,(function(t,e,n,i,o,r){return function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=4)}([function(e,n){e.exports=t},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.NotificationsContext=void 0;var i=n(0);e.NotificationsContext=i.createContext(null),e.NotificationsContext.displayName="@mantine/notifications/NotificationsContext"},function(t,n){t.exports=e},function(t,e){t.exports=n},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.NotificationsProvider=e.useNotifications=void 0;var i=n(5);Object.defineProperty(e,"useNotifications",{enumerable:!0,get:function(){return i.useNotifications}});var o=n(6);Object.defineProperty(e,"NotificationsProvider",{enumerable:!0,get:function(){return o.NotificationsProvider}})},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.useNotifications=void 0;var i=n(0),o=n(1);e.useNotifications=function(){var t=i.useContext(o.NotificationsContext);if(!t)throw new Error("@mantine/notifications: NotificationsProvider was not found in tree");return t}},function(t,e,n){"use strict";var i=this&&this.__assign||function(){return(i=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)},o=this&&this.__rest||function(t,e){var n={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)e.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(t,i[o])&&(n[i[o]]=t[i[o]])}return n},r=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.NotificationsProvider=void 0;var a=r(n(0)),u=r(n(7)),c=n(8),s=n(2),f=n(3),l=n(1),d=r(n(9)),p=r(n(10)),m=r(n(11)),v=r(n(13)),h=r(n(15)),y=["top-left","top-right","top-center","bottom-left","bottom-right","bottom-center"];function b(t){var e=t.className,n=t.position,r=void 0===n?"bottom-right":n,b=t.themeOverride,g=t.autoClose,_=void 0===g?4e3:g,O=t.transitionDuration,x=void 0===O?250:O,j=t.containerWidth,N=void 0===j?440:j,P=t.notificationMaxHeight,M=void 0===P?200:P,C=t.limit,w=void 0===C?5:C,E=t.zIndex,q=void 0===E?5e3:E,S=t.style,T=t.children,H=o(t,["className","position","themeOverride","autoClose","transitionDuration","containerWidth","notificationMaxHeight","limit","zIndex","style","children"]),D=h.default({limit:w}),z=D.notifications,I=D.showNotification,k=D.updateNotification,Q=D.hideNotification,X=D.clean,Y=D.cleanQueue,W=f.useReducedMotion()?1:x,R=s.useMantineTheme(b),A=v.default({theme:R}),B=(y.includes(r)?r:"bottom-right").split("-"),F=z.map((function(t){return a.default.createElement(c.Transition,{key:t.id,timeout:W,unmountOnExit:!0,mountOnEnter:!0,onEnter:function(t){return t.offsetHeight}},(function(e){return a.default.createElement(m.default,{notification:t,onHide:Q,className:A.notification,autoClose:_,style:i({},p.default({state:e,positioning:B,transitionDuration:W,maxHeight:M}))})}))}));return a.default.createElement(l.NotificationsContext.Provider,{value:{notifications:z,showNotification:I,hideNotification:Q,updateNotification:k,clean:X,cleanQueue:Y}},a.default.createElement(s.Portal,{zIndex:q},a.default.createElement("div",i({className:u.default(A.notifications,e),style:i(i({maxWidth:N},d.default(B,N,R.spacing.md)),S)},H),a.default.createElement(c.TransitionGroup,null,F))),T)}e.NotificationsProvider=b,b.displayName="@mantine/notifications/NotificationsProvider"},function(t,e){t.exports=i},function(t,e){t.exports=o},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e,n){var i=t[0],o=t[1],r={};return"top"===i&&(r.top=n),"bottom"===i&&(r.bottom=n),"left"===o&&(r.left=n),"right"===o&&(r.right=n),"center"===o&&(r.left="calc(50% - "+e/2+"px)"),r}},function(t,e,n){"use strict";var i=this&&this.__assign||function(){return(i=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)};Object.defineProperty(e,"__esModule",{value:!0});var o={left:"translateX(-100%)",right:"translateX(100%)","top-center":"translateY(-100%)","bottom-center":"translateY(100%)"},r={left:"translateX(0)",right:"translateX(0)","top-center":"translateY(0)","bottom-center":"translateY(0)"};e.default=function(t){var e=t.state,n=t.maxHeight,a=t.positioning,u=t.transitionDuration,c=a[0],s=a[1],f="center"===s?c+"-center":s,l={opacity:1,transform:r[f]},d={opacity:0,maxHeight:0,transform:o[f]},p={entering:l,entered:l,exiting:d,exited:d};return i(i({},{opacity:0,maxHeight:n,transform:o[f],transitionDuration:u+"ms, "+u+"ms, "+u+"ms",transitionTimingFunction:"cubic-bezier(.51,.3,0,1.21), cubic-bezier(.51,.3,0,1.21), linear",transitionProperty:"opacity, transform, max-height"}),p[e])}},function(t,e,n){"use strict";var i=this&&this.__createBinding||(Object.create?function(t,e,n,i){void 0===i&&(i=n),Object.defineProperty(t,i,{enumerable:!0,get:function(){return e[n]}})}:function(t,e,n,i){void 0===i&&(i=n),t[i]=e[n]}),o=this&&this.__setModuleDefault||(Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e}),r=this&&this.__importStar||function(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var n in t)"default"!==n&&Object.prototype.hasOwnProperty.call(t,n)&&i(e,t,n);return o(e,t),e},a=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0});var u=r(n(0)),c=n(2),s=a(n(12));function f(t){var e=t.className,n=t.style,i=t.themeOverride,o=t.notification,r=t.autoClose,a=t.onHide,f=s.default(r,o),l=u.useRef(),d=function(){"function"==typeof o.onClose&&o.onClose(o),a(o.id),window.clearTimeout(l.current)},p=function(){clearTimeout(l.current)},m=function(){"number"==typeof f&&(l.current=window.setTimeout(d,f))};return u.useEffect((function(){"function"==typeof o.onOpen&&o.onOpen(o)}),[]),u.useEffect((function(){return m(),p}),[r,o.autoClose]),u.default.createElement(c.Notification,{style:n,className:e,title:o.title,themeOverride:i,onClose:d,color:o.color,icon:o.icon,loading:o.loading,disallowClose:o.disallowClose,onMouseEnter:p,onMouseLeave:m},o.message)}e.default=f,f.displayName="@mantine/notifications/NotificationContainer"},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=function(t,e){return"number"==typeof e.autoClose?e.autoClose:!1!==e.autoClose&&!1!==t&&t}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(14);e.default=i.createUseStyles({notifications:function(t){return{width:"calc(100% - "+2*t.theme.spacing.md+"px)",boxSizing:"border-box",position:"fixed",zIndex:1e3}},notification:function(t){return{"& + &":{marginTop:t.theme.spacing.sm}}}},{link:!0})},function(t,e){t.exports=r},function(t,e,n){"use strict";var i=this&&this.__assign||function(){return(i=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++)for(var o in e=arguments[n])Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o]);return t}).apply(this,arguments)},o=this&&this.__spreadArray||function(t,e){for(var n=0,i=e.length,o=t.length;n<i;n++,o++)t[o]=e[n];return t};Object.defineProperty(e,"__esModule",{value:!0});var r=n(3);e.default=function(t){var e=t.limit,n=r.useQueue({initialValues:[],limit:e}),a=n.state,u=n.queue,c=n.update;return{notifications:a,queue:u,showNotification:function(t){var e=t.id||r.randomId();return c((function(n){return t.id&&n.some((function(e){return e.id===t.id}))?n:o(o([],n),[i(i({},t),{id:e})])})),e},updateNotification:function(t,e){return c((function(n){var i=n.findIndex((function(e){return e.id===t}));if(-1===i)return n;var r=o([],n);return r[i]=e,r}))},hideNotification:function(t){return c((function(e){return e.filter((function(e){return e.id!==t}))}))},cleanQueue:n.cleanQueue,clean:function(){return c((function(){return[]}))}}}}])}));
 //# sourceMappingURL=lib.js.map

dist/mantine-core/src/Card/CardsGrid/CardsGrid.d.ts

@@ -8,7 +8,2 @@ import React from 'react';
     cardsPerRow?: number;
-    /** Amount of cards that should be in each row at given max-width, overrides cardsPerRow at given breakpoint */
-    breakpoints?: {
-        maxWidth: number | string;
-        cardsPerRow: number;
-    }[];
     /** Should last row items fill all available space */
@@ -19,3 +14,3 @@ grow?: boolean;
 }
-export declare function CardsGrid({ gutter, cardsPerRow, breakpoints, grow, children, className, themeOverride, ...others }: CardsGridProps): JSX.Element;
+export declare function CardsGrid({ gutter, cardsPerRow, grow, children, className, themeOverride, ...others }: CardsGridProps): JSX.Element;
 export declare namespace CardsGrid {
@@ -22,0 +17,0 @@ var displayName: string;

dist/mantine-core/src/Card/CardsGrid/CardsGrid.styles.d.ts

@@ -6,6 +6,2 @@ import { MantineNumberSize, MantineTheme } from '@mantine/theme';
     cardsPerRow: number;
-    breakpoints: {
-        maxWidth: number | string;
-        cardsPerRow: number;
-    }[];
     grow: boolean;
@@ -12,0 +8,0 @@ }

dist/mantine-core/src/ColorSwatch/ColorSwatch.d.ts

@@ -12,3 +12,3 @@ import React from 'react';
 }
-export declare function ColorSwatch<T extends React.ElementType = 'div', U = HTMLDivElement>({ component: Element, color, size, style, radius, className, ...others }: ComponentPassThrough<T, ColorSwatchProps> & {
+export declare function ColorSwatch<T extends React.ElementType = 'div', U = HTMLDivElement>({ component: Element, color, size, style, radius, className, themeOverride, ...others }: ComponentPassThrough<T, ColorSwatchProps> & {
     /** Get element ref */
@@ -15,0 +15,0 @@ elementRef?: React.ForwardedRef<U>;

dist/mantine-core/src/index.d.ts

 export * from '@mantine/theme';
 export type { InputProps } from './Input/Input';
 export type { InputWrapperBaseProps } from './InputWrapper/InputWrapper';
+export type { MantineTransition } from './Transition/Transition';
 export { ActionIcon, ACTION_ICON_SIZES } from './ActionIcon/ActionIcon';
@@ -42,3 +43,3 @@ export { Alert } from './Alert/Alert';
 export { Tabs, Tab } from './Tabs/Tabs';
-export { Text } from './Text/Text';
+export { Text, Anchor } from './Text/Text';
 export { Textarea } from './Textarea/Textarea';
@@ -45,0 +46,0 @@ export { TextInput } from './TextInput/TextInput';

dist/mantine-core/src/Text/Text.d.ts

@@ -26,2 +26,8 @@ import React from 'react';
 }
+export declare function Anchor<T extends React.ElementType = 'a', U = HTMLAnchorElement>({ component, ...others }: ComponentPassThrough<T, TextProps> & {
+    elementRef?: React.ForwardedRef<U>;
+}): JSX.Element;
+export declare namespace Anchor {
+    var displayName: string;
+}
 //# sourceMappingURL=Text.d.ts.map

dist/mantine-hooks/src/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/mantine-hooks/src/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/notifications",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "main": "dist/lib.js",
@@ -10,4 +10,4 @@ "license": "MIT",
   "peerDependencies": {
-    "@mantine/core": "0.8.0",
-    "@mantine/hooks": "0.8.0",
+    "@mantine/core": "0.9.0",
+    "@mantine/hooks": "0.9.0",
     "react": ">=16.8.0",
@@ -14,0 +14,0 @@ "react-dom": ">=16.8.0",

README.md

 # Mantine Notifications
 
-![Demo](./demo.gif)
+![Demo](https://github.com/mantinedev/mantine/blob/master/.demo/notifications.gif)
 
@@ -5,0 +5,0 @@ Notifications system built on top of [Mantine](https://mantine.dev/) components library.

src/NotificationsProvider/use-notifications-state/use-notifications-state.test.ts

@@ -33,3 +33,3 @@ import { act, renderHook } from '@testing-library/react-hooks';
 
-    expect(id).toHaveLength(9);
+    expect(id).not.toBe(null);
   });
@@ -36,0 +36,0 @@

src/NotificationsProvider/use-notifications-state/use-notifications-state.ts

@@ -1,8 +0,4 @@
-import { useQueue } from '@mantine/hooks';
+import { useQueue, randomId } from '@mantine/hooks';
 import { NotificationProps } from '../../types';
 
-function randomId() {
-  return Math.random().toString(36).substr(2, 9);
-}
-
 export default function useNotificationsState({ limit }: { limit: number }) {
@@ -9,0 +5,0 @@ const { state, queue, update, cleanQueue } = useQueue<NotificationProps>({

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

Worsened metrics

Total package byte prevSize

268877

decreased by-87.24%

Number of package files

348

decreased by-0.29%

Lines of code

3227

decreased by-0.12%

No dependency changes