@ntbjs/react-components 1.3.0-rc.27 → 1.3.0-rc.29

package/{AssetGallery-7f8aef8b.js → AssetGallery-1ad319a3.js}

@@ -755,7 +755,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
     innerRef: dragRef,
     selected: selected
   }, asset.previewUrl && renderPreview(asset), activeSummaryCard ? React__default['default'].createElement(Popover.Popover, {
-    boundary: boundary.current,
+    boundary: boundary,
     content: renderPopoverContent(),
     duration: [350, 0],
     placement: 'bottom',
@@ -1376,6 +1376,7 @@ var AssetGalleryGridCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React
 var AssetGalleryBase = React__default['default'].forwardRef(function AssetGalleryBase(_ref, forwardedRef) {
   var assetsProp = _ref.assets,
       activeSummaryCard = _ref.activeSummaryCard,
+      boundary = _ref.boundary,
       displayVersionCount = _ref.displayVersionCount,
       displayVerificationIcon = _ref.displayVerificationIcon,
       viewMode = _ref.viewMode,
@@ -1389,7 +1390,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
       scrollElementProp = _ref.scrollElement,
       onAssetSoftSelectedChanged = _ref.onAssetSoftSelectedChanged,
       component = _ref.component,
-      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "displayVersionCount", "displayVerificationIcon", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onAssetSelected", "onAssetUnselected", "softSelectable", "softSelectedAssetKey", "scrollElement", "onAssetSoftSelectedChanged", "component"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "boundary", "displayVersionCount", "displayVerificationIcon", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onAssetSelected", "onAssetUnselected", "softSelectable", "softSelectedAssetKey", "scrollElement", "onAssetSoftSelectedChanged", "component"]);
 
   var assetGalleryDOMNode = React.useRef();
   var assetGalleryCompactRef = useMergedRefs.useMergedRefs(forwardedRef, assetGalleryDOMNode);
@@ -1589,6 +1590,11 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
     }
 
     var lastAsset = assets[assets.length - 1];
+
+    if (assets.length < 8) {
+      return (lastAsset.layout.translateY + lastAsset.layout.height) * 2.5;
+    }
+
     return lastAsset.layout.translateY + lastAsset.layout.height;
   }, [assets]);
   React.useEffect(function () {
@@ -1780,7 +1786,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
     }) : React__default['default'].createElement(AssetGalleryCompactCard$1, {
       asset: asset,
       activeSummaryCard: activeSummaryCard,
-      boundary: assetGalleryDOMNode,
+      boundary: !lodash.isEmpty(boundary) ? boundary : assetGalleryDOMNode === null || assetGalleryDOMNode === void 0 ? void 0 : assetGalleryDOMNode.current,
       displayVersionCount: displayVersionCount,
       displayVerificationIcon: displayVerificationIcon,
       hasHeightAndWidth: asset.layout.hasHeightAndWidth,
@@ -1798,6 +1804,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
 AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
   assets: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.shape(assetShape)),
   activeSummaryCard: defaultTheme.PropTypes.bool,
+  boundary: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]),
   displayVersionCount: defaultTheme.PropTypes.bool,
   displayVerificationIcon: defaultTheme.PropTypes.bool,
   viewMode: defaultTheme.PropTypes.oneOf(['compact', 'grid']),
@@ -1816,6 +1823,7 @@ AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
 
 var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_ref, forwardedRef) {
   var assets = _ref.assets,
+      boundary = _ref.boundary,
       activeSummaryCard = _ref.activeSummaryCard,
       displayVersionCount = _ref.displayVersionCount,
       displayVerificationIcon = _ref.displayVerificationIcon,
@@ -1828,7 +1836,7 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
       scrollElement = _ref.scrollElement,
       onSoftSelectedChanged = _ref.onSoftSelectedChanged,
       component = _ref.component,
-      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "displayVersionCount", "displayVerificationIcon", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "boundary", "activeSummaryCard", "displayVersionCount", "displayVerificationIcon", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component"]);
 
   var _useState = React.useState(selectedAssetKeys || []),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -1884,6 +1892,7 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
     ref: forwardedRef,
     assets: assets,
     activeSummaryCard: activeSummaryCard,
+    boundary: boundary,
     displayVersionCount: displayVersionCount,
     displayVerificationIcon: displayVerificationIcon,
     thumbnailMaxHeight: thumbnailMaxHeight,
@@ -1901,6 +1910,7 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
 });
 AssetGallery.propTypes = process.env.NODE_ENV !== "production" ? {
   assets: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.shape(assetShape)),
+  boundary: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]),
   displayVersionCount: defaultTheme.PropTypes.bool,
   displayVerificationIcon: defaultTheme.PropTypes.bool,
   activeSummaryCard: defaultTheme.PropTypes.bool,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.3.0-rc.27",
+  "version": "1.3.0-rc.29",
   "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-7f8aef8b.js');
+var AssetGallery = require('../../AssetGallery-1ad319a3.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');

package/widgets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-7f8aef8b.js');
+var AssetGallery = require('../AssetGallery-1ad319a3.js');
 var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-2197a160.js');
 var Instructions = require('../Instructions-f67605d2.js');