@ntbjs/react-components 1.2.0-rc.51 → 1.2.0-rc.53

package/{AssetGallery-01a1cece.js → AssetGallery-455fff71.js}

@@ -28,7 +28,7 @@ require('./TextArea-229e7abb.js');
 require('./TextInput-0d109708.js');
 require('./Switch-4a41585f.js');
 var ContextMenu = require('./ContextMenu-4ec3d9f3.js');
-var ContextMenuItem = require('./ContextMenuItem-1fe17ed5.js');
+var ContextMenuItem = require('./ContextMenuItem-45419550.js');
 var polished = require('polished');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -170,9 +170,7 @@ var GroupLabel = styled__default['default'].div.attrs(defaultTheme.applyDefaultT
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
 });
-var AssetGalleryCardBase = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$3 || (_templateObject3$3 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  z-index: 1;\n  will-change: transform, width, height;\n\n  &:hover {\n    z-index: 2;\n  }\n"])), function (props) {
-  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'));
-});
+var AssetGalleryCardBase = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$3 || (_templateObject3$3 = defaultTheme._taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  z-index: 1;\n  will-change: transform, width, height;\n\n  &:hover {\n    z-index: 2;\n  }\n"])));
 
 var css_248z = ".lazy-load-image-background.opacity {\n  opacity: 0;\n}\n\n.lazy-load-image-background.opacity.lazy-load-image-loaded {\n  opacity: 1;\n  transition: opacity .3s;\n}\n";
 defaultTheme.styleInject(css_248z);
@@ -300,12 +298,14 @@ var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$
 var AssetGalleryWrapper$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$1 || (_templateObject$1 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n"])), function (props) {
   return props.disabled && styled.css(_templateObject2$1 || (_templateObject2$1 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
 });
-var AssetGalleryCompactCard$2 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$1 || (_templateObject3$1 = defaultTheme._taggedTemplateLiteral(["\n  display: block;\n  height: 100%;\n  padding-left: ", "px;\n  padding-right: ", "px;\n  padding-top: ", "px;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  ", ";\n\n  ", ";\n\n  ", "\n  video {\n    width: 100%;\n    height: 100%;\n  }\n\n  .audio {\n    display: flex;\n    justify-content: center;\n    height: 100%;\n    svg {\n      width: 25%;\n    }\n  }\n"])), function (props) {
+var AssetGalleryCompactCard$2 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$1 || (_templateObject3$1 = defaultTheme._taggedTemplateLiteral(["\n  display: block;\n  height: 100%;\n  padding-left: ", "px;\n  padding-right: ", "px;\n  padding-top: ", "px;\n  box-sizing: border-box;\n  cursor: pointer;\n\n  ", ";\n\n  ", ";\n\n  ", ";\n\n  ", "\n  video {\n    width: 100%;\n    height: 100%;\n  }\n\n  .audio {\n    display: flex;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n"])), function (props) {
   return props.selected ? 1 : 0;
 }, function (props) {
   return props.selected ? 1 : 0;
 }, function (props) {
   return props.selected ? 1 : 0;
+}, function (props) {
+  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'));
 }, function (props) {
   return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
 }, function (props) {
@@ -745,10 +745,10 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
     draggable: asset.draggable,
     innerRef: dragRef,
     selected: selected
-  }, asset.previewUrl && renderPreview(asset), isOverlayHovered && !isAnySubActionsOpened && activeSummaryCard ? React__default['default'].createElement(Popover.Popover, {
+  }, asset.previewUrl && renderPreview(asset), activeSummaryCard ? React__default['default'].createElement(Popover.Popover, {
     content: renderPopoverContent(),
     placement: 'bottom',
-    visible: true,
+    visible: isOverlayHovered && !isAnySubActionsOpened,
     zIndex: 10000
   }, React__default['default'].createElement(Overlay$1, {
     ref: cardRef,
@@ -766,6 +766,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
       key: "".concat(asset.key, "-").concat(action.title),
       content: action.title
     }, React__default['default'].createElement(Fragment$1, {
+      key: "".concat(asset.key, "-").concat(action.title),
       as: ComputedActionButton$1,
       component: action.component,
       className: action.className,
@@ -846,7 +847,8 @@ AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
   softSelected: defaultTheme.PropTypes.bool.isRequired,
   component: defaultTheme.PropTypes.func,
   scrollPosition: defaultTheme.PropTypes.number,
-  collapseExtraInfo: defaultTheme.PropTypes.bool
+  collapseExtraInfo: defaultTheme.PropTypes.bool,
+  activeSummaryCard: defaultTheme.PropTypes.bool
 } : {};
 AssetGalleryCompactCard.defaultProps = {};
 var AssetGalleryCompactCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React__default['default'].memo(AssetGalleryCompactCard, function (prevProps, nextProps) {
@@ -1197,6 +1199,7 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
         key: "".concat(asset.key, "-").concat(action.title),
         content: action.title
       }, React__default['default'].createElement(Fragment, {
+        key: "".concat(asset.key, "-").concat(action.title),
         as: ComputedActionButton,
         component: action.component,
         className: action.className,

package/{ContextMenuItem-1fe17ed5.js → ContextMenuItem-45419550.js}

@@ -45,12 +45,12 @@ function SvgTriangleRight(props) {
 }
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var ContextMenuItem$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  font-family: ", ";\n  font-size: 0.875rem;\n  font-weight: normal;\n  height: 31px;\n  min-width: 160px;\n  padding: ", ";\n\n  color: ", "\n\n  ", "\n\n  ", "\n\n  :not(:last-of-type) {\n    border-bottom: 1px solid;\n\n    ", "\n  }\n\n  :last-of-type {\n    height: 32px;\n  }\n\n  &:hover {\n    cursor: pointer;\n\n    ", "\n  }\n\n  ", "\n\n  ", "    \n"])), function (props) {
+var ContextMenuItem$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  align-items: center;\n  cursor: pointer;\n  display: flex;\n  font-family: ", ";\n  font-size: 0.875rem;\n  font-weight: normal;\n  height: 31px;\n  min-width: 160px;\n  padding: ", ";\n\n  ", "\n\n  ", "\n\n  ", "\n\n  :not(:last-of-type) {\n    border-bottom: 1px solid;\n\n    ", "\n  }\n\n  :last-of-type {\n    height: 32px;\n  }\n\n  &:hover {\n    cursor: pointer;\n\n    ", "\n  }\n\n  ", "\n\n  ", "\n"])), function (props) {
   return props.theme.primaryFontFamily;
 }, function (props) {
   return props.opensSublevel ? '0 8px' : '0 28px 0 8px';
 }, function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-700'), props.theme.getColor('gray-700'));
+  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
 }, function (props) {
   return props.theme.themeProp('background-color', props.theme.getColor('gray-700'), '#FEFEFE');
 }, function (props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.2.0-rc.51",
+  "version": "1.2.0-rc.53",
   "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-01a1cece.js');
+var AssetGallery = require('../../AssetGallery-455fff71.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
@@ -43,7 +43,7 @@ require('../../MultiSelect-4b8d3d0d.js');
 require('../../Radio-32d0513a.js');
 require('../../TextArea-229e7abb.js');
 require('../../Switch-4a41585f.js');
-require('../../ContextMenuItem-1fe17ed5.js');
+require('../../ContextMenuItem-45419550.js');
 
 
 

package/widgets/ContextMenu/ContextMenuItem/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var ContextMenuItem = require('../../../ContextMenuItem-1fe17ed5.js');
+var ContextMenuItem = require('../../../ContextMenuItem-45419550.js');
 require('../../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('react');

package/widgets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-01a1cece.js');
+var AssetGallery = require('../AssetGallery-455fff71.js');
 var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
 var Instructions = require('../Instructions-b9f2e184.js');
@@ -47,7 +47,7 @@ require('../MultiSelect-4b8d3d0d.js');
 require('../Radio-32d0513a.js');
 require('../TextArea-229e7abb.js');
 require('../Switch-4a41585f.js');
-require('../ContextMenuItem-1fe17ed5.js');
+require('../ContextMenuItem-45419550.js');