@ntbjs/react-components 1.1.15 → 1.1.17

package/{AssetAction-2e2d496e.js → AssetAction-8858782d.js}

@@ -487,10 +487,14 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
     }),
     isMounted = _useTransitionStyles.isMounted,
     styles = _useTransitionStyles.styles;
-  var hover = react.useHover(context);
+  var hover = react.useHover(context, {
+    restMs: 100
+  });
   var dismiss = react.useDismiss(context, {
     referencePress: true,
-    ancestorScroll: true
+    ancestorScroll: true,
+    windowScroll: true,
+    windowBlur: true
   });
   var _useInteractions = react.useInteractions([dismiss, hover]),
     getReferenceProps = _useInteractions.getReferenceProps,
@@ -653,6 +657,23 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
     if (!(asset !== null && asset !== void 0 && asset.verifications)) return null;
     return asset === null || asset === void 0 ? void 0 : asset.verifications;
   }, [asset]);
+  var renderdynamicBadge = React.useCallback(function () {
+    if (asset !== null && asset !== void 0 && asset.verifications) return renderVerificationBadge();
+    if (asset !== null && asset !== void 0 && asset.versions) return renderVersionsBadge();
+    return null;
+  });
+  var renderBadge = function renderBadge() {
+    switch (displayIcon) {
+      case 'versions':
+        return renderVersionsBadge();
+      case 'verifications':
+        return renderVerificationBadge();
+      case 'dynamic':
+        return renderdynamicBadge();
+      default:
+        return null;
+    }
+  };
   var renderMediaBadge = React.useCallback(function () {
     var badgeIcon = null;
     var badgeContent = null;
@@ -729,7 +750,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
     asset: asset
   })), React__default["default"].createElement(OverlayInfo$1, null, isOverlayHovered && React__default["default"].createElement("span", null, asset.title), React__default["default"].createElement(OverlayInfoTop$1, null, React__default["default"].createElement(OverlayInfoTopLeft, {
     collapseExtraInfo: collapseExtraInfo
-  }, displayIcon === 'versions' && renderVersionsBadge() || displayIcon === 'verifications' && renderVerificationBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note = asset.note) === null || _asset$note === void 0 ? void 0 : _asset$note.title) && React__default["default"].createElement(OverlayInfoTopWarning$1, {
+  }, renderBadge()), (asset === null || asset === void 0 ? void 0 : (_asset$note = asset.note) === null || _asset$note === void 0 ? void 0 : _asset$note.title) && React__default["default"].createElement(OverlayInfoTopWarning$1, {
     type: asset === null || asset === void 0 ? void 0 : (_asset$note2 = asset.note) === null || _asset$note2 === void 0 ? void 0 : _asset$note2.type
   }, React__default["default"].createElement(Instructions.SvgWarningCircle, null))), React__default["default"].createElement(OverlayInfoBottom$1, null, selectable && React__default["default"].createElement(OverlayInfoBottomSelectButton$1, {
     selected: selected
@@ -742,7 +763,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
   }), selectable && React__default["default"].createElement(OverlaySelected$1, {
     selected: selected,
     softSelected: softSelected
-  }), isOpen && isMounted && activeSummaryCard && !isAnySubActionsOpened && React__default["default"].createElement("div", defaultTheme._extends({
+  }), isOpen && isOverlayHovered && isMounted && activeSummaryCard && !isAnySubActionsOpened && React__default["default"].createElement("div", defaultTheme._extends({
     ref: refs.setFloating,
     style: floatingStyles
   }, getFloatingProps()), React__default["default"].createElement("div", {
@@ -770,7 +791,6 @@ AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
   activeSummaryCard: defaultTheme.PropTypes.bool,
   displayIcon: defaultTheme.PropTypes.oneOf(['versions', 'verifications', ''])
 } : {};
-AssetGalleryCompactCard.defaultProps = {};
 var AssetGalleryCompactCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React__default["default"].memo(AssetGalleryCompactCard, function (prevProps, nextProps) {
   var reactiveProps = ['selectable', 'selected', 'extendedSelectMode', 'softSelected', 'asset.previewUrl', 'asset.overlay', 'hasHeightAndWidth', 'collapseExtraInfo'];
   return reactiveProps.every(function (propKey) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.15",
+  "version": "1.1.17",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",
@@ -71,7 +71,7 @@
     "url-loader": "^4.1.1"
   },
   "dependencies": {
-    "@floating-ui/react": "^0.26.23",
+    "@floating-ui/react": "^0.26.24",
     "@restart/hooks": "^0.3.26",
     "@storybook/addons": "^6.5.14",
     "@storybook/theming": "^6.5.14",

package/widgets/AssetGallery/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetAction = require('../../AssetAction-2e2d496e.js');
+var AssetAction = require('../../AssetAction-8858782d.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-2e2d496e.js');
+var AssetAction = require('../AssetAction-8858782d.js');
 var ContextMenu = require('../ContextMenu-4eb8fdc5.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-b1fe3188.js');
 var Instructions = require('../Instructions-c8502398.js');