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

Comparing version 2.3.0 to 2.3.1

CHANGELOG.md

 # @leafygreen-ui/leafygreen-provider
 
+## 2.3.1
+
+### Patch Changes
+
+- a8be50d8: Fixes a bad build that dropped `useDarkMode` from exports
+
 ## 2.3.0
@@ -4,0 +10,0 @@

dist/DarkModeContext.d.ts

 import { PropsWithChildren } from 'react';
 import PropTypes from 'prop-types';
-import { DarkModeProps } from '@leafygreen-ui/lib';
-import type { ThemeType } from 'packages/lib/src/DarkModeProps';
-declare type DarkModeContextProps = DarkModeProps & {
-    theme?: ThemeType;
+import { Theme } from '@leafygreen-ui/lib';
+interface DarkModeContextProps {
+    globalDarkMode?: boolean;
+}
+export declare const useDarkModeContext: () => DarkModeContextProps;
+export declare const useDarkMode: (componentDarkMode?: boolean) => {
+    darkMode: boolean;
+    theme: Theme;
 };
-export declare const useDarkModeContext: () => DarkModeContextProps;
-declare function DarkModeProvider({ children, darkMode, }: PropsWithChildren<DarkModeProps>): JSX.Element;
+declare function DarkModeProvider({ children, globalDarkMode, }: PropsWithChildren<DarkModeContextProps>): JSX.Element;
 declare namespace DarkModeProvider {
@@ -14,3 +17,3 @@ var displayName: string;
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        darkMode: PropTypes.Requireable<boolean>;
+        globalDarkMode: PropTypes.Requireable<boolean>;
     };
@@ -17,0 +20,0 @@ }

dist/esm/index.js

@@ -1,2 +0,2 @@
-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};
+import{useContext as r,createContext as e,useState as o,useMemo as n}from"react";import t from"prop-types";import{useEventListener as a}from"@leafygreen-ui/hooks";import{jsx as i}from"@emotion/react";import{getTheme as l}from"@leafygreen-ui/lib";function u(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,a=[],i=!0,l=!1;try{for(o=o.call(r);!(i=(n=o.next()).done)&&(a.push(n.value),!e||a.length!==e);i=!0);}catch(r){l=!0,t=r}finally{try{i||null==o.return||o.return()}finally{if(l)throw t}}return a}(r,e)||function(r,e){if(!r)return;if("string"==typeof r)return p(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 p(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 p(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 d=e({usingKeyboard:!0,setUsingKeyboard:function(){}}),v={tab:9,leftArrow:37,upArrow:38,rightArrow:39,downArrow:40};function c(){return r(d)}function f(r){var e=r.children,t=u(o(!1),2),l=t[0],p=t[1];a("mousedown",(function(){return p(!1)}),{enabled:l}),a("keydown",(function(r){var e=r.keyCode;Object.values(v).includes(e)&&p(!0)}),{enabled:!l});var c=n((function(){return{usingKeyboard:l,setUsingKeyboard:p}}),[l]);return i(d.Provider,{value:c},e)}f.displayName="UsingKeyboardProvider",f.propTypes={children:t.node};var s={popover:{portalContainer:void 0,scrollContainer:void 0}},y=e(s);function b(){return r(y).popover}function m(r){var e=r.popover,o=void 0===e?s.popover:e,n=r.children;return i(y.Provider,{value:{popover:o}},n)}var h=e({isPopoverOpen:!1,setIsPopoverOpen:function(){}});function g(){return r(h)}function P(r){var e=r.children,t=u(o(!1),2),a=t[0],l=t[1],p=n((function(){return{isPopoverOpen:a,setIsPopoverOpen:l}}),[a]);return i(h.Provider,{value:p},e)}P.displayName="PopoverProvider",P.propTypes={children:t.node};var k=e(14);function M(){return r(k)}function w(r){var e=r.children,o=r.baseFontSize,n=void 0===o?14:o;return i(k.Provider,{value:n},e)}w.displayName="TypographyProvider",w.propTypes={children:t.node,baseFontSize:t.number};var A=e({globalDarkMode:!1}),O=function(){return r(A)},S=function(r){var e,o=O().globalDarkMode,n=null!==(e=null!=r?r:o)&&void 0!==e&&e;return{darkMode:n,theme:l(n)}};function T(r){var e=r.children,o=r.globalDarkMode,n=void 0!==o&&o;return i(A.Provider,{value:{globalDarkMode:n}},e)}function C(r){var e=r.children,o=r.baseFontSize,n=r.popoverPortalContainer,t=r.darkMode;return i(f,null,i(m,{popover:n},i(w,{baseFontSize:o},i(T,{globalDarkMode:t},e))))}T.displayName="DarkModeProvider",T.propTypes={children:t.node,globalDarkMode:t.bool},C.displayName="LeafyGreenProvider",C.propTypes={popoverPortalContainer:t.shape({popover:t.shape({portalContainer:t.instanceOf(HTMLElement),scrollContainer:t.instanceOf(HTMLElement)})}),baseFontSize:t.oneOf([14,16]),darkMode:t.bool};export{h as PopoverContext,P as PopoverProvider,m as PortalContextProvider,C as default,M as useBaseFontSize,S as useDarkMode,O as useDarkModeContext,g as usePopoverContext,b as usePopoverPortalContainer,c as useUsingKeyboardContext};
 //# sourceMappingURL=index.js.map

dist/index.d.ts

@@ -5,4 +5,4 @@ export { useUsingKeyboardContext } from './UsingKeyboardContext';
 export { useBaseFontSize } from './TypographyContext';
-export { useDarkModeContext } from './DarkModeContext';
+export { useDarkModeContext, useDarkMode } 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"),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})}));
+!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,o,t,n,a){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(o);function l(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==o)return;var t,n,a=[],i=!0,u=!1;try{for(o=o.call(e);!(i=(t=o.next()).done)&&(a.push(t.value),!r||a.length!==r);i=!0);}catch(e){u=!0,n=e}finally{try{i||null==o.return||o.return()}finally{if(u)throw n}}return a}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return d(e,r);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return d(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 d(e,r){(null==r||r>e.length)&&(r=e.length);for(var o=0,t=new Array(r);o<r;o++)t[o]=e[o];return t}var s=r.createContext({usingKeyboard:!0,setUsingKeyboard:function(){}}),p={tab:9,leftArrow:37,upArrow:38,rightArrow:39,downArrow:40};function f(e){var o=e.children,a=l(r.useState(!1),2),i=a[0],u=a[1];t.useEventListener("mousedown",(function(){return u(!1)}),{enabled:i}),t.useEventListener("keydown",(function(e){var r=e.keyCode;Object.values(p).includes(r)&&u(!0)}),{enabled:!i});var d=r.useMemo((function(){return{usingKeyboard:i,setUsingKeyboard:u}}),[i]);return n.jsx(s.Provider,{value:d},o)}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,o=void 0===r?c.popover:r,t=e.children;return n.jsx(v.Provider,{value:{popover:o}},t)}var b=r.createContext({isPopoverOpen:!1,setIsPopoverOpen:function(){}});function g(e){var o=e.children,t=l(r.useState(!1),2),a=t[0],i=t[1],u=r.useMemo((function(){return{isPopoverOpen:a,setIsPopoverOpen:i}}),[a]);return n.jsx(b.Provider,{value:u},o)}g.displayName="PopoverProvider",g.propTypes={children:u.default.node};var h=r.createContext(14);function x(e){var r=e.children,o=e.baseFontSize,t=void 0===o?14:o;return n.jsx(h.Provider,{value:t},r)}x.displayName="TypographyProvider",x.propTypes={children:u.default.node,baseFontSize:u.default.number};var m=r.createContext({globalDarkMode:!1}),P=function(){return r.useContext(m)};function C(e){var r=e.children,o=e.globalDarkMode,t=void 0!==o&&o;return n.jsx(m.Provider,{value:{globalDarkMode:t}},r)}function M(e){var r=e.children,o=e.baseFontSize,t=e.popoverPortalContainer,a=e.darkMode;return n.jsx(f,null,n.jsx(y,{popover:t},n.jsx(x,{baseFontSize:o},n.jsx(C,{globalDarkMode:a},r))))}C.displayName="DarkModeProvider",C.propTypes={children:u.default.node,globalDarkMode:u.default.bool},M.displayName="LeafyGreenProvider",M.propTypes={popoverPortalContainer:u.default.shape({popover:u.default.shape({portalContainer:u.default.instanceOf(HTMLElement),scrollContainer:u.default.instanceOf(HTMLElement)})}),baseFontSize:u.default.oneOf([14,16]),darkMode:u.default.bool},e.PopoverContext=b,e.PopoverProvider=g,e.PortalContextProvider=y,e.default=M,e.useBaseFontSize=function(){return r.useContext(h)},e.useDarkMode=function(e){var r,o=P().globalDarkMode,t=null!==(r=null!=e?e:o)&&void 0!==r&&r;return{darkMode:t,theme:a.getTheme(t)}},e.useDarkModeContext=P,e.usePopoverContext=function(){return r.useContext(b)},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

@@ -7,2 +7,5 @@ import { PropsWithChildren } from 'react';
 declare type LeafyGreenProviderProps = {
+    /**
+     * Define a container HTMLElement for components that utilize the `Portal` component
+     */
     popoverPortalContainer?: PortalContextValues['popover'];
@@ -14,3 +17,10 @@ } & TypographyProviderProps & DarkModeProps;
     var propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        popoverPortalContainer: PropTypes.Requireable<PropTypes.InferProps<{
+            popover: PropTypes.Requireable<PropTypes.InferProps<{
+                portalContainer: PropTypes.Requireable<HTMLElement>;
+                scrollContainer: PropTypes.Requireable<HTMLElement>;
+            }>>;
+        }>>;
+        baseFontSize: PropTypes.Requireable<number>;
+        darkMode: PropTypes.Requireable<boolean>;
     };
@@ -17,0 +27,0 @@ }

dist/TypographyContext.d.ts

@@ -5,2 +5,5 @@ import { PropsWithChildren } from 'react';
 export interface TypographyProviderProps {
+    /**
+     * The base font size of all LeafyGreen components unless overridden.
+     */
     baseFontSize?: FontSize;
@@ -7,0 +10,0 @@ }

package.json

 {
   "name": "@leafygreen-ui/leafygreen-provider",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "LeafyGreen UI Context Provider",
@@ -5,0 +5,0 @@ "main": "./dist/index.js",

src/index.ts

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

No alert changes

Improved metrics

Total package byte prevSize

119071

increased by18.73%

Number of package files

38

increased by8.57%

Lines of code

744

increased by10.39%

No dependency changes