@ntbjs/react-components 1.2.0-rc.49 → 1.2.0-rc.50

package/{AssetGallery-d5e4f7a6.js → AssetGallery-80d1b4e0.js}

@@ -460,7 +460,7 @@ var ComputedActionButton$1 = React__default['default'].forwardRef(function Compu
 });
 
 var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
-  var _asset$note, _asset$note2;
+  var _asset$note, _asset$note2, _asset$note3, _asset$note4;
 
   var asset = props.asset,
       activeSummaryCard = props.activeSummaryCard,
@@ -745,10 +745,9 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
     draggable: asset.draggable,
     innerRef: dragRef,
     selected: selected
-  }, asset.previewUrl && renderPreview(asset), React__default['default'].createElement(Popover.Popover, {
+  }, asset.previewUrl && renderPreview(asset), isOverlayHovered && !isAnySubActionsOpened && activeSummaryCard ? React__default['default'].createElement(Popover.Popover, {
     content: renderPopoverContent(),
     placement: 'bottom',
-    visible: isOverlayHovered && !isAnySubActionsOpened && activeSummaryCard,
     zIndex: 10000
   }, React__default['default'].createElement(Overlay$1, {
     ref: cardRef,
@@ -791,7 +790,48 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
   }), selectable && React__default['default'].createElement(OverlaySelected$1, {
     selected: selected,
     softSelected: softSelected
-  }))), asset.overlay && React__default['default'].createElement(ConsumerDefinedOverlay$1, null, asset.overlay)));
+  }))) : React__default['default'].createElement(Overlay$1, {
+    ref: cardRef,
+    onMouseEnter: mouseHasEnteredOverlay,
+    onMouseLeave: mouseHasLeftOverlay
+  }, React__default['default'].createElement(OverlayBackdrop$1, {
+    softSelected: softSelected,
+    selected: selected
+  }), React__default['default'].createElement(OverlayInfoTopActions$1, {
+    isOverlayHovered: isOverlayHovered
+  }, asset.actions && asset.actions.map(function (action, index) {
+    return React__default['default'].createElement("span", {
+      key: asset.key
+    }, React__default['default'].createElement(Tooltip.Tooltip, {
+      key: "".concat(asset.key, "-").concat(action.title),
+      content: action.title
+    }, React__default['default'].createElement(Fragment$1, {
+      as: ComputedActionButton$1,
+      component: action.component,
+      className: action.className,
+      icon: action.icon,
+      isSubActionsOpened: shouldOpenSubActions(index),
+      subActions: action.subActions,
+      onClick: function onClick(event) {
+        return onActionClick(event, action, index);
+      }
+    })));
+  })), React__default['default'].createElement(OverlayInfo$1, null, React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(OverlayInfoTopVersions$1, {
+    collapseExtraInfo: collapseExtraInfo
+  }, renderVersionsBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note3 = asset.note) === null || _asset$note3 === void 0 ? void 0 : _asset$note3.title) && React__default['default'].createElement(OverlayInfoTopWarning$1, {
+    type: asset === null || asset === void 0 ? void 0 : (_asset$note4 = asset.note) === null || _asset$note4 === void 0 ? void 0 : _asset$note4.type
+  }, React__default['default'].createElement(warningCircle.SvgWarningCircle, null))), React__default['default'].createElement(OverlayInfoBottom$1, null, selectable && React__default['default'].createElement(OverlayInfoBottomSelectButton$1, {
+    selected: selected
+  }, React__default['default'].createElement(SvgCheckRectangleFilled, {
+    onClick: onSelectClick
+  })), React__default['default'].createElement(OverlayInfoBottomMediaIcon$1, null, renderMediaBadge()))), asset.completed && React__default['default'].createElement(OverlayCompleted, {
+    softSelected: softSelected
+  }), asset.hasError && React__default['default'].createElement(OverlayHasError, {
+    softSelected: softSelected
+  }), selectable && React__default['default'].createElement(OverlaySelected$1, {
+    selected: selected,
+    softSelected: softSelected
+  })), asset.overlay && React__default['default'].createElement(ConsumerDefinedOverlay$1, null, asset.overlay)));
 };
 
 AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.2.0-rc.49",
+  "version": "1.2.0-rc.50",
   "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-d5e4f7a6.js');
+var AssetGallery = require('../../AssetGallery-80d1b4e0.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-d5e4f7a6.js');
+var AssetGallery = require('../AssetGallery-80d1b4e0.js');
 var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
 var Instructions = require('../Instructions-b9f2e184.js');