@ntbjs/react-components 1.2.0-rc.46 → 1.2.0-rc.48

package/{AssetGallery-c9a3fb15.js → AssetGallery-fc2ec1ee.js}

@@ -21,7 +21,7 @@ require('./Button-49f82b31.js');
 require('./Checkbox-68dc38a8.js');
 require('./CompactAutocompleteSelect-87c8c7e7.js');
 require('./CompactStarRating-1aedbcf4.js');
-require('./CompactTextInput-c40ff109.js');
+require('./CompactTextInput-aafb1a17.js');
 require('./MultiSelect-4b8d3d0d.js');
 require('./Radio-32d0513a.js');
 require('./TextArea-09b0d7e4.js');
@@ -1763,8 +1763,7 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
       scrollElement = _ref.scrollElement,
       onSoftSelectedChanged = _ref.onSoftSelectedChanged,
       component = _ref.component,
-      selectAll = _ref.selectAll,
-      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component", "selectAll"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component"]);
 
   var _useState = React.useState(selectedAssetKeys || []),
       _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -1805,16 +1804,6 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
       return [].concat(defaultTheme._toConsumableArray(currentState), [assetKey]);
     });
   }, []);
-  React.useEffect(function () {
-    if (selectAll) {
-      var allAssetKeys = assets.map(function (asset) {
-        return asset.key;
-      });
-      setSelectedAssetKeysInternalState(allAssetKeys);
-    } else {
-      setSelectedAssetKeysInternalState([]);
-    }
-  }, [selectAll]);
   var onUnselected = React.useCallback(function (assetKey) {
     setSelectedAssetKeysInternalState(function (currentState) {
       return currentState.filter(function (filteredAssetKey) {
@@ -1849,7 +1838,6 @@ AssetGallery.propTypes = process.env.NODE_ENV !== "production" ? {
   viewMode: defaultTheme.PropTypes.oneOf(['compact', 'grid']),
   thumbnailMaxHeight: defaultTheme.PropTypes.number,
   selectable: defaultTheme.PropTypes.bool,
-  selectAll: defaultTheme.PropTypes.bool,
   selectedAssetKeys: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.string), defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.number)]),
   onSelectedChanged: defaultTheme.PropTypes.func,
   softSelectable: defaultTheme.PropTypes.bool,
@@ -1862,8 +1850,7 @@ AssetGallery.defaultProps = {
   viewMode: 'compact',
   thumbnailMaxHeight: 300,
   selectedAssetKeys: [],
-  activeSummaryCard: false,
-  selectAll: false
+  activeSummaryCard: false
 };
 
 exports.AssetGallery = AssetGallery;

package/{CompactTextInput-c40ff109.js → CompactTextInput-aafb1a17.js}

@@ -207,15 +207,25 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
       currentValue = _useState4[0],
       setCurrentValue = _useState4[1];
 
+  var _useState5 = React.useState(false),
+      _useState6 = defaultTheme._slicedToArray(_useState5, 2),
+      autoFocus = _useState6[0],
+      setAutoFocus = _useState6[1];
+
   var memoizedDescriptionToolTip = React.useMemo(function () {
     return descriptionToolTip;
   }, [descriptionToolTip]);
   React.useEffect(function () {
     setCurrentValue(value || defaultValue);
+    setAutoFocus(false);
   }, [value, defaultValue]);
   var onChange = React.useCallback(function (event) {
     setCurrentValue(event.target.value);
 
+    if (!autoFocus) {
+      setAutoFocus(true);
+    }
+
     if (lodash.isFunction(onChangeProp)) {
       onChangeProp(event);
     }
@@ -239,6 +249,8 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
     return React__default['default'].createElement(Input, {
       ref: forwardedRef,
       id: uniqueId,
+      key: uniqueId,
+      autoFocus: autoFocus,
       inputType: inputType,
       name: name,
       readOnly: readOnly,

package/inputs/CompactTextInput/index.js

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

package/inputs/index.js

@@ -7,7 +7,7 @@ var Button = require('../Button-49f82b31.js');
 var Checkbox = require('../Checkbox-68dc38a8.js');
 var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-87c8c7e7.js');
 var CompactStarRating = require('../CompactStarRating-1aedbcf4.js');
-var CompactTextInput = require('../CompactTextInput-c40ff109.js');
+var CompactTextInput = require('../CompactTextInput-aafb1a17.js');
 var MultiSelect = require('../MultiSelect-4b8d3d0d.js');
 var Radio = require('../Radio-32d0513a.js');
 var TextArea = require('../TextArea-09b0d7e4.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.2.0-rc.46",
+  "version": "1.2.0-rc.48",
   "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-c9a3fb15.js');
+var AssetGallery = require('../../AssetGallery-fc2ec1ee.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-1aedbcf4.js');
-require('../../CompactTextInput-c40ff109.js');
+require('../../CompactTextInput-aafb1a17.js');
 require('../../MultiSelect-4b8d3d0d.js');
 require('../../Radio-32d0513a.js');
 require('../../TextArea-09b0d7e4.js');

package/widgets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-c9a3fb15.js');
+var AssetGallery = require('../AssetGallery-fc2ec1ee.js');
 var ContextMenu = require('../ContextMenu-4ec3d9f3.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-c28715f7.js');
 var Instructions = require('../Instructions-b1311846.js');
@@ -42,7 +42,7 @@ require('react-select-async-paginate');
 require('../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../CompactStarRating-1aedbcf4.js');
-require('../CompactTextInput-c40ff109.js');
+require('../CompactTextInput-aafb1a17.js');
 require('../MultiSelect-4b8d3d0d.js');
 require('../Radio-32d0513a.js');
 require('../TextArea-09b0d7e4.js');