@reach/popover - npm Package Compare versions

Comparing version 0.18.0-pre.3 to 0.18.0-pre.4

CHANGELOG.md

 # @reach/popover
 
+## 0.18.0-pre.4
+
+### Minor Changes
+
+- We no longer check that our internal styles are included by looking for a defined CSS custom property. You can still include our base styles as before, but this removes the need to define `--reach-<pkg>` in your own stylesheets to silence dev warnings. ([`69df3a03`](https://github.com/reach/reach-ui/commit/69df3a038d12c0e731778c9ac6e18ba6f81fbb49))
+
+### Patch Changes
+
+- Updated dependencies:
+  - `@reach/utils@0.18.0-pre.4`
+  - `@reach/polymorphic@0.18.0-pre.4`
+  - `@reach/portal@0.18.0-pre.4`
+  - `@reach/rect@0.18.0-pre.4`
+
 ## 0.18.0-pre.3
@@ -4,0 +18,0 @@

dist/reach-popover.cjs.dev.js

 "use strict";
 /**
-  * @reach/popover v0.18.0-pre.3
+  * @reach/popover v0.18.0-pre.4
   *
@@ -5,0 +5,0 @@ * Copyright (c) 2018-2022, React Training LLC

dist/reach-popover.cjs.prod.js

@@ -1,1 +0,1 @@
-"use strict";var U=Object.create;var P=Object.defineProperty,X=Object.defineProperties,_=Object.getOwnPropertyDescriptor,B=Object.getOwnPropertyDescriptors,G=Object.getOwnPropertyNames,w=Object.getOwnPropertySymbols,V=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var N=(t,e,n)=>e in t?P(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,u=(t,e)=>{for(var n in e||(e={}))O.call(e,n)&&N(t,n,e[n]);if(w)for(var n of w(e))C.call(e,n)&&N(t,n,e[n]);return t},S=(t,e)=>X(t,B(e));var x=(t,e)=>{var n={};for(var i in t)O.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(t!=null&&w)for(var i of w(t))e.indexOf(i)<0&&C.call(t,i)&&(n[i]=t[i]);return n};var W=(t,e)=>{for(var n in e)P(t,n,{get:e[n],enumerable:!0})},k=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of G(e))!O.call(t,s)&&s!==n&&P(t,s,{get:()=>e[s],enumerable:!(i=_(e,s))||i.enumerable});return t};var Y=(t,e,n)=>(n=t!=null?U(V(t)):{},k(e||!t||!t.__esModule?P(n,"default",{value:t,enumerable:!0}):n,t)),q=t=>k(P({},"__esModule",{value:!0}),t);var R={};W(R,{Popover:()=>F,getCollisions:()=>p,positionDefault:()=>M,positionMatchWidth:()=>Q,positionRight:()=>J});module.exports=q(R);var l=Y(require("react")),A=require("@reach/portal"),v=require("@reach/rect"),y=require("@reach/utils"),a=require("tabbable"),F=l.forwardRef(function(s,i){var c=s,{unstable_skipInitialPortalRender:e}=c,n=x(c,["unstable_skipInitialPortalRender"]);return l.createElement(A.Portal,{unstable_skipInitialRender:e},l.createElement(H,u({ref:i},n)))});F.displayName="Popover";var H=l.forwardRef(function(h,b){var d=h,{as:e="div",targetRef:n,position:i=M,unstable_observableRefs:s=[]}=d,c=x(d,["as","targetRef","position","unstable_observableRefs"]);let m=l.useRef(null),T=(0,v.useRect)(m,{observe:!c.hidden}),E=(0,v.useRect)(n,{observe:!0}),g=(0,y.useComposedRefs)(m,b);return Z(n,m),l.createElement(e,S(u({"data-reach-popover":"",ref:g},c),{style:u(u({position:"absolute"},z(i,E,T,...s)),c.style)}))});H.displayName="PopoverImpl";function z(t,e,n,...i){return n?t(e,n,...i.map(s=>s.current)):{visibility:"hidden"}}function I(t,e,n){return{top:n?`${t.top-e.height+window.pageYOffset}px`:`${t.top+t.height+window.pageYOffset}px`}}var M=(t,e)=>{if(!t||!e)return{};let{directionRight:n,directionUp:i}=p(t,e);return u({left:n?`${t.right-e.width+window.pageXOffset}px`:`${t.left+window.pageXOffset}px`},I(t,e,i))},J=(t,e)=>{if(!t||!e)return{};let{directionLeft:n,directionUp:i}=p(t,e);return u({left:n?`${t.left+window.pageXOffset}px`:`${t.right-e.width+window.pageXOffset}px`},I(t,e,i))},Q=(t,e)=>{if(!t||!e)return{};let{directionUp:n}=p(t,e);return u({width:t.width,left:t.left},I(t,e,n))};function p(t,e,n=0,i=0){let s={top:t.top-e.height<0,right:window.innerWidth<t.left+e.width-n,bottom:window.innerHeight<t.bottom+e.height-i,left:t.left+t.width-e.width<0},c=s.right&&!s.left,b=s.left&&!s.right,h=s.bottom&&!s.top,d=s.top&&!s.bottom;return{directionRight:c,directionLeft:b,directionUp:h,directionDown:d}}function Z(t,e){let n=(0,y.getOwnerDocument)(t.current);function i(o){o.key==="Tab"&&e.current&&(0,a.tabbable)(e.current).length===0||(o.key==="Tab"&&o.shiftKey?m(o)?T(o):E(o)?g(o):j(o)&&L():o.key==="Tab"&&(c()?b(o):h()?d(o):$(o)&&L()))}l.useEffect(()=>(n.addEventListener("keydown",i),()=>{n.removeEventListener("keydown",i)}),[]);function s(){let o=(0,a.tabbable)(n),r=o&&t.current?o.indexOf(t.current):-1,f=o&&o[r+1];return e.current&&e.current.contains(f||null)?!1:f}function c(){return t.current?t.current===n.activeElement:!1}function b(o){let r=e.current&&(0,a.tabbable)(e.current);r&&r[0]&&(o.preventDefault(),r[0].focus())}function h(){if(e.current?e.current.contains(n.activeElement||null):!1){let r=e.current&&(0,a.tabbable)(e.current);return Boolean(r&&r[r.length-1]===n.activeElement)}return!1}function d(o){let r=s();r&&(o.preventDefault(),r.focus())}function m(o){if(!o.shiftKey)return;let r=s();return o.target===r}function T(o){let r=e.current&&(0,a.tabbable)(e.current),f=r&&r[r.length-1];f&&(o.preventDefault(),f.focus())}function E(o){let r=e.current&&(0,a.tabbable)(e.current);return r?r.length===0?!1:o.target===r[0]:!1}function g(o){var r;o.preventDefault(),(r=t.current)==null||r.focus()}function $(o){let r=e.current?(0,a.tabbable)(n).filter(f=>!e.current.contains(f)):null;return r?o.target===r[r.length-1]:!1}function j(o){return o.target===(0,a.tabbable)(n)[0]}let K=[];function L(){let o=e.current&&(0,a.tabbable)(e.current);o&&(o.forEach(r=>{K.push([r,r.tabIndex]),r.tabIndex=-1}),n.addEventListener("focusin",D))}function D(){n.removeEventListener("focusin",D),K.forEach(([o,r])=>{o.tabIndex=r})}}0&&(module.exports={Popover,getCollisions,positionDefault,positionMatchWidth,positionRight});
+"use strict";var U=Object.create;var P=Object.defineProperty,X=Object.defineProperties,_=Object.getOwnPropertyDescriptor,B=Object.getOwnPropertyDescriptors,G=Object.getOwnPropertyNames,p=Object.getOwnPropertySymbols,V=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var N=(t,e,n)=>e in t?P(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,u=(t,e)=>{for(var n in e||(e={}))O.call(e,n)&&N(t,n,e[n]);if(p)for(var n of p(e))C.call(e,n)&&N(t,n,e[n]);return t},S=(t,e)=>X(t,B(e));var x=(t,e)=>{var n={};for(var i in t)O.call(t,i)&&e.indexOf(i)<0&&(n[i]=t[i]);if(t!=null&&p)for(var i of p(t))e.indexOf(i)<0&&C.call(t,i)&&(n[i]=t[i]);return n};var W=(t,e)=>{for(var n in e)P(t,n,{get:e[n],enumerable:!0})},k=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of G(e))!O.call(t,s)&&s!==n&&P(t,s,{get:()=>e[s],enumerable:!(i=_(e,s))||i.enumerable});return t};var Y=(t,e,n)=>(n=t!=null?U(V(t)):{},k(e||!t||!t.__esModule?P(n,"default",{value:t,enumerable:!0}):n,t)),q=t=>k(P({},"__esModule",{value:!0}),t);var R={};W(R,{Popover:()=>F,getCollisions:()=>w,positionDefault:()=>M,positionMatchWidth:()=>Q,positionRight:()=>J});module.exports=q(R);var l=Y(require("react")),A=require("@reach/portal"),v=require("@reach/rect"),y=require("@reach/utils"),a=require("tabbable"),F=l.forwardRef(function(s,i){var c=s,{unstable_skipInitialPortalRender:e}=c,n=x(c,["unstable_skipInitialPortalRender"]);return l.createElement(A.Portal,{unstable_skipInitialRender:e},l.createElement(H,u({ref:i},n)))});F.displayName="Popover";var H=l.forwardRef(function(h,b){var d=h,{as:e="div",targetRef:n,position:i=M,unstable_observableRefs:s=[]}=d,c=x(d,["as","targetRef","position","unstable_observableRefs"]);let m=l.useRef(null),T=(0,v.useRect)(m,{observe:!c.hidden}),E=(0,v.useRect)(n,{observe:!0}),g=(0,y.useComposedRefs)(m,b);return Z(n,m),l.createElement(e,S(u({"data-reach-popover":"",ref:g},c),{style:u(u({position:"absolute"},z(i,E,T,...s)),c.style)}))});H.displayName="PopoverImpl";function z(t,e,n,...i){return n?t(e,n,...i.map(s=>s.current)):{visibility:"hidden"}}function I(t,e,n){return{top:n?`${t.top-e.height+window.pageYOffset}px`:`${t.top+t.height+window.pageYOffset}px`}}var M=(t,e)=>{if(!t||!e)return{};let{directionRight:n,directionUp:i}=w(t,e);return u({left:n?`${t.right-e.width+window.pageXOffset}px`:`${t.left+window.pageXOffset}px`},I(t,e,i))},J=(t,e)=>{if(!t||!e)return{};let{directionLeft:n,directionUp:i}=w(t,e);return u({left:n?`${t.left+window.pageXOffset}px`:`${t.right-e.width+window.pageXOffset}px`},I(t,e,i))},Q=(t,e)=>{if(!t||!e)return{};let{directionUp:n}=w(t,e);return u({width:t.width,left:t.left},I(t,e,n))};function w(t,e,n=0,i=0){let s={top:t.top-e.height<0,right:window.innerWidth<t.left+e.width-n,bottom:window.innerHeight<t.bottom+e.height-i,left:t.left+t.width-e.width<0},c=s.right&&!s.left,b=s.left&&!s.right,h=s.bottom&&!s.top,d=s.top&&!s.bottom;return{directionRight:c,directionLeft:b,directionUp:h,directionDown:d}}function Z(t,e){let n=(0,y.getOwnerDocument)(t.current);function i(o){o.key==="Tab"&&e.current&&(0,a.tabbable)(e.current).length===0||(o.key==="Tab"&&o.shiftKey?m(o)?T(o):E(o)?g(o):j(o)&&L():o.key==="Tab"&&(c()?b(o):h()?d(o):$(o)&&L()))}l.useEffect(()=>(n.addEventListener("keydown",i),()=>{n.removeEventListener("keydown",i)}),[]);function s(){let o=(0,a.tabbable)(n),r=o&&t.current?o.indexOf(t.current):-1,f=o&&o[r+1];return e.current&&e.current.contains(f||null)?!1:f}function c(){return t.current?t.current===n.activeElement:!1}function b(o){let r=e.current&&(0,a.tabbable)(e.current);r&&r[0]&&(o.preventDefault(),r[0].focus())}function h(){if(e.current?e.current.contains(n.activeElement||null):!1){let r=e.current&&(0,a.tabbable)(e.current);return Boolean(r&&r[r.length-1]===n.activeElement)}return!1}function d(o){let r=s();r&&(o.preventDefault(),r.focus())}function m(o){if(!o.shiftKey)return;let r=s();return o.target===r}function T(o){let r=e.current&&(0,a.tabbable)(e.current),f=r&&r[r.length-1];f&&(o.preventDefault(),f.focus())}function E(o){let r=e.current&&(0,a.tabbable)(e.current);return r?r.length===0?!1:o.target===r[0]:!1}function g(o){var r;o.preventDefault(),(r=t.current)==null||r.focus()}function $(o){let r=e.current?(0,a.tabbable)(n).filter(f=>!e.current.contains(f)):null;return r?o.target===r[r.length-1]:!1}function j(o){return o.target===(0,a.tabbable)(n)[0]}let K=[];function L(){let o=e.current&&(0,a.tabbable)(e.current);o&&(o.forEach(r=>{K.push([r,r.tabIndex]),r.tabIndex=-1}),n.addEventListener("focusin",D))}function D(){n.removeEventListener("focusin",D),K.forEach(([o,r])=>{o.tabIndex=r})}}0&&(module.exports={Popover,getCollisions,positionDefault,positionMatchWidth,positionRight});

dist/reach-popover.d.ts

 /**
-  * @reach/popover v0.18.0-pre.3
+  * @reach/popover v0.18.0-pre.4
   *
@@ -14,3 +14,3 @@ * Copyright (c) 2018-2022, React Training LLC
 import { PRect } from '@reach/rect';
-import { Polymorphic } from '@reach/utils';
+import * as Polymorphic from '@reach/polymorphic';
 
@@ -17,0 +17,0 @@ /**

package.json

 {
   "name": "@reach/popover",
-  "version": "0.18.0-pre.3",
+  "version": "0.18.0-pre.4",
   "description": "Render a portal positioned relative to another element.",
@@ -13,5 +13,6 @@ "author": "React Training <[e-mail]>",
   "dependencies": {
-    "@reach/portal": "0.18.0-pre.3",
-    "@reach/rect": "0.18.0-pre.3",
-    "@reach/utils": "0.18.0-pre.3",
+    "@reach/polymorphic": "0.18.0-pre.4",
+    "@reach/portal": "0.18.0-pre.4",
+    "@reach/rect": "0.18.0-pre.4",
+    "@reach/utils": "0.18.0-pre.4",
     "tabbable": "^5.3.3"
@@ -18,0 +19,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

49327

increased by1.28%

Worsened metrics

Dependency count

7

increased by16.67%

Dependency changes

• + Added@reach/polymorphic@0.18.0-pre.4

• + Added@reach/polymorphic@0.18.0-pre.4(transitive)

• + Added@reach/portal@0.18.0-pre.4(transitive)

• + Added@reach/rect@0.18.0-pre.4(transitive)

• + Added@reach/utils@0.18.0-pre.4(transitive)

• - Removed@reach/portal@0.18.0-pre.3(transitive)

• - Removed@reach/rect@0.18.0-pre.3(transitive)

• - Removed@reach/utils@0.18.0-pre.3(transitive)

• Updated@reach/portal@0.18.0-pre.4

• Updated@reach/rect@0.18.0-pre.4

• Updated@reach/utils@0.18.0-pre.4