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

Comparing version 2.1.3 to 2.2.0

CHANGELOG.md

 # @leafygreen-ui/leafygreen-provider
 
+## 2.2.0
+
+### Minor Changes
+
+- 5f28fce1: Adds popover context to store whether a popover is open or not.
+
 ## 2.1.3
@@ -4,0 +10,0 @@

dist/esm/index.js

@@ -1,2 +0,2 @@
-import{createContext as r,useContext 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){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(r)))return;var n=[],o=!0,t=!1,i=void 0;try{for(var a,u=r[Symbol.iterator]();!(o=(a=u.next()).done)&&(n.push(a.value),!e||n.length!==e);o=!0);}catch(r){t=!0,i=r}finally{try{o||null==u.return||u.return()}finally{if(t)throw i}}return n}(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=r({usingKeyboard:!0,setUsingKeyboard:function(){}}),d={tab:9,leftArrow:37,upArrow:38,rightArrow:39,downArrow:40};function c(){return e(p)}function f(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 f=o((function(){return{usingKeyboard:l,setUsingKeyboard:c}}),[l]);return a(p.Provider,{value:f},e)}f.displayName="UsingKeyboardProvider",f.propTypes={children:t.node};var v={popover:{portalContainer:void 0,scrollContainer:void 0}},y=r(v);function s(){return e(y).popover}function b(r){var e=r.popover,n=void 0===e?v.popover:e,o=r.children;return a(y.Provider,{value:{popover:n}},o)}var m=r(14);function h(){return e(m)}function g(r){var e=r.children,n=r.baseFontSize,o=void 0===n?14:n;return a(m.Provider,{value:o},e)}function w(r){var e=r.children,n=r.baseFontSize,o=r.popoverPortalContainer;return a(f,null,a(b,{popover:o},a(g,{baseFontSize:n},e)))}g.displayName="TypographyProvider",g.propTypes={children:t.node,baseFontSize:t.number},w.displayName="LeafyGreenProvider",w.propTypes={children:t.node};export default w;export{h as useBaseFontSize,s as usePopoverPortalContainer,c as useUsingKeyboardContext};
+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};
 //# sourceMappingURL=index.js.map

dist/index.d.ts

 export { useUsingKeyboardContext } from './UsingKeyboardContext';
-export { usePopoverPortalContainer } from './PortalContext';
+export { default as PortalContextProvider, usePopoverPortalContainer, } from './PortalContext';
+export { PopoverContext, usePopoverContext, default as PopoverProvider, } from './PopoverContext';
 export { useBaseFontSize } from './TypographyContext';
 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 a=i(t);function u(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var t=[],n=!0,o=!1,i=void 0;try{for(var a,u=e[Symbol.iterator]();!(n=(a=u.next()).done)&&(t.push(a.value),!r||t.length!==r);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==u.return||u.return()}finally{if(o)throw i}}return t}(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(){}}),d={tab:9,leftArrow:37,upArrow:38,rightArrow:39,downArrow:40};function f(e){var t=e.children,i=u(r.useState(!1),2),a=i[0],s=i[1];n.useEventListener("mousedown",(function(){return s(!1)}),{enabled:a}),n.useEventListener("keydown",(function(e){var r=e.keyCode;Object.values(d).includes(r)&&s(!0)}),{enabled:!a});var f=r.useMemo((function(){return{usingKeyboard:a,setUsingKeyboard:s}}),[a]);return o.jsx(l.Provider,{value:f},t)}f.displayName="UsingKeyboardProvider",f.propTypes={children:a.default.node};var c={popover:{portalContainer:void 0,scrollContainer:void 0}},p=r.createContext(c);function y(e){var r=e.popover,t=void 0===r?c.popover:r,n=e.children;return o.jsx(p.Provider,{value:{popover:t}},n)}var v=r.createContext(14);function b(e){var r=e.children,t=e.baseFontSize,n=void 0===t?14:t;return o.jsx(v.Provider,{value:n},r)}function h(e){var r=e.children,t=e.baseFontSize,n=e.popoverPortalContainer;return o.jsx(f,null,o.jsx(y,{popover:n},o.jsx(b,{baseFontSize:t},r)))}b.displayName="TypographyProvider",b.propTypes={children:a.default.node,baseFontSize:a.default.number},h.displayName="LeafyGreenProvider",h.propTypes={children:a.default.node},e.default=h,e.useBaseFontSize=function(){return r.useContext(v)},e.usePopoverPortalContainer=function(){return r.useContext(p).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")):"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})}));
 //# sourceMappingURL=index.js.map

dist/TypographyContext.d.ts

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

package.json

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

src/index.ts

 export { useUsingKeyboardContext } from './UsingKeyboardContext';
-export { usePopoverPortalContainer } from './PortalContext';
+export {
+  default as PortalContextProvider,
+  usePopoverPortalContainer,
+} from './PortalContext';
+export {
+  PopoverContext,
+  usePopoverContext,
+  default as PopoverProvider,
+} from './PopoverContext';
 export { useBaseFontSize } from './TypographyContext';
 
 export { default } from './LeafyGreenContext';

No alert changes

Improved metrics

Number of package files

31

increased by14.81%

Lines of code

564

increased by29.36%

Worsened metrics

Total package byte prevSize

89216

decreased by-55.12%

No dependency changes