@ntbjs/react-components 1.1.0-beta.54 → 1.1.0-beta.56

package/{AssetGallery-a1437499.js → AssetGallery-3c84264a.js}

@@ -11,7 +11,7 @@ require('./AutocompleteSelect-45be3cb4.js');
 require('./Button-dd271c4b.js');
 require('./Checkbox-012bbd3f.js');
 require('./CompactStarRating-942afff1.js');
-require('./CompactTextInput-6519bc80.js');
+require('./CompactTextInput-3ebb65e3.js');
 require('./MultiSelect-5b008b32.js');
 require('./Radio-0594409d.js');
 require('./TextArea-a5226b8d.js');
@@ -21,7 +21,7 @@ require('./Badge-9bcebe96.js');
 require('./Popover-11df9750.js');
 require('./Tab-bd0f3345.js');
 require('./Tabs-371d1fd0.js');
-var Tooltip = require('./Tooltip-e4e5e0e5.js');
+var Tooltip = require('./Tooltip-f4f9ab8f.js');
 var styled = require('styled-components');
 var polished = require('polished');
 var warningCircle = require('./warning-circle-24522402.js');
@@ -1112,7 +1112,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
     var minTranslateYPlusHeight = yOffset - containerOffset - bufferTop;
     var maxTranslateY = yOffset - containerOffset + scrollerHeight + bufferBottom;
     var finalizedAssets = calculatedAssets.current.map(function (asset) {
-      if (asset.layout.translateY + asset.layout.height < minTranslateYPlusHeight || asset.layout.translateY > maxTranslateY) {
+      if (scrollElement.self == window && (asset.layout.translateY + asset.layout.height < minTranslateYPlusHeight || asset.layout.translateY > maxTranslateY)) {
         asset.layout.show = false;
       } else {
         asset.layout.show = true;

package/{CompactTextInput-6519bc80.js → CompactTextInput-3ebb65e3.js}

@@ -11,7 +11,7 @@ require('./Badge-9bcebe96.js');
 var Popover = require('./Popover-11df9750.js');
 require('./Tab-bd0f3345.js');
 require('./Tabs-371d1fd0.js');
-var Tooltip = require('./Tooltip-e4e5e0e5.js');
+var Tooltip = require('./Tooltip-f4f9ab8f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -181,24 +181,28 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
 
     setShowPopover(false);
   }, [onBlurProp]);
+  var descriptionText = React.useMemo(function () {
+    if (!lodash.isEmpty(error)) {
+      return error;
+    }
+
+    if (!lodash.isEmpty(warning)) {
+      return warning;
+    }
+
+    return null;
+  }, [error, warning]);
   if (hidden) return null;
   return React__default['default'].createElement(CompactTextInput$1, props, label && React__default['default'].createElement(Label, {
     htmlFor: uniqueId
   }, label), React__default['default'].createElement(ConditionalWrapper, {
-    wrapper: function wrapper(children) {
-      return React__default['default'].createElement(Tooltip.Tooltip, {
-        content: error || warning
-      }, children);
-    },
-    condition: lodash.isString(error) || lodash.isString(warning)
-  }, React__default['default'].createElement(ConditionalWrapper, {
     wrapper: function wrapper(children) {
       return readOnly ? React__default['default'].createElement("a", {
         href: link,
         target: linkTarget
       }, children) : React__default['default'].createElement(Popover.Popover, {
         arrow: false,
-        trigger: "manuel",
+        trigger: "manual",
         visible: showPopover,
         placement: 'bottom-start',
         offset: [4, 2],
@@ -214,6 +218,17 @@ var CompactTextInput = React__default['default'].forwardRef(function CompactText
       }, children);
     },
     condition: !lodash.isEmpty(link)
+  }, React__default['default'].createElement(ConditionalWrapper, {
+    condition: lodash.isString(error) || lodash.isString(warning),
+    wrapper: function wrapper(children) {
+      return React__default['default'].createElement(Tooltip.Tooltip, {
+        content: descriptionText,
+        key: "tooltip1",
+        placement: "bottom-end",
+        visible: true,
+        zIndex: 999999
+      }, children);
+    }
   }, React__default['default'].createElement(InputContainer, {
     $hasLabel: !lodash.isEmpty(label)
   }, React__default['default'].createElement(Input, {

package/{Tooltip-e4e5e0e5.js → Tooltip-f4f9ab8f.js}

@@ -27,8 +27,9 @@ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
       placement = _ref.placement,
       duration = _ref.duration,
       trigger = _ref.trigger,
+      visible = _ref.visible,
       children = _ref.children,
-      props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "trigger", "children"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "trigger", "visible", "children"]);
 
   return React__default['default'].createElement(Tooltip$1, defaultTheme._extends({
     ref: ref,
@@ -37,6 +38,7 @@ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
     placement: placement,
     duration: duration,
     trigger: trigger,
+    visible: visible,
     animation: 'shift-away-subtle'
   }, props), children);
 });
@@ -53,6 +55,7 @@ Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
   placement: defaultTheme.PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
   duration: defaultTheme.PropTypes.number,
   trigger: defaultTheme.PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click', '']),
+  visible: defaultTheme.PropTypes.bool,
   children: defaultTheme.PropTypes.node
 } : {};
 

package/data/Tooltip/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip-e4e5e0e5.js');
+var Tooltip = require('../../Tooltip-f4f9ab8f.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');

package/data/index.js

@@ -7,7 +7,7 @@ var Badge = require('../Badge-9bcebe96.js');
 var Popover = require('../Popover-11df9750.js');
 var Tab = require('../Tab-bd0f3345.js');
 var Tabs = require('../Tabs-371d1fd0.js');
-var Tooltip = require('../Tooltip-e4e5e0e5.js');
+var Tooltip = require('../Tooltip-f4f9ab8f.js');
 require('../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-6519bc80.js');
+var CompactTextInput = require('../../CompactTextInput-3ebb65e3.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -15,7 +15,7 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-cfdf1dbe.js');
 require('../../Tab-bd0f3345.js');
 require('../../Tabs-371d1fd0.js');
-require('../../Tooltip-e4e5e0e5.js');
+require('../../Tooltip-f4f9ab8f.js');
 
 
 

package/inputs/index.js

@@ -7,7 +7,7 @@ var AutocompleteSelect = require('../AutocompleteSelect-45be3cb4.js');
 var Button = require('../Button-dd271c4b.js');
 var Checkbox = require('../Checkbox-012bbd3f.js');
 var CompactStarRating = require('../CompactStarRating-942afff1.js');
-var CompactTextInput = require('../CompactTextInput-6519bc80.js');
+var CompactTextInput = require('../CompactTextInput-3ebb65e3.js');
 var MultiSelect = require('../MultiSelect-5b008b32.js');
 var Radio = require('../Radio-0594409d.js');
 var TextArea = require('../TextArea-a5226b8d.js');
@@ -34,7 +34,7 @@ require('../Alert-3e4f8be1.js');
 require('../Badge-9bcebe96.js');
 require('../Tab-bd0f3345.js');
 require('../Tabs-371d1fd0.js');
-require('../Tooltip-e4e5e0e5.js');
+require('../Tooltip-f4f9ab8f.js');
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.54",
+  "version": "1.1.0-beta.56",
   "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-a1437499.js');
+var AssetGallery = require('../../AssetGallery-3c84264a.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -26,12 +26,12 @@ require('../../shift-away-subtle-cfdf1dbe.js');
 require('../../ContextMenu-d088833b.js');
 require('../../Checkbox-012bbd3f.js');
 require('../../CompactStarRating-942afff1.js');
-require('../../CompactTextInput-6519bc80.js');
+require('../../CompactTextInput-3ebb65e3.js');
 require('../../Alert-3e4f8be1.js');
 require('../../Badge-9bcebe96.js');
 require('../../Tab-bd0f3345.js');
 require('../../Tabs-371d1fd0.js');
-require('../../Tooltip-e4e5e0e5.js');
+require('../../Tooltip-f4f9ab8f.js');
 require('../../MultiSelect-5b008b32.js');
 require('../../Radio-0594409d.js');
 require('../../TextArea-a5226b8d.js');

package/widgets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-a1437499.js');
+var AssetGallery = require('../AssetGallery-3c84264a.js');
 var ContextMenu = require('../ContextMenu-d088833b.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-159b9885.js');
 var Instructions = require('../Instructions-a1a904c4.js');
@@ -30,12 +30,12 @@ require('@tippyjs/react');
 require('../shift-away-subtle-cfdf1dbe.js');
 require('../Checkbox-012bbd3f.js');
 require('../CompactStarRating-942afff1.js');
-require('../CompactTextInput-6519bc80.js');
+require('../CompactTextInput-3ebb65e3.js');
 require('../Alert-3e4f8be1.js');
 require('../Badge-9bcebe96.js');
 require('../Tab-bd0f3345.js');
 require('../Tabs-371d1fd0.js');
-require('../Tooltip-e4e5e0e5.js');
+require('../Tooltip-f4f9ab8f.js');
 require('../MultiSelect-5b008b32.js');
 require('../Radio-0594409d.js');
 require('../TextArea-a5226b8d.js');