@ntbjs/react-components 0.0.1-beta.37 → 0.0.1-beta.38

package/{AssetGallery-563abf37.js → AssetGallery-967c57ed.js}

@@ -784,8 +784,6 @@ var GroupLabel = styled__default['default'].div.attrs(defaultTheme.applyDefaultT
 var AssetGalleryCardBase = styled__default['default'].div(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  overflow: hidden;\n  will-change: transform, width, height;\n"])));
 
 var AssetGalleryBase = React__default['default'].forwardRef(function AssetGalleryBase(_ref, forwardedRef) {
-  var _window, _window2;
-
   var assetsProp = _ref.assets,
       viewMode = _ref.viewMode,
       thumbnailMaxHeight = _ref.thumbnailMaxHeight,
@@ -821,10 +819,11 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
   var GRID_VIEW_MODE_ASSET_HEIGHT = 403;
   var MISSING_WIDTH_PLACEHOLDER = 1920;
   var MISSING_HEIGHT_PLACEHOLDER = 1080;
-  var previousYOffset = React.useRef(((_window = window) === null || _window === void 0 ? void 0 : _window.pageYOffset) || 0);
-  var latestYOffset = React.useRef(((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.pageYOffset) || 0);
+  var isBrowser = typeof window !== 'undefined';
+  var previousYOffset = React.useRef(isBrowser ? window.pageYOffset : 0);
+  var latestYOffset = React.useRef(isBrowser ? window.pageYOffset : 0);
   var scrollDirection = React.useRef('down');
-  React.useLayoutEffect(function () {
+  React.useEffect(function () {
     if (!assetGalleryDOMNode.current) return;
     var throttledOnResize = lodash.throttle(onResize, 1);
     var resizeObserver = new ResizeObserver(throttledOnResize);
@@ -998,22 +997,18 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
   }
 
   function setScrollPositionAndDirection() {
-    var _window3;
-
-    var newYOffset = ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.pageYOffset) || 0;
+    var newYOffset = window.pageYOffset;
     previousYOffset.current = latestYOffset.current;
     latestYOffset.current = newYOffset;
     scrollDirection.current = latestYOffset.current > previousYOffset.current ? 'down' : 'up';
   }
 
   var calculateVisibility = function calculateVisibility() {
-    var _window4;
-
     if (!assetGalleryDOMNode.current) return;
     var bufferTop = scrollDirection.current === 'up' ? PRIMARY_SCROLL_BUFFER_HEIGHT : SECONDARY_SCROLL_BUFFER_HEIGHT;
     var bufferBottom = scrollDirection.current === 'up' ? SECONDARY_SCROLL_BUFFER_HEIGHT : PRIMARY_SCROLL_BUFFER_HEIGHT;
     var containerOffset = getOffsetTop(assetGalleryDOMNode.current);
-    var scrollerHeight = ((_window4 = window) === null || _window4 === void 0 ? void 0 : _window4.innerHeight) || 0;
+    var scrollerHeight = window.innerHeight;
     var yOffset = latestYOffset.current;
     var minTranslateYPlusHeight = yOffset - containerOffset - bufferTop;
     var maxTranslateY = yOffset - containerOffset + scrollerHeight + bufferBottom;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "0.0.1-beta.37",
+  "version": "0.0.1-beta.38",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",

package/widgets/AssetGallery/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-563abf37.js');
+var AssetGallery = require('../../AssetGallery-967c57ed.js');
 require('../../defaultTheme-18d7c1ee.js');
 require('styled-components');
 require('react');

package/widgets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-563abf37.js');
+var AssetGallery = require('../AssetGallery-967c57ed.js');
 require('../defaultTheme-18d7c1ee.js');
 require('styled-components');
 require('react');