@ntbjs/react-components 1.2.0-rc.4 → 1.2.0-rc.5

package/{Alert-96814023.js → Alert-163f8e98.js}

@@ -28,7 +28,7 @@ var Alert$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultThem
 }, function (props) {
   return props.align === 'center' ? 'center' : 'left';
 });
-var AlertRender = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  word-break: break-word;\n  ", "\n  ", "\n  ", ";\n\n  svg {\n    width: 12px;\n    height: 12px;\n    padding-right: 5px;\n  }\n\n  span {\n    flex: 1;\n    ", "\n  }\n"])), function (props) {
+var AlertRender = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  word-break: break-word;\n  ", "\n  ", "\n  ", ";\n\n  svg {\n    width: 12px;\n    height: 12px;\n  }\n\n  span {\n    flex: 1;\n    padding-left: 5px;\n    ", ";\n  }\n"])), function (props) {
   return props.lineHeight ? "line-height: ".concat(props.lineHeight, "px;") : null;
 }, function (props) {
   return props.fontSize ? "font-size: ".concat(props.fontSize, "px;") : null;

package/{AssetGallery-5b12e2b1.js → AssetGallery-c6953833.js}

@@ -1,13 +1,14 @@
 'use strict';
 
 var defaultTheme = require('./defaultTheme-c137e17f.js');
-var React = require('react');
 var lodash = require('lodash');
+var React = require('react');
 var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
 var ResizeObserver = require('resize-observer-polyfill');
+var styled = require('styled-components');
 var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
 var warningCircle = require('./warning-circle-24522402.js');
-var Alert = require('./Alert-96814023.js');
+var Alert = require('./Alert-163f8e98.js');
 var Badge = require('./Badge-fa94dca8.js');
 var Popover = require('./Popover-155cbac8.js');
 require('./Tab-8fec1dba.js');
@@ -19,15 +20,14 @@ require('./Button-5071dc6b.js');
 require('./Checkbox-dd2cf216.js');
 require('./CompactAutocompleteSelect-d4147107.js');
 require('./CompactStarRating-ca1943af.js');
-require('./CompactTextInput-c5e38aae.js');
+require('./CompactTextInput-ca975da6.js');
 require('./MultiSelect-87614192.js');
 require('./Radio-dd81f5d4.js');
-require('./TextArea-4d90d02c.js');
+require('./TextArea-38615509.js');
 require('./TextInput-e6035fb0.js');
 require('./Switch-c004ea6d.js');
 var ContextMenu = require('./ContextMenu-bd818e55.js');
 var ContextMenuItem = require('./ContextMenuItem-10af8b2f.js');
-var styled = require('styled-components');
 var polished = require('polished');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -113,8 +113,6 @@ function SvgPlay(props) {
   }, props), _ref);
 }
 
-var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-
 var assetShape = {
   key: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.number]).isRequired,
   previewUrl: defaultTheme.PropTypes.string,
@@ -164,6 +162,17 @@ var assetShapeWithLayout = defaultTheme._objectSpread2(defaultTheme._objectSprea
   }).isRequired
 });
 
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+
+var _templateObject$3, _templateObject2$3, _templateObject3$3;
+var AssetGalleryBase$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$3 || (_templateObject$3 = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n"])));
+var GroupLabel = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2$3 || (_templateObject2$3 = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  ", "\n  display: flex;\n  align-items: flex-end;\n  position: absolute;\n  padding-bottom: 4px;\n  box-sizing: border-box;\n"])), function (props) {
+  return props.theme.primaryFontFamily;
+}, function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
+});
+var AssetGalleryCardBase = styled__default['default'].div(_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);
 
@@ -184,15 +193,15 @@ var convertMsToHMS = function convertMsToHMS(ms) {
   return hmsString;
 };
 
-var _templateObject$3, _templateObject2$3, _templateObject3$3, _templateObject4$2, _templateObject5$2, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2;
-var SummaryCard$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$3 || (_templateObject$3 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n\n  ", "\n"])), function (props) {
+var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$2, _templateObject5$2, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2;
+var SummaryCard$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$2 || (_templateObject$2 = defaultTheme._taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  width: ", ";\n\n  ", "\n"])), function (props) {
   return props.width ? "".concat(props.width, "px") : '100%';
 }, function (props) {
   return props.useBorder ? props.theme.themeProp('border', "1px solid ".concat(props.theme.getColor('gray-500')), "1px solid ".concat(props.theme.getColor('gray-300'))) : null;
 });
-var Gutter = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2$3 || (_templateObject2$3 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  padding-bottom: ", "px;\n"])), function (props) {
+var Gutter = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2$2 || (_templateObject2$2 = defaultTheme._taggedTemplateLiteral(["\n  ", "\n  padding-bottom: ", "px;\n"])), function (props) {
   if (props.renderAsMargin) {
-    return styled.css(_templateObject3$3 || (_templateObject3$3 = defaultTheme._taggedTemplateLiteral(["\n        margin-bottom: ", "px;\n      "])), props.gutter || 8);
+    return styled.css(_templateObject3$2 || (_templateObject3$2 = defaultTheme._taggedTemplateLiteral(["\n        margin-bottom: ", "px;\n      "])), props.gutter || 8);
   } else {
     return styled.css(_templateObject4$2 || (_templateObject4$2 = defaultTheme._taggedTemplateLiteral(["\n        padding-bottom: ", "px;\n      "])), props.gutter || 8);
   }
@@ -282,12 +291,14 @@ SummaryCard.defaultProps = {
   useBorder: false
 };
 
-var _templateObject$2, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1;
-var AssetGalleryWrapper$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject$2 || (_templateObject$2 = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n"])), function (props) {
-  return props.disabled && styled.css(_templateObject2$2 || (_templateObject2$2 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
+var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1;
+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$2 || (_templateObject3$2 = defaultTheme._taggedTemplateLiteral(["\n  display: block;\n  height: 100%;\n  padding: ", "px;\n  box-sizing: border-box;\n  cursor: pointer;\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: ", "px;\n  box-sizing: border-box;\n  cursor: pointer;\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) {
   return props.selected ? 3 : 0;
+}, function (props) {
+  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
 }, function (props) {
   return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'));
 }, function (props) {
@@ -445,6 +456,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
   var _asset$note, _asset$note2;
 
   var asset = props.asset,
+      activeSummaryCard = props.activeSummaryCard,
       selectable = props.selectable,
       hasHeightAndWidth = props.hasHeightAndWidth,
       selected = props.selected,
@@ -466,6 +478,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
       openedSubActions = _React$useState4[0],
       updateOpenedSubActions = _React$useState4[1];
 
+  console.log('activeSummaryCard', activeSummaryCard);
   React.useEffect(function () {
     var _asset$actions;
 
@@ -728,7 +741,7 @@ var AssetGalleryCompactCard = function AssetGalleryCompactCard(props) {
   }, asset.previewUrl && renderPreview(asset), React__default['default'].createElement(Popover.Popover, {
     content: renderPopoverContent(),
     placement: 'bottom',
-    visible: isOverlayHovered && !isAnySubActionsOpened,
+    visible: isOverlayHovered && !isAnySubActionsOpened && activeSummaryCard,
     zIndex: 10000
   }, React__default['default'].createElement(Overlay$1, {
     ref: cardRef,
@@ -793,11 +806,11 @@ var AssetGalleryCompactCard$1 = reactLazyLoadImageComponent.trackWindowScroll(Re
   });
 }));
 
-var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
-var AssetGalleryWrapper = 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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26;
+var AssetGalleryWrapper = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  ", ";\n"])), function (props) {
+  return props.disabled && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n      cursor: not-allowed;\n    "])));
 });
-var AssetGalleryGridCard$2 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3$1 || (_templateObject3$1 = defaultTheme._taggedTemplateLiteral(["\n  display: block;\n  position: relative;\n  height: 100%;\n  margin: 0;\n  box-sizing: border-box;\n  border-width: ", "px;\n  border-style: solid;\n  text-decoration: none;\n  cursor: pointer;\n\n  ", "\n\n  ", ";\n\n  ", "\n\n  ", ";\n"])), function (props) {
+var AssetGalleryGridCard$2 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  display: block;\n  position: relative;\n  height: 100%;\n  margin: 0;\n  box-sizing: border-box;\n  border-width: ", "px;\n  border-style: solid;\n  text-decoration: none;\n  cursor: pointer;\n\n  ", "\n\n  ", ";\n\n  ", "\n\n  ", ";\n"])), function (props) {
   var selected = props.selected,
       softSelected = props.softSelected,
       hasError = props.hasError,
@@ -1294,17 +1307,9 @@ var AssetGalleryGridCard$1 = reactLazyLoadImageComponent.trackWindowScroll(React
   });
 }));
 
-var _templateObject, _templateObject2, _templateObject3;
-var AssetGalleryBase$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  position: relative;\n"])));
-var GroupLabel = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  font-family: ", ";\n  ", "\n  display: flex;\n  align-items: flex-end;\n  position: absolute;\n  padding-bottom: 4px;\n  box-sizing: border-box;\n"])), function (props) {
-  return props.theme.primaryFontFamily;
-}, function (props) {
-  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
-});
-var AssetGalleryCardBase = styled__default['default'].div(_templateObject3 || (_templateObject3 = 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 AssetGalleryBase = React__default['default'].forwardRef(function AssetGalleryBase(_ref, forwardedRef) {
   var assetsProp = _ref.assets,
+      activeSummaryCard = _ref.activeSummaryCard,
       viewMode = _ref.viewMode,
       thumbnailMaxHeight = _ref.thumbnailMaxHeight,
       selectable = _ref.selectable,
@@ -1316,7 +1321,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
       scrollElementProp = _ref.scrollElement,
       onAssetSoftSelectedChanged = _ref.onAssetSoftSelectedChanged,
       component = _ref.component,
-      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onAssetSelected", "onAssetUnselected", "softSelectable", "softSelectedAssetKey", "scrollElement", "onAssetSoftSelectedChanged", "component"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "activeSummaryCard", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onAssetSelected", "onAssetUnselected", "softSelectable", "softSelectedAssetKey", "scrollElement", "onAssetSoftSelectedChanged", "component"]);
 
   var assetGalleryDOMNode = React.useRef();
   var assetGalleryCompactRef = useMergedRefs.useMergedRefs(forwardedRef, assetGalleryDOMNode);
@@ -1704,6 +1709,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
       component: component
     }) : React__default['default'].createElement(AssetGalleryCompactCard$1, {
       asset: asset,
+      activeSummaryCard: activeSummaryCard,
       hasHeightAndWidth: asset.layout.hasHeightAndWidth,
       collapseExtraInfo: asset.layout.width < 90,
       selectable: 'selectable' in asset ? asset.selectable : selectable,
@@ -1718,6 +1724,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
 });
 AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
   assets: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.shape(assetShape)),
+  activeSummaryCard: defaultTheme.PropTypes.bool,
   viewMode: defaultTheme.PropTypes.oneOf(['compact', 'grid']),
   thumbnailMaxHeight: defaultTheme.PropTypes.number,
   selectable: defaultTheme.PropTypes.bool,
@@ -1734,6 +1741,7 @@ AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
 
 var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_ref, forwardedRef) {
   var assets = _ref.assets,
+      activeSummaryCard = _ref.activeSummaryCard,
       viewMode = _ref.viewMode,
       thumbnailMaxHeight = _ref.thumbnailMaxHeight,
       selectable = _ref.selectable,
@@ -1743,7 +1751,7 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
       scrollElement = _ref.scrollElement,
       onSoftSelectedChanged = _ref.onSoftSelectedChanged,
       component = _ref.component,
-      props = defaultTheme._objectWithoutProperties(_ref, ["assets", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component"]);
+      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),
@@ -1798,6 +1806,7 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
   return React__default['default'].createElement(AssetGalleryBase, defaultTheme._extends({
     ref: forwardedRef,
     assets: assets,
+    activeSummaryCard: activeSummaryCard,
     thumbnailMaxHeight: thumbnailMaxHeight,
     selectable: selectable,
     selectedAssetKeys: selectedAssetKeysInternalState,
@@ -1813,6 +1822,7 @@ var AssetGallery = React__default['default'].forwardRef(function AssetGallery(_r
 });
 AssetGallery.propTypes = process.env.NODE_ENV !== "production" ? {
   assets: defaultTheme.PropTypes.arrayOf(defaultTheme.PropTypes.shape(assetShape)),
+  activeSummaryCard: defaultTheme.PropTypes.bool,
   viewMode: defaultTheme.PropTypes.oneOf(['compact', 'grid']),
   thumbnailMaxHeight: defaultTheme.PropTypes.number,
   selectable: defaultTheme.PropTypes.bool,
@@ -1827,7 +1837,8 @@ AssetGallery.defaultProps = {
   assets: [],
   viewMode: 'compact',
   thumbnailMaxHeight: 300,
-  selectedAssetKeys: []
+  selectedAssetKeys: [],
+  activeSummaryCard: false
 };
 
 exports.AssetGallery = AssetGallery;

package/{CompactTextInput-c5e38aae.js → CompactTextInput-ca975da6.js}

@@ -6,7 +6,7 @@ var nanoid = require('nanoid');
 var React = require('react');
 var check = require('./check-555d831b.js');
 var editNote = require('./edit-note-c47d292e.js');
-require('./Alert-96814023.js');
+require('./Alert-163f8e98.js');
 require('./Badge-fa94dca8.js');
 require('./Popover-155cbac8.js');
 require('./Tab-8fec1dba.js');

package/{Instructions-b955ba72.js → Instructions-b121b75d.js}

@@ -5,7 +5,7 @@ var lodash = require('lodash');
 var React = require('react');
 var warningCircle = require('./warning-circle-24522402.js');
 var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-d4147107.js');
-var TextArea = require('./TextArea-4d90d02c.js');
+var TextArea = require('./TextArea-38615509.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{TextArea-4d90d02c.js → TextArea-38615509.js}

@@ -234,6 +234,11 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
   React.useEffect(function () {
     calculateRows();
   }, [value, defaultValue]);
+  var onKeyDown = React.useCallback(function (event) {
+    if (event.key === 'Enter') {
+      event.stopPropagation();
+    }
+  }, []);
   if (hidden) return null;
   return React__default['default'].createElement(TextInput, {
     disabled: disabled,
@@ -272,6 +277,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
 
       _onChange(e);
     },
+    onKeyDown: onKeyDown,
     onBlur: onBlur,
     noBorder: noBorder
   }, rest)), (state === 'loading' || state === 'success') && React__default['default'].createElement(SuccessContainer, null, state === 'loading' && React__default['default'].createElement(check._default, {

package/data/Alert/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Alert = require('../../Alert-96814023.js');
+var Alert = require('../../Alert-163f8e98.js');
 require('../../defaultTheme-c137e17f.js');
 require('styled-components');
 require('react');

package/data/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Alert = require('../Alert-96814023.js');
+var Alert = require('../Alert-163f8e98.js');
 var Badge = require('../Badge-fa94dca8.js');
 var Popover = require('../Popover-155cbac8.js');
 var Tab = require('../Tab-8fec1dba.js');

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-c5e38aae.js');
+var CompactTextInput = require('../../CompactTextInput-ca975da6.js');
 require('../../defaultTheme-c137e17f.js');
 require('styled-components');
 require('lodash');
@@ -8,7 +8,7 @@ require('nanoid');
 require('react');
 require('../../check-555d831b.js');
 require('../../edit-note-c47d292e.js');
-require('../../Alert-96814023.js');
+require('../../Alert-163f8e98.js');
 require('../../Badge-fa94dca8.js');
 require('../../Popover-155cbac8.js');
 require('polished');

package/inputs/TextArea/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextArea = require('../../TextArea-4d90d02c.js');
+var TextArea = require('../../TextArea-38615509.js');
 require('../../defaultTheme-c137e17f.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -7,10 +7,10 @@ var Button = require('../Button-5071dc6b.js');
 var Checkbox = require('../Checkbox-dd2cf216.js');
 var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-d4147107.js');
 var CompactStarRating = require('../CompactStarRating-ca1943af.js');
-var CompactTextInput = require('../CompactTextInput-c5e38aae.js');
+var CompactTextInput = require('../CompactTextInput-ca975da6.js');
 var MultiSelect = require('../MultiSelect-87614192.js');
 var Radio = require('../Radio-dd81f5d4.js');
-var TextArea = require('../TextArea-4d90d02c.js');
+var TextArea = require('../TextArea-38615509.js');
 var TextInput = require('../TextInput-e6035fb0.js');
 var Switch = require('../Switch-c004ea6d.js');
 require('../defaultTheme-c137e17f.js');
@@ -31,7 +31,7 @@ require('../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../close-ebf2f3cf.js');
 require('../edit-note-c47d292e.js');
-require('../Alert-96814023.js');
+require('../Alert-163f8e98.js');
 require('../Badge-fa94dca8.js');
 require('../Tab-8fec1dba.js');
 require('../Tabs-96e366bf.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.2.0-rc.4",
+  "version": "1.2.0-rc.5",
   "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,15 +1,15 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-5b12e2b1.js');
+var AssetGallery = require('../../AssetGallery-c6953833.js');
 require('../../defaultTheme-c137e17f.js');
 require('styled-components');
-require('react');
 require('lodash');
+require('react');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
 require('react-lazy-load-image-component');
 require('../../warning-circle-24522402.js');
-require('../../Alert-96814023.js');
+require('../../Alert-163f8e98.js');
 require('../../Badge-fa94dca8.js');
 require('../../Popover-155cbac8.js');
 require('polished');
@@ -33,11 +33,11 @@ require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../../close-ebf2f3cf.js');
 require('../../CompactStarRating-ca1943af.js');
-require('../../CompactTextInput-c5e38aae.js');
+require('../../CompactTextInput-ca975da6.js');
 require('../../edit-note-c47d292e.js');
 require('../../MultiSelect-87614192.js');
 require('../../Radio-dd81f5d4.js');
-require('../../TextArea-4d90d02c.js');
+require('../../TextArea-38615509.js');
 require('../../TextInput-e6035fb0.js');
 require('../../Switch-c004ea6d.js');
 require('../../ContextMenuItem-10af8b2f.js');

package/widgets/Instructions/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Instructions = require('../../Instructions-b955ba72.js');
+var Instructions = require('../../Instructions-b121b75d.js');
 require('../../defaultTheme-c137e17f.js');
 require('styled-components');
 require('lodash');
@@ -15,7 +15,7 @@ require('../../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../../close-ebf2f3cf.js');
 require('../../expand-more-94585605.js');
-require('../../TextArea-4d90d02c.js');
+require('../../TextArea-38615509.js');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('../../edit-note-c47d292e.js');
 

package/widgets/index.js

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-5b12e2b1.js');
+var AssetGallery = require('../AssetGallery-c6953833.js');
 var ContextMenu = require('../ContextMenu-bd818e55.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-ade10c15.js');
-var Instructions = require('../Instructions-b955ba72.js');
+var Instructions = require('../Instructions-b121b75d.js');
 require('../defaultTheme-c137e17f.js');
 require('styled-components');
-require('react');
 require('lodash');
+require('react');
 require('../useMergedRefs-b6d2f8fc.js');
 require('resize-observer-polyfill');
 require('react-lazy-load-image-component');
 require('../warning-circle-24522402.js');
-require('../Alert-96814023.js');
+require('../Alert-163f8e98.js');
 require('../Badge-fa94dca8.js');
 require('../Popover-155cbac8.js');
 require('polished');
@@ -37,11 +37,11 @@ require('../react-select-creatable.esm-2f23d6c6.js');
 require('react-dom');
 require('../close-ebf2f3cf.js');
 require('../CompactStarRating-ca1943af.js');
-require('../CompactTextInput-c5e38aae.js');
+require('../CompactTextInput-ca975da6.js');
 require('../edit-note-c47d292e.js');
 require('../MultiSelect-87614192.js');
 require('../Radio-dd81f5d4.js');
-require('../TextArea-4d90d02c.js');
+require('../TextArea-38615509.js');
 require('../TextInput-e6035fb0.js');
 require('../Switch-c004ea6d.js');
 require('../ContextMenuItem-10af8b2f.js');