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

Comparing version 2.0.3 to 2.1.0

CHANGELOG.md

 # @leafygreen-ui/leafygreen-provider
 
+## 2.1.0
+
+### Minor Changes
+
+- 857a680a: Add support for setting default portal and scroll containers for popovers in applications.
+
 ## 2.0.3
@@ -4,0 +10,0 @@

dist/esm/index.js

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

dist/index.d.ts

 export { useUsingKeyboardContext } from './UsingKeyboardContext';
+export { usePopoverPortalContainer } from './PortalContext';
 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")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@leafygreen-ui/hooks"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/leafygreen-provider"]={},e.React,e.PropTypes,e["@leafygreen-ui/hooks"])}(this,(function(e,r,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(r),i=o(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,a=void 0;try{for(var i,u=e[Symbol.iterator]();!(n=(i=u.next()).done)&&(t.push(i.value),!r||t.length!==r);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==u.return||u.return()}finally{if(o)throw a}}return t}(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,n=new Array(r);t<r;t++)n[t]=e[t];return n}var f=r.createContext({usingKeyboard:!0,setUsingKeyboard:function(){}}),d={tab:9,leftArrow:37,upArrow:38,rightArrow:39,downArrow:40};function s(e){var t=e.children,o=u(r.useState(!1),2),i=o[0],l=o[1];n.useEventListener("mousedown",(function(){return l(!1)}),{enabled:i}),n.useEventListener("keydown",(function(e){var r=e.keyCode;Object.values(d).includes(r)&&l(!0)}),{enabled:!i});var s=r.useMemo((function(){return{usingKeyboard:i,setUsingKeyboard:l}}),[i]);return a.default.createElement(f.Provider,{value:s},t)}s.displayName="UsingKeyboardProvider",s.propTypes={children:i.default.node};var c=r.createContext(14);function y(e){var r=e.children,t=e.baseFontSize,n=void 0===t?14:t;return a.default.createElement(c.Provider,{value:n},r)}function p(e){var r=e.children,t=e.baseFontSize;return a.default.createElement(s,null,a.default.createElement(y,{baseFontSize:t},r))}y.displayName="TypographyProvider",y.propTypes={children:i.default.node,baseFontSize:i.default.number},p.displayName="LeafyGreenProvider",p.propTypes={children:i.default.node},e.default=p,e.useBaseFontSize=function(){return r.useContext(c)},e.useUsingKeyboardContext=function(){return r.useContext(f)},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")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@leafygreen-ui/hooks"],r):r((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/leafygreen-provider"]={},e.React,e.PropTypes,e["@leafygreen-ui/hooks"])}(this,(function(e,r,t,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=o(r),i=o(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,a=void 0;try{for(var i,u=e[Symbol.iterator]();!(n=(i=u.next()).done)&&(t.push(i.value),!r||t.length!==r);n=!0);}catch(e){o=!0,a=e}finally{try{n||null==u.return||u.return()}finally{if(o)throw a}}return t}(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,n=new Array(r);t<r;t++)n[t]=e[t];return n}var d=r.createContext({usingKeyboard:!0,setUsingKeyboard:function(){}}),f={tab:9,leftArrow:37,upArrow:38,rightArrow:39,downArrow:40};function s(e){var t=e.children,o=u(r.useState(!1),2),i=o[0],l=o[1];n.useEventListener("mousedown",(function(){return l(!1)}),{enabled:i}),n.useEventListener("keydown",(function(e){var r=e.keyCode;Object.values(f).includes(r)&&l(!0)}),{enabled:!i});var s=r.useMemo((function(){return{usingKeyboard:i,setUsingKeyboard:l}}),[i]);return a.default.createElement(d.Provider,{value:s},t)}s.displayName="UsingKeyboardProvider",s.propTypes={children:i.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 a.default.createElement(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 a.default.createElement(v.Provider,{value:n},r)}function m(e){var r=e.children,t=e.baseFontSize,n=e.popoverPortalContainer;return a.default.createElement(s,null,a.default.createElement(y,{popover:n},a.default.createElement(b,{baseFontSize:t},r)))}b.displayName="TypographyProvider",b.propTypes={children:i.default.node,baseFontSize:i.default.number},m.displayName="LeafyGreenProvider",m.propTypes={children:i.default.node},e.default=m,e.useBaseFontSize=function(){return r.useContext(v)},e.usePopoverPortalContainer=function(){return r.useContext(p).popover},e.useUsingKeyboardContext=function(){return r.useContext(d)},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=index.js.map

dist/LeafyGreenContext.d.ts

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

package.json

 {
   "name": "@leafygreen-ui/leafygreen-provider",
-  "version": "2.0.3",
+  "version": "2.1.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 { useBaseFontSize } from './TypographyContext';
 
 export { default } from './LeafyGreenContext';

No alert changes

Improved metrics

Total package byte prevSize

198220

increased by4.1%

Number of package files

27

increased by12.5%

Lines of code

436

increased by16.89%

No dependency changes