@leafygreen-ui/leafygreen-provider - npm Package Compare versions

Comparing version 2.2.0 to 2.3.0

CHANGELOG.md

 # @leafygreen-ui/leafygreen-provider
 
+## 2.3.0
+
+### Minor Changes
+
+- 99e20bb9: Reusable DarkModeProps and darkMode prop for LeafygreenProvider
+
+### Patch Changes
+
+- Updated dependencies [85d46871]
+- Updated dependencies [99e20bb9]
+  - @leafygreen-ui/lib@9.4.0
+
 ## 2.2.0
@@ -4,0 +16,0 @@

dist/esm/index.js

@@ -1,2 +0,2 @@
-import{useContext as r,createContext as e,useState as n,useMemo as o}from"react";import t from"prop-types";import{useEventListener as i}from"@leafygreen-ui/hooks";import{jsx as a}from"@emotion/react";function u(r,e){return function(r){if(Array.isArray(r))return r}(r)||function(r,e){var n=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null==n)return;var o,t,i=[],a=!0,u=!1;try{for(n=n.call(r);!(a=(o=n.next()).done)&&(i.push(o.value),!e||i.length!==e);a=!0);}catch(r){u=!0,t=r}finally{try{a||null==n.return||n.return()}finally{if(u)throw t}}return i}(r,e)||function(r,e){if(!r)return;if("string"==typeof r)return l(r,e);var n=Object.prototype.toString.call(r).slice(8,-1);"Object"===n&&r.constructor&&(n=r.constructor.name);if("Map"===n||"Set"===n)return Array.from(r);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return l(r,e)}(r,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(r,e){(null==e||e>r.length)&&(e=r.length);for(var n=0,o=new Array(e);n<e;n++)o[n]=r[n];return o}var p=e({usingKeyboard:!0,setUsingKeyboard:function(){}}),d={tab:9,leftArrow:37,upArrow:38,rightArrow:39,downArrow:40};function c(){return r(p)}function v(r){var e=r.children,t=u(n(!1),2),l=t[0],c=t[1];i("mousedown",(function(){return c(!1)}),{enabled:l}),i("keydown",(function(r){var e=r.keyCode;Object.values(d).includes(e)&&c(!0)}),{enabled:!l});var v=o((function(){return{usingKeyboard:l,setUsingKeyboard:c}}),[l]);return a(p.Provider,{value:v},e)}v.displayName="UsingKeyboardProvider",v.propTypes={children:t.node};var f={popover:{portalContainer:void 0,scrollContainer:void 0}},s=e(f);function y(){return r(s).popover}function m(r){var e=r.popover,n=void 0===e?f.popover:e,o=r.children;return a(s.Provider,{value:{popover:n}},o)}var b=e({isPopoverOpen:!1,setIsPopoverOpen:function(){}});function h(){return r(b)}function g(r){var e=r.children,t=u(n(!1),2),i=t[0],l=t[1],p=o((function(){return{isPopoverOpen:i,setIsPopoverOpen:l}}),[i]);return a(b.Provider,{value:p},e)}g.displayName="PopoverProvider",g.propTypes={children:t.node};var P=e(14);function w(){return r(P)}function A(r){var e=r.children,n=r.baseFontSize,o=void 0===n?14:n;return a(P.Provider,{value:o},e)}function S(r){var e=r.children,n=r.baseFontSize,o=r.popoverPortalContainer;return a(v,null,a(m,{popover:o},a(A,{baseFontSize:n},e)))}A.displayName="TypographyProvider",A.propTypes={children:t.node,baseFontSize:t.number},S.displayName="LeafyGreenProvider",S.propTypes={children:t.node};export{b as PopoverContext,g as PopoverProvider,m as PortalContextProvider,S as default,w as useBaseFontSize,h as usePopoverContext,y as usePopoverPortalContainer,c as useUsingKeyboardContext};
+import{useContext as r,createContext as e,useState as o,useMemo as n}from"react";import t from"prop-types";import{useEventListener as i}from"@leafygreen-ui/hooks";import{jsx as a}from"@emotion/react";import{Theme as u}from"@leafygreen-ui/lib";function d(r,e){return function(r){if(Array.isArray(r))return r}(r)||function(r,e){var o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null==o)return;var n,t,i=[],a=!0,u=!1;try{for(o=o.call(r);!(a=(n=o.next()).done)&&(i.push(n.value),!e||i.length!==e);a=!0);}catch(r){u=!0,t=r}finally{try{a||null==o.return||o.return()}finally{if(u)throw t}}return i}(r,e)||function(r,e){if(!r)return;if("string"==typeof r)return l(r,e);var o=Object.prototype.toString.call(r).slice(8,-1);"Object"===o&&r.constructor&&(o=r.constructor.name);if("Map"===o||"Set"===o)return Array.from(r);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return l(r,e)}(r,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(r,e){(null==e||e>r.length)&&(e=r.length);for(var o=0,n=new Array(e);o<e;o++)n[o]=r[o];return n}var p=e({usingKeyboard:!0,setUsingKeyboard:function(){}}),c={tab:9,leftArrow:37,upArrow:38,rightArrow:39,downArrow:40};function v(){return r(p)}function f(r){var e=r.children,t=d(o(!1),2),u=t[0],l=t[1];i("mousedown",(function(){return l(!1)}),{enabled:u}),i("keydown",(function(r){var e=r.keyCode;Object.values(c).includes(e)&&l(!0)}),{enabled:!u});var v=n((function(){return{usingKeyboard:u,setUsingKeyboard:l}}),[u]);return a(p.Provider,{value:v},e)}f.displayName="UsingKeyboardProvider",f.propTypes={children:t.node};var s={popover:{portalContainer:void 0,scrollContainer:void 0}},y=e(s);function m(){return r(y).popover}function h(r){var e=r.popover,o=void 0===e?s.popover:e,n=r.children;return a(y.Provider,{value:{popover:o}},n)}var b=e({isPopoverOpen:!1,setIsPopoverOpen:function(){}});function g(){return r(b)}function P(r){var e=r.children,t=d(o(!1),2),i=t[0],u=t[1],l=n((function(){return{isPopoverOpen:i,setIsPopoverOpen:u}}),[i]);return a(b.Provider,{value:l},e)}P.displayName="PopoverProvider",P.propTypes={children:t.node};var k=e(14);function w(){return r(k)}function A(r){var e=r.children,o=r.baseFontSize,n=void 0===o?14:o;return a(k.Provider,{value:n},e)}A.displayName="TypographyProvider",A.propTypes={children:t.node,baseFontSize:t.number};var S=e({darkMode:!1,theme:u.Light}),M=function(){return r(S)};function O(r){var e=r.children,o=r.darkMode,n=void 0!==o&&o;return a(S.Provider,{value:{darkMode:n,theme:n?u.Dark:u.Light}},e)}function T(r){var e=r.children,o=r.baseFontSize,n=r.popoverPortalContainer,t=r.darkMode;return a(f,null,a(h,{popover:n},a(A,{baseFontSize:o},a(O,{darkMode:t},e))))}O.displayName="DarkModeProvider",O.propTypes={children:t.node,darkMode:t.bool},T.displayName="LeafyGreenProvider",T.propTypes={children:t.node};export{b as PopoverContext,P as PopoverProvider,h as PortalContextProvider,T as default,w as useBaseFontSize,M as useDarkModeContext,g as usePopoverContext,m as usePopoverPortalContainer,v as useUsingKeyboardContext};
 //# sourceMappingURL=index.js.map

dist/index.d.ts

@@ -5,3 +5,4 @@ export { useUsingKeyboardContext } from './UsingKeyboardContext';
 export { useBaseFontSize } from './TypographyContext';
+export { useDarkModeContext } from './DarkModeContext';
 export { default } from './LeafyGreenContext';
 //# sourceMappingURL=index.d.ts.map

dist/index.js

@@ -1,2 +0,2 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react"),require("prop-types"),require("@leafygreen-ui/hooks"),require("@emotion/react")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@leafygreen-ui/hooks","@emotion/react"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/leafygreen-provider"]={},e.React,e.PropTypes,e["@leafygreen-ui/hooks"],e.react$1)}(this,(function(e,r,t,n,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(t);function a(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var n,o,i=[],u=!0,a=!1;try{for(t=t.call(e);!(u=(n=t.next()).done)&&(i.push(n.value),!r||i.length!==r);u=!0);}catch(e){a=!0,o=e}finally{try{u||null==t.return||t.return()}finally{if(a)throw o}}return i}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return s(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return s(e,r)}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}var l=r.createContext({usingKeyboard:!0,setUsingKeyboard:function(){}}),p={tab:9,leftArrow:37,upArrow:38,rightArrow:39,downArrow:40};function d(e){var t=e.children,i=a(r.useState(!1),2),u=i[0],s=i[1];n.useEventListener("mousedown",(function(){return s(!1)}),{enabled:u}),n.useEventListener("keydown",(function(e){var r=e.keyCode;Object.values(p).includes(r)&&s(!0)}),{enabled:!u});var d=r.useMemo((function(){return{usingKeyboard:u,setUsingKeyboard:s}}),[u]);return o.jsx(l.Provider,{value:d},t)}d.displayName="UsingKeyboardProvider",d.propTypes={children:u.default.node};var f={popover:{portalContainer:void 0,scrollContainer:void 0}},c=r.createContext(f);function v(e){var r=e.popover,t=void 0===r?f.popover:r,n=e.children;return o.jsx(c.Provider,{value:{popover:t}},n)}var y=r.createContext({isPopoverOpen:!1,setIsPopoverOpen:function(){}});function b(e){var t=e.children,n=a(r.useState(!1),2),i=n[0],u=n[1],s=r.useMemo((function(){return{isPopoverOpen:i,setIsPopoverOpen:u}}),[i]);return o.jsx(y.Provider,{value:s},t)}b.displayName="PopoverProvider",b.propTypes={children:u.default.node};var h=r.createContext(14);function P(e){var r=e.children,t=e.baseFontSize,n=void 0===t?14:t;return o.jsx(h.Provider,{value:n},r)}function x(e){var r=e.children,t=e.baseFontSize,n=e.popoverPortalContainer;return o.jsx(d,null,o.jsx(v,{popover:n},o.jsx(P,{baseFontSize:t},r)))}P.displayName="TypographyProvider",P.propTypes={children:u.default.node,baseFontSize:u.default.number},x.displayName="LeafyGreenProvider",x.propTypes={children:u.default.node},e.PopoverContext=y,e.PopoverProvider=b,e.PortalContextProvider=v,e.default=x,e.useBaseFontSize=function(){return r.useContext(h)},e.usePopoverContext=function(){return r.useContext(y)},e.usePopoverPortalContainer=function(){return r.useContext(c).popover},e.useUsingKeyboardContext=function(){return r.useContext(l)},Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("react"),require("prop-types"),require("@leafygreen-ui/hooks"),require("@emotion/react"),require("@leafygreen-ui/lib")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@leafygreen-ui/hooks","@emotion/react","@leafygreen-ui/lib"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/leafygreen-provider"]={},e.React,e.PropTypes,e["@leafygreen-ui/hooks"],e.react$1,e["@leafygreen-ui/lib"])}(this,(function(e,r,t,o,n,i){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(t);function d(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==t)return;var o,n,i=[],a=!0,u=!1;try{for(t=t.call(e);!(a=(o=t.next()).done)&&(i.push(o.value),!r||i.length!==r);a=!0);}catch(e){u=!0,n=e}finally{try{a||null==t.return||t.return()}finally{if(u)throw n}}return i}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return l(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return l(e,r)}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}var s=r.createContext({usingKeyboard:!0,setUsingKeyboard:function(){}}),p={tab:9,leftArrow:37,upArrow:38,rightArrow:39,downArrow:40};function f(e){var t=e.children,i=d(r.useState(!1),2),a=i[0],u=i[1];o.useEventListener("mousedown",(function(){return u(!1)}),{enabled:a}),o.useEventListener("keydown",(function(e){var r=e.keyCode;Object.values(p).includes(r)&&u(!0)}),{enabled:!a});var l=r.useMemo((function(){return{usingKeyboard:a,setUsingKeyboard:u}}),[a]);return n.jsx(s.Provider,{value:l},t)}f.displayName="UsingKeyboardProvider",f.propTypes={children:u.default.node};var c={popover:{portalContainer:void 0,scrollContainer:void 0}},v=r.createContext(c);function y(e){var r=e.popover,t=void 0===r?c.popover:r,o=e.children;return n.jsx(v.Provider,{value:{popover:t}},o)}var h=r.createContext({isPopoverOpen:!1,setIsPopoverOpen:function(){}});function b(e){var t=e.children,o=d(r.useState(!1),2),i=o[0],a=o[1],u=r.useMemo((function(){return{isPopoverOpen:i,setIsPopoverOpen:a}}),[i]);return n.jsx(h.Provider,{value:u},t)}b.displayName="PopoverProvider",b.propTypes={children:u.default.node};var m=r.createContext(14);function x(e){var r=e.children,t=e.baseFontSize,o=void 0===t?14:t;return n.jsx(m.Provider,{value:o},r)}x.displayName="TypographyProvider",x.propTypes={children:u.default.node,baseFontSize:u.default.number};var g=r.createContext({darkMode:!1,theme:i.Theme.Light});function P(e){var r=e.children,t=e.darkMode,o=void 0!==t&&t;return n.jsx(g.Provider,{value:{darkMode:o,theme:o?i.Theme.Dark:i.Theme.Light}},r)}function C(e){var r=e.children,t=e.baseFontSize,o=e.popoverPortalContainer,i=e.darkMode;return n.jsx(f,null,n.jsx(y,{popover:o},n.jsx(x,{baseFontSize:t},n.jsx(P,{darkMode:i},r))))}P.displayName="DarkModeProvider",P.propTypes={children:u.default.node,darkMode:u.default.bool},C.displayName="LeafyGreenProvider",C.propTypes={children:u.default.node},e.PopoverContext=h,e.PopoverProvider=b,e.PortalContextProvider=y,e.default=C,e.useBaseFontSize=function(){return r.useContext(m)},e.useDarkModeContext=function(){return r.useContext(g)},e.usePopoverContext=function(){return r.useContext(h)},e.usePopoverPortalContainer=function(){return r.useContext(v).popover},e.useUsingKeyboardContext=function(){return r.useContext(s)},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.js.map

dist/LeafyGreenContext.d.ts

@@ -1,10 +0,10 @@
-import React from 'react';
+import { PropsWithChildren } from 'react';
 import PropTypes from 'prop-types';
 import { TypographyProviderProps } from './TypographyContext';
 import { PortalContextValues } from './PortalContext';
+import { DarkModeProps } from '@leafygreen-ui/lib';
 declare type LeafyGreenProviderProps = {
-    children: React.ReactNode;
     popoverPortalContainer?: PortalContextValues['popover'];
-} & TypographyProviderProps;
-declare function LeafyGreenProvider({ children, baseFontSize, popoverPortalContainer, }: LeafyGreenProviderProps): JSX.Element;
+} & TypographyProviderProps & DarkModeProps;
+declare function LeafyGreenProvider({ children, baseFontSize, popoverPortalContainer, darkMode, }: PropsWithChildren<LeafyGreenProviderProps>): JSX.Element;
 declare namespace LeafyGreenProvider {
@@ -11,0 +11,0 @@ var displayName: string;

dist/TypographyContext.d.ts

@@ -1,10 +0,9 @@
-import React from 'react';
+import { PropsWithChildren } from 'react';
 import PropTypes from 'prop-types';
 declare type FontSize = 14 | 16;
 export interface TypographyProviderProps {
-    children: React.ReactNode;
     baseFontSize?: FontSize;
 }
 export declare function useBaseFontSize(): FontSize;
-declare function TypographyProvider({ children, baseFontSize, }: TypographyProviderProps): JSX.Element;
+declare function TypographyProvider({ children, baseFontSize, }: PropsWithChildren<TypographyProviderProps>): JSX.Element;
 declare namespace TypographyProvider {
@@ -11,0 +10,0 @@ var displayName: string;

package.json

 {
   "name": "@leafygreen-ui/leafygreen-provider",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "LeafyGreen UI Context Provider",
@@ -23,6 +23,14 @@ "main": "./dist/index.js",
   "dependencies": {
-    "@leafygreen-ui/lib": "^9.0.0",
+    "@leafygreen-ui/lib": "^9.4.0",
     "@leafygreen-ui/hooks": "^7.0.0"
   },
-  "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0"
-}
+  "gitHead": "dd71a2d404218ccec2e657df9c0263dc1c15b9e0",
+  "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/leafygreen-provider",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mongodb/leafygreen-ui"
+  },
+  "bugs": {
+    "url": "https://jira.mongodb.org/projects/PD/summary"
+  }
+}

src/index.ts

@@ -12,3 +12,4 @@ export { useUsingKeyboardContext } from './UsingKeyboardContext';
 export { useBaseFontSize } from './TypographyContext';
+export { useDarkModeContext } from './DarkModeContext';
 
 export { default } from './LeafyGreenContext';

Fixed alerts

No bug tracker

Maintenance

Package does not have a linked bug tracker in package.json.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

100283

increased by12.4%

Number of package files

35

increased by12.9%

Lines of code

674

increased by19.5%

Number of low maintenance alerts

1

decreased by-50%

Number of low quality alerts

1

decreased by-50%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Number of downloads

59560

decreased by-19.44%

Published versions last months

0

decreased by-100%

Dependency changes

• Updated@leafygreen-ui/lib@^9.4.0