@ntbjs/react-components 1.3.0-rc.32 → 1.3.0-rc.33

package/{AssetAction-a26dfd17.js → AssetAction-f2fb01c8.js}

@@ -1416,6 +1416,16 @@ var AssetGalleryBase = React__default["default"].forwardRef(function AssetGaller
   function calculateAspectRatio(width, height) {
     return width / height;
   }
+  var totalGalleryHeight = React.useMemo(function () {
+    if (assets.length === 0) {
+      return 0;
+    }
+    var lastAsset = assets[assets.length - 1];
+    if (assets.length < 8) {
+      return (lastAsset.layout.translateY + lastAsset.layout.height) * 2;
+    }
+    return lastAsset.layout.translateY + lastAsset.layout.height;
+  }, [assets]);
   React.useEffect(function () {
     var throttledOnScroll = lodash.throttle(onScroll, 200);
     scrollElement.addEventListener('scroll', throttledOnScroll, false);
@@ -1549,6 +1559,9 @@ var AssetGalleryBase = React__default["default"].forwardRef(function AssetGaller
   }, [softSelectable, softSelectedAssetKey, handleClick]);
   return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(AssetGalleryBase$1, defaultTheme._extends({
     ref: assetGalleryCompactRef,
+    style: {
+      height: "".concat(totalGalleryHeight, "px")
+    },
     className: props.className
   }, props), assets.map(function (asset) {
     return asset.layout.show && React__default["default"].createElement(React__default["default"].Fragment, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.3.0-rc.32",
+  "version": "1.3.0-rc.33",
   "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 AssetAction = require('../../AssetAction-a26dfd17.js');
+var AssetAction = require('../../AssetAction-f2fb01c8.js');
 require('../../defaultTheme-cd01e6c2.js');
 require('styled-components');
 require('lodash');

package/widgets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetAction = require('../AssetAction-a26dfd17.js');
+var AssetAction = require('../AssetAction-f2fb01c8.js');
 var ContextMenu = require('../ContextMenu-4eb8fdc5.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-f800a63a.js');
 var Instructions = require('../Instructions-52e8f6dd.js');