@ntbjs/react-components 1.2.0-rc.52 → 1.2.0-rc.54

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-885556cf.js} +7 -6
  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-885556cf.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) {
@@ -766,6 +766,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
766
766
  key: "".concat(asset.key, "-").concat(action.title),
767
767
  content: action.title
768
768
  }, React__default['default'].createElement(Fragment$1, {
769
+ key: "".concat(asset.key, "-").concat(action.title),
769
770
  as: ComputedActionButton$1,
770
771
  component: action.component,
771
772
  className: action.className,
@@ -837,7 +838,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
837
838
 
838
839
  AssetGalleryCompactCard.propTypes = process.env.NODE_ENV !== "production" ? {
839
840
  asset: defaultTheme.PropTypes.shape(assetShapeWithLayout).isRequired,
840
- hasHeightAndWidth: defaultTheme.PropTypes.bool.isRequired,
841
+ hasHeightAndWidth: defaultTheme.PropTypes.bool,
841
842
  selectable: defaultTheme.PropTypes.bool,
842
843
  selected: defaultTheme.PropTypes.bool,
843
844
  extendedSelectMode: defaultTheme.PropTypes.bool,
@@ -960,7 +961,6 @@ var ComputedRootComponent = function ComputedRootComponent(_ref) {
960
961
  }, newProps));
961
962
  };
962
963
 
963
- ComputedRootComponent.propTypes = process.env.NODE_ENV !== "production" ? {} : {};
964
964
  var ComputedActionButton = React__default['default'].forwardRef(function ComputedActionButton(_ref2, forwardedRef) {
965
965
  var component = _ref2.component,
966
966
  className = _ref2.className,
@@ -1198,6 +1198,7 @@ var AssetGalleryGridCard = function AssetGalleryGridCard(props) {
1198
1198
  key: "".concat(asset.key, "-").concat(action.title),
1199
1199
  content: action.title
1200
1200
  }, React__default['default'].createElement(Fragment, {
1201
+ key: "".concat(asset.key, "-").concat(action.title),
1201
1202
  as: ComputedActionButton,
1202
1203
  component: action.component,
1203
1204
  className: action.className,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.2.0-rc.52",
3
+ "version": "1.2.0-rc.54",
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-885556cf.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-885556cf.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');