@ntbjs/react-components 1.1.6 → 1.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/{AssetGallery-0f99de75.js → AssetGallery-90a491d3.js} +17 -20
  2. package/package.json +1 -1
  3. package/widgets/AssetGallery/index.js +1 -1
  4. package/widgets/index.js +1 -1
package/{AssetGallery-0f99de75.js → AssetGallery-90a491d3.js} RENAMED
@@ -170,9 +170,7 @@ var GroupLabel = styled__default['default'].div.attrs(defaultTheme.applyDefaultT
170
170
  }, function (props) {
171
171
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
172
172
  });
173
- 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) {
174
- return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'));
175
- });
173
+ 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"])));
176
174
 
177
175
  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";
178
176
  defaultTheme.styleInject(css_248z);
@@ -300,12 +298,14 @@ var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$
300
298
  var AssetGalleryWrapper$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$1 || (_templateObject$1 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n"])), function (props) {
301
299
  return props.disabled && styled.css(_templateObject2$1 || (_templateObject2$1 = defaultTheme._taggedTemplateLiteral(["\n cursor: not-allowed;\n "])));
302
300
  });
303
- 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) {
301
+ 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) {
304
302
  return props.selected ? 1 : 0;
305
303
  }, function (props) {
306
304
  return props.selected ? 1 : 0;
307
305
  }, function (props) {
308
306
  return props.selected ? 1 : 0;
307
+ }, function (props) {
308
+ return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'));
309
309
  }, function (props) {
310
310
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
311
311
  }, function (props) {
@@ -760,12 +760,11 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
760
760
  }), React__default['default'].createElement(OverlayInfoTopActions$1, {
761
761
  isOverlayHovered: isOverlayHovered
762
762
  }, asset.actions && asset.actions.map(function (action, index) {
763
- return React__default['default'].createElement("span", {
764
- key: asset.key
765
- }, React__default['default'].createElement(Tooltip.Tooltip, {
763
+ return React__default['default'].createElement(Tooltip.Tooltip, {
766
764
  key: "".concat(asset.key, "-").concat(action.title),
767
765
  content: action.title
768
766
  }, React__default['default'].createElement(Fragment$1, {
767
+ key: "".concat(asset.key, "-").concat(action.title),
769
768
  as: ComputedActionButton$1,
770
769
  component: action.component,
771
770
  className: action.className,
@@ -775,7 +774,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
775
774
  onClick: function onClick(event) {
776
775
  return onActionClick(event, action, index);
777
776
  }
778
- })));
777
+ }));
779
778
  })), React__default['default'].createElement(OverlayInfo$1, null, React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(OverlayInfoTopVersions$1, {
780
779
  collapseExtraInfo: collapseExtraInfo
781
780
  }, renderVersionsBadge()), (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, {
@@ -801,9 +800,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
801
800
  }), React__default['default'].createElement(OverlayInfoTopActions$1, {
802
801
  isOverlayHovered: isOverlayHovered
803
802
  }, asset.actions && asset.actions.map(function (action, index) {
804
- return React__default['default'].createElement("span", {
805
- key: asset.key
806
- }, React__default['default'].createElement(Tooltip.Tooltip, {
803
+ return React__default['default'].createElement(Tooltip.Tooltip, {
807
804
  key: "".concat(asset.key, "-").concat(action.title),
808
805
  content: action.title
809
806
  }, React__default['default'].createElement(Fragment$1, {
@@ -816,8 +813,8 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
816
813
  onClick: function onClick(event) {
817
814
  return onActionClick(event, action, index);
818
815
  }
819
- })));
820
- })), React__default['default'].createElement(OverlayInfo$1, null, React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(OverlayInfoTopVersions$1, {
816
+ }));
817
+ })), React__default['default'].createElement(OverlayInfo$1, null, isOverlayHovered ? asset.title : null, React__default['default'].createElement(OverlayInfoTop$1, null, React__default['default'].createElement(OverlayInfoTopVersions$1, {
821
818
  collapseExtraInfo: collapseExtraInfo
822
819
  }, 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, {
823
820
  type: asset === null || asset === void 0 ? void 0 : (_asset$note4 = asset.note) === null || _asset$note4 === void 0 ? void 0 : _asset$note4.type
@@ -837,7 +834,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
837
834
 
838
835
  AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
839
836
  asset: defaultTheme.PropTypes.shape(assetShapeWithLayout).isRequired,
840
- hasHeightAndWidth: defaultTheme.PropTypes.bool.isRequired,
837
+ hasHeightAndWidth: defaultTheme.PropTypes.bool,
841
838
  selectable: defaultTheme.PropTypes.bool,
842
839
  selected: defaultTheme.PropTypes.bool,
843
840
  extendedSelectMode: defaultTheme.PropTypes.bool,
@@ -960,7 +957,6 @@ var ComputedRootComponent = function ComputedRootComponent(_ref) {
960
957
  }, newProps));
961
958
  };
962
959
 
963
- ComputedRootComponent.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
964
960
  var ComputedActionButton = React__default['default'].forwardRef(function ComputedActionButton(_ref2, forwardedRef) {
965
961
  var component = _ref2.component,
966
962
  className = _ref2.className,
@@ -1187,7 +1183,7 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
1187
1183
  }), React__default['default'].createElement(Overlay, {
1188
1184
  ref: cardRef
1189
1185
  }, React__default['default'].createElement(OverlayBackdrop, {
1190
- softSelected: softSelected,
1186
+ $softSelected: softSelected,
1191
1187
  selected: selected
1192
1188
  }), React__default['default'].createElement(OverlayInfo, null, React__default['default'].createElement(OverlayInfoTop, null, React__default['default'].createElement(OverlayInfoTopVersions, null, renderVersionsBadge()), (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, {
1193
1189
  type: asset === null || asset === void 0 ? void 0 : (_asset$note2 = asset.note) === null || _asset$note2 === void 0 ? void 0 : _asset$note2.type
@@ -1198,6 +1194,7 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
1198
1194
  key: "".concat(asset.key, "-").concat(action.title),
1199
1195
  content: action.title
1200
1196
  }, React__default['default'].createElement(Fragment, {
1197
+ key: "".concat(asset.key, "-").concat(action.title),
1201
1198
  as: ComputedActionButton,
1202
1199
  component: action.component,
1203
1200
  className: action.className,
@@ -1215,7 +1212,7 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
1215
1212
  onClick: onSelectClick
1216
1213
  })), React__default['default'].createElement(OverlayInfoBottomMediaIcon, null, renderMediaBadge()))), selectable && React__default['default'].createElement(OverlaySelected, {
1217
1214
  selected: selected,
1218
- softSelected: softSelected
1215
+ $softSelected: softSelected
1219
1216
  })), asset.overlay && React__default['default'].createElement(ConsumerDefinedOverlay, null, asset.overlay));
1220
1217
  }
1221
1218
 
@@ -1326,13 +1323,13 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
1326
1323
  draggable: asset.draggable,
1327
1324
  innerRef: dragRef,
1328
1325
  selected: selected,
1329
- softSelected: softSelected,
1326
+ $softSelected: softSelected,
1330
1327
  completed: asset === null || asset === void 0 ? void 0 : asset.completed,
1331
- hasError: asset === null || asset === void 0 ? void 0 : asset.hasError
1328
+ $hasError: asset === null || asset === void 0 ? void 0 : asset.hasError
1332
1329
  }, React__default['default'].createElement(ContentWrapper, {
1333
1330
  layout: asset.layout,
1334
1331
  ref: cardRef,
1335
- softSelected: softSelected,
1332
+ $softSelected: softSelected,
1336
1333
  selected: selected
1337
1334
  }, React__default['default'].createElement(Asset, {
1338
1335
  "data-id": "ss",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.6",
3
+ "version": "1.1.7",
4
4
  "description": "NTBs common front-end design utilities and React components.",
5
5
  "scripts": {
6
6
  "build": "cross-env NODE_ENV=production rollup -c",
package/widgets/AssetGallery/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-0f99de75.js');
3
+ var AssetGallery = require('../../AssetGallery-90a491d3.js');
4
4
  require('../../defaultTheme-ea44e34a.js');
5
5
  require('styled-components');
6
6
  require('lodash');
package/widgets/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-0f99de75.js');
5
+ var AssetGallery = require('../AssetGallery-90a491d3.js');
6
6
  var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
8
8
  var Instructions = require('../Instructions-b9f2e184.js');