@ntbjs/react-components 1.1.0-beta.15 → 1.1.0-beta.16

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 (12) hide show
  1. package/{AssetGallery-cdc58626.js → AssetGallery-94b7a3c3.js} +2 -2
  2. package/{CompactTextInput-fa031569.js → CompactTextInput-54f3c526.js} +1 -1
  3. package/{Instructions-28bab5a0.js → Instructions-1b2882fb.js} +8 -9
  4. package/{Tooltip-11f63557.js → Tooltip-7613434e.js} +3 -3
  5. package/data/Tooltip/index.js +1 -1
  6. package/data/index.js +1 -1
  7. package/inputs/CompactTextInput/index.js +2 -2
  8. package/inputs/index.js +2 -2
  9. package/package.json +1 -1
  10. package/widgets/AssetGallery/index.js +3 -3
  11. package/widgets/Instructions/index.js +1 -1
  12. package/widgets/index.js +4 -4
package/{AssetGallery-cdc58626.js → AssetGallery-94b7a3c3.js} RENAMED
@@ -11,7 +11,7 @@ require('./AutocompleteSelect-e82bd937.js');
11
11
  require('./Button-75173213.js');
12
12
  require('./Checkbox-50f1f3c7.js');
13
13
  require('./CompactStarRating-f7a58649.js');
14
- require('./CompactTextInput-fa031569.js');
14
+ require('./CompactTextInput-54f3c526.js');
15
15
  require('./MultiSelect-3eca3c3e.js');
16
16
  require('./Radio-0b46b2a8.js');
17
17
  require('./TextArea-efe4fa88.js');
@@ -21,7 +21,7 @@ require('./Badge-34ad2850.js');
21
21
  require('./Popover-de874e41.js');
22
22
  require('./Tab-51124003.js');
23
23
  require('./Tabs-452079b5.js');
24
- var Tooltip = require('./Tooltip-11f63557.js');
24
+ var Tooltip = require('./Tooltip-7613434e.js');
25
25
  var styled = require('styled-components');
26
26
  var polished = require('polished');
27
27
  var warningCircle = require('./warning-circle-24522402.js');
package/{CompactTextInput-fa031569.js → CompactTextInput-54f3c526.js} RENAMED
@@ -11,7 +11,7 @@ require('./Badge-34ad2850.js');
11
11
  var Popover = require('./Popover-de874e41.js');
12
12
  require('./Tab-51124003.js');
13
13
  require('./Tabs-452079b5.js');
14
- var Tooltip = require('./Tooltip-11f63557.js');
14
+ var Tooltip = require('./Tooltip-7613434e.js');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
17
 
package/{Instructions-28bab5a0.js → Instructions-1b2882fb.js} RENAMED
@@ -14,18 +14,18 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
15
15
 
16
16
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
17
- var BoxContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n position: relative;\n flex-direction: column;\n width: 100%;\n ", ";\n ", ";\n"])), function (props) {
17
+ var Instructions$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n position: relative;\n flex-direction: column;\n width: 100%;\n ", ";\n ", ";\n"])), function (props) {
18
18
  return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
19
19
  }, function (props) {
20
20
  return props.initialHover && props.theme.themeProp('background', '#FFFDE8', '#FFFDE8');
21
21
  });
22
- var TopBarContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n justify-content: end;\n ", ";\n\n ", ";\n\n width: 100%;\n margin-top: 0;\n transition: margin-top 120ms;\n &&.slide-in {\n margin-top: -24px;\n }\n"])), function (props) {
22
+ var TopBarContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n justify-content: end;\n ", ";\n\n ", ";\n\n width: 100%;\n margin-top: 0;\n transition: margin-top 120ms;\n &&.slide-in {\n margin-top: -27px;\n }\n"])), function (props) {
23
23
  return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
24
24
  }, function (props) {
25
25
  return props.initialHover && props.theme.themeProp('background', '#FFFDE8', '#FFFDE8');
26
26
  });
27
- var SelectContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n width: 25%;\n margin-right: 3px;\n"])));
28
- var Instructions$1 = styled__default['default'].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n margin: 0;\n width: 99.5% !important;\n margin: auto;\n ", ";\n"])), function (props) {
27
+ var SelectContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n width: 35%;\n margin-right: 2px;\n padding-bottom: 3px;\n"])));
28
+ var InstructionsArea = styled__default['default'].p.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n margin: 0;\n width: 99.5% !important;\n margin: auto;\n ", ";\n"])), function (props) {
29
29
  return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
30
30
  });
31
31
 
@@ -159,11 +159,12 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
159
159
  setInitialHover(true);
160
160
  }
161
161
  }, [addInstructions, handleOnFocus]);
162
- return React__default['default'].createElement(BoxContainer, {
162
+ return React__default['default'].createElement(Instructions$1, defaultTheme._extends({
163
+ ref: forwardedRef,
163
164
  initialHover: initialHover,
164
165
  onMouseEnter: handleMouseEnter,
165
166
  onMouseLeave: handleMouseLeave
166
- }, React__default['default'].createElement(TopBarContainer, {
167
+ }, props), React__default['default'].createElement(TopBarContainer, {
167
168
  initialHover: initialHover,
168
169
  className: isHovered && !readOnly && 'slide-in'
169
170
  }, React__default['default'].createElement(SelectContainer, null, React__default['default'].createElement(AutocompleteSelect.AutocompleteSelect, {
@@ -172,9 +173,7 @@ var Instructions = React__default['default'].forwardRef(function Instructions(_r
172
173
  defaultValue: selectedOption,
173
174
  loadOptions: loadOptionsPromise,
174
175
  onChange: handleChange
175
- }))), React__default['default'].createElement(Instructions$1, defaultTheme._extends({
176
- ref: forwardedRef
177
- }, props), React__default['default'].createElement(TextArea.TextArea, {
176
+ }))), React__default['default'].createElement(InstructionsArea, null, React__default['default'].createElement(TextArea.TextArea, {
178
177
  noBorder: true,
179
178
  lightBackground: background,
180
179
  readOnly: readOnly,
package/{Tooltip-11f63557.js → Tooltip-7613434e.js} RENAMED
@@ -21,7 +21,7 @@ var Tooltip$1 = styled__default['default'](TippyTooltip__default['default']).att
21
21
  return props.theme.getColor('gray-700');
22
22
  });
23
23
 
24
- var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
24
+ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, forwardedRef) {
25
25
  var content = _ref.content,
26
26
  interactive = _ref.interactive,
27
27
  placement = _ref.placement,
@@ -31,7 +31,7 @@ var Tooltip = React__default['default'].forwardRef(function Tooltip(_ref, ref) {
31
31
  props = defaultTheme._objectWithoutProperties(_ref, ["content", "interactive", "placement", "duration", "trigger", "children"]);
32
32
 
33
33
  return React__default['default'].createElement(Tooltip$1, defaultTheme._extends({
34
- ref: ref,
34
+ ref: forwardedRef,
35
35
  content: content,
36
36
  interactive: interactive,
37
37
  placement: placement,
@@ -53,7 +53,7 @@ Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
53
53
  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']),
54
54
  duration: defaultTheme.PropTypes.number,
55
55
  trigger: defaultTheme.PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click']),
56
- children: defaultTheme.PropTypes.node.isRequired
56
+ children: defaultTheme.PropTypes.oneOf([defaultTheme.PropTypes.node, defaultTheme.PropTypes.element])
57
57
  } : {};
58
58
 
59
59
  exports.Tooltip = Tooltip;
package/data/Tooltip/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip-11f63557.js');
3
+ var Tooltip = require('../../Tooltip-7613434e.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
package/data/index.js CHANGED
@@ -7,7 +7,7 @@ var Badge = require('../Badge-34ad2850.js');
7
7
  var Popover = require('../Popover-de874e41.js');
8
8
  var Tab = require('../Tab-51124003.js');
9
9
  var Tabs = require('../Tabs-452079b5.js');
10
- var Tooltip = require('../Tooltip-11f63557.js');
10
+ var Tooltip = require('../Tooltip-7613434e.js');
11
11
  require('../defaultTheme-870f7df1.js');
12
12
  require('styled-components');
13
13
  require('react');
package/inputs/CompactTextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-fa031569.js');
3
+ var CompactTextInput = require('../../CompactTextInput-54f3c526.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -15,7 +15,7 @@ require('@tippyjs/react');
15
15
  require('../../shift-away-subtle-0bdd3b0d.js');
16
16
  require('../../Tab-51124003.js');
17
17
  require('../../Tabs-452079b5.js');
18
- require('../../Tooltip-11f63557.js');
18
+ require('../../Tooltip-7613434e.js');
19
19
 
20
20
 
21
21
 
package/inputs/index.js CHANGED
@@ -7,7 +7,7 @@ var AutocompleteSelect = require('../AutocompleteSelect-e82bd937.js');
7
7
  var Button = require('../Button-75173213.js');
8
8
  var Checkbox = require('../Checkbox-50f1f3c7.js');
9
9
  var CompactStarRating = require('../CompactStarRating-f7a58649.js');
10
- var CompactTextInput = require('../CompactTextInput-fa031569.js');
10
+ var CompactTextInput = require('../CompactTextInput-54f3c526.js');
11
11
  var MultiSelect = require('../MultiSelect-3eca3c3e.js');
12
12
  var Radio = require('../Radio-0b46b2a8.js');
13
13
  var TextArea = require('../TextArea-efe4fa88.js');
@@ -34,7 +34,7 @@ require('../Alert-fcc0bb50.js');
34
34
  require('../Badge-34ad2850.js');
35
35
  require('../Tab-51124003.js');
36
36
  require('../Tabs-452079b5.js');
37
- require('../Tooltip-11f63557.js');
37
+ require('../Tooltip-7613434e.js');
38
38
 
39
39
 
40
40
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.15",
3
+ "version": "1.1.0-beta.16",
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-cdc58626.js');
3
+ var AssetGallery = require('../../AssetGallery-94b7a3c3.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -26,12 +26,12 @@ require('../../shift-away-subtle-0bdd3b0d.js');
26
26
  require('../../ContextMenu-a68d4f28.js');
27
27
  require('../../Checkbox-50f1f3c7.js');
28
28
  require('../../CompactStarRating-f7a58649.js');
29
- require('../../CompactTextInput-fa031569.js');
29
+ require('../../CompactTextInput-54f3c526.js');
30
30
  require('../../Alert-fcc0bb50.js');
31
31
  require('../../Badge-34ad2850.js');
32
32
  require('../../Tab-51124003.js');
33
33
  require('../../Tabs-452079b5.js');
34
- require('../../Tooltip-11f63557.js');
34
+ require('../../Tooltip-7613434e.js');
35
35
  require('../../MultiSelect-3eca3c3e.js');
36
36
  require('../../Radio-0b46b2a8.js');
37
37
  require('../../TextArea-efe4fa88.js');
package/widgets/Instructions/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-28bab5a0.js');
3
+ var Instructions = require('../../Instructions-1b2882fb.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
package/widgets/index.js CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-cdc58626.js');
5
+ var AssetGallery = require('../AssetGallery-94b7a3c3.js');
6
6
  var ContextMenu = require('../ContextMenu-a68d4f28.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
8
- var Instructions = require('../Instructions-28bab5a0.js');
8
+ var Instructions = require('../Instructions-1b2882fb.js');
9
9
  require('../defaultTheme-870f7df1.js');
10
10
  require('styled-components');
11
11
  require('react');
@@ -30,12 +30,12 @@ require('@tippyjs/react');
30
30
  require('../shift-away-subtle-0bdd3b0d.js');
31
31
  require('../Checkbox-50f1f3c7.js');
32
32
  require('../CompactStarRating-f7a58649.js');
33
- require('../CompactTextInput-fa031569.js');
33
+ require('../CompactTextInput-54f3c526.js');
34
34
  require('../Alert-fcc0bb50.js');
35
35
  require('../Badge-34ad2850.js');
36
36
  require('../Tab-51124003.js');
37
37
  require('../Tabs-452079b5.js');
38
- require('../Tooltip-11f63557.js');
38
+ require('../Tooltip-7613434e.js');
39
39
  require('../MultiSelect-3eca3c3e.js');
40
40
  require('../Radio-0b46b2a8.js');
41
41
  require('../TextArea-efe4fa88.js');