@ntbjs/react-components 1.2.0-rc.25 → 1.2.0-rc.27

package/{AssetGallery-3c1db8c2.js → AssetGallery-5e7a46df.js}

@@ -21,7 +21,7 @@ require('./Button-c38d56a0.js');
 require('./Checkbox-68dc38a8.js');
 require('./CompactAutocompleteSelect-43e79e21.js');
 require('./CompactStarRating-8b377d59.js');
-require('./CompactTextInput-4388f2f2.js');
+require('./CompactTextInput-f30941e5.js');
 require('./MultiSelect-4b8d3d0d.js');
 require('./Radio-32d0513a.js');
 require('./TextArea-65525d5a.js');
@@ -1577,6 +1577,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
     var yOffset = latestYOffset.current;
     var minTranslateYPlusHeight = yOffset - containerOffset - bufferTop;
     var maxTranslateY = yOffset - containerOffset + scrollerHeight + bufferBottom;
+    console.log('calculatedAssets', calculatedAssets);
     var finalizedAssets = calculatedAssets.current.map(function (asset) {
       if (scrollElement.self == window && (asset.layout.translateY + asset.layout.height < minTranslateYPlusHeight || asset.layout.translateY > maxTranslateY)) {
         asset.layout.show = false;
@@ -1586,12 +1587,16 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
 
       return asset;
     });
+    console.log('finalizedAssets before setAssets', finalizedAssets);
+    console.log('assets before setAssets', assetsProp);
 
-    if (compareFinalizedAssets(finalizedAssets, assets)) {
+    if (!compareFinalizedAssets(finalizedAssets, assetsProp)) {
       setAssets(finalizedAssets);
     }
   };
 
+  console.log('assets after setAssets', assetsProp);
+
   function getOffsetTop(elem) {
     var offsetTop = 0;
 

package/{CompactTextInput-4388f2f2.js → CompactTextInput-f30941e5.js}

@@ -201,11 +201,14 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
       _useState2 = defaultTheme._slicedToArray(_useState, 1),
       uniqueId = _useState2[0];
 
-  var _useState3 = React.useState(defaultValue || value),
+  var _useState3 = React.useState(),
       _useState4 = defaultTheme._slicedToArray(_useState3, 2),
       currentValue = _useState4[0],
       setCurrentValue = _useState4[1];
 
+  React.useEffect(function () {
+    setCurrentValue(value || defaultValue);
+  }, [value, defaultValue]);
   var onChange = React.useCallback(function (event) {
     setCurrentValue(event.target.value);
 

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-4388f2f2.js');
+var CompactTextInput = require('../../CompactTextInput-f30941e5.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');

package/inputs/index.js

@@ -7,7 +7,7 @@ var Button = require('../Button-c38d56a0.js');
 var Checkbox = require('../Checkbox-68dc38a8.js');
 var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-43e79e21.js');
 var CompactStarRating = require('../CompactStarRating-8b377d59.js');
-var CompactTextInput = require('../CompactTextInput-4388f2f2.js');
+var CompactTextInput = require('../CompactTextInput-f30941e5.js');
 var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
 var Radio = require('../Radio-32d0513a.js');
 var TextArea = require('../TextArea-65525d5a.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.2.0-rc.25",
+  "version": "1.2.0-rc.27",
   "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-3c1db8c2.js');
+var AssetGallery = require('../../AssetGallery-5e7a46df.js');
 require('../../defaultTheme-ea44e34a.js');
 require('styled-components');
 require('lodash');
@@ -38,7 +38,7 @@ require('react-select-async-paginate');
 require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../../CompactStarRating-8b377d59.js');
-require('../../CompactTextInput-4388f2f2.js');
+require('../../CompactTextInput-f30941e5.js');
 require('../../MultiSelect-4b8d3d0d.js');
 require('../../Radio-32d0513a.js');
 require('../../TextArea-65525d5a.js');

package/widgets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-3c1db8c2.js');
+var AssetGallery = require('../AssetGallery-5e7a46df.js');
 var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
 var Instructions = require('../Instructions-06fa9d0c.js');
@@ -42,7 +42,7 @@ require('react-select-async-paginate');
 require('../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../CompactStarRating-8b377d59.js');
-require('../CompactTextInput-4388f2f2.js');
+require('../CompactTextInput-f30941e5.js');
 require('../MultiSelect-4b8d3d0d.js');
 require('../Radio-32d0513a.js');
 require('../TextArea-65525d5a.js');