@ntbjs/react-components 1.1.0-beta.91 → 1.1.0-beta.93

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-d38688e4.js → AssetGallery-45e548d7.js} +4 -3
  2. package/{Instructions-34b22002.js → Instructions-134cd6dc.js} +1 -1
  3. package/{TextArea-dba4fd6c.js → TextArea-fac4f9a7.js} +46 -43
  4. package/{TextInput-8ea31a7b.js → TextInput-5ff74c8e.js} +2 -39
  5. package/inputs/TextArea/index.js +2 -1
  6. package/inputs/TextInput/index.js +2 -1
  7. package/inputs/index.js +3 -2
  8. package/package.json +1 -1
  9. package/useMergedRefs-b6d2f8fc.js +42 -0
  10. package/widgets/AssetGallery/index.js +6 -5
  11. package/widgets/Instructions/index.js +3 -2
  12. package/widgets/index.js +7 -6
package/{AssetGallery-d38688e4.js → AssetGallery-45e548d7.js} RENAMED
@@ -3,7 +3,7 @@
3
3
  var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
4
  var React = require('react');
5
5
  var lodash = require('lodash');
6
- var TextInput = require('./TextInput-8ea31a7b.js');
6
+ var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
7
7
  var ResizeObserver = require('resize-observer-polyfill');
8
8
  var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
9
9
  var ActionButton = require('./ActionButton-c3f5ed94.js');
@@ -14,7 +14,8 @@ require('./CompactStarRating-de1bcfe9.js');
14
14
  require('./CompactTextInput-480f59cc.js');
15
15
  require('./MultiSelect-01a257b8.js');
16
16
  require('./Radio-c811ce4a.js');
17
- require('./TextArea-dba4fd6c.js');
17
+ require('./TextArea-fac4f9a7.js');
18
+ require('./TextInput-5ff74c8e.js');
18
19
  require('./Switch-3ac11c97.js');
19
20
  require('./Alert-3e4f8be1.js');
20
21
  require('./Badge-9bcebe96.js');
@@ -883,7 +884,7 @@ var AssetGalleryBase = React__default['default'].forwardRef(function AssetGaller
883
884
  props = defaultTheme._objectWithoutProperties(_ref, ["assets", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onAssetSelected", "onAssetUnselected", "softSelectable", "softSelectedAssetKey", "scrollElement", "onAssetSoftSelectedChanged", "component"]);
884
885
 
885
886
  var assetGalleryDOMNode = React.useRef();
886
- var assetGalleryCompactRef = TextInput.useMergedRefs(forwardedRef, assetGalleryDOMNode);
887
+ var assetGalleryCompactRef = useMergedRefs.useMergedRefs(forwardedRef, assetGalleryDOMNode);
887
888
  var assetGalleryWidth = React.useRef(0);
888
889
  var minimumRowAspectRatio = React.useRef(0);
889
890
  var calculatedAssets = React.useRef([]);
package/{Instructions-34b22002.js → Instructions-134cd6dc.js} RENAMED
@@ -5,7 +5,7 @@ var lodash = require('lodash');
5
5
  var React = require('react');
6
6
  var warningCircle = require('./warning-circle-24522402.js');
7
7
  var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-45b12179.js');
8
- var TextArea = require('./TextArea-dba4fd6c.js');
8
+ var TextArea = require('./TextArea-fac4f9a7.js');
9
9
  var styled = require('styled-components');
10
10
 
11
11
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
package/{TextArea-dba4fd6c.js → TextArea-fac4f9a7.js} RENAMED
@@ -2,6 +2,7 @@
2
2
 
3
3
  var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
4
  var React = require('react');
5
+ var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
5
6
  var nanoid = require('nanoid');
6
7
  var check = require('./check-555d831b.js');
7
8
  var editNote = require('./edit-note-c47d292e.js');
@@ -12,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
14
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
14
15
 
15
- 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, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42;
16
+ 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, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41;
16
17
  var fadeInCheck = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n"])));
17
18
  var fadeOutCheck = styled.keyframes(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n"])));
18
19
  var activeLabel = styled.css(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.75rem;\n padding: 0 3px;\n top: -7px;\n letter-spacing: 0.03em;\n left: 8px !important;\n opacity: 1 !important;\n"])));
@@ -26,19 +27,18 @@ var InputIconContainer = styled__default['default'].div.attrs(defaultTheme.apply
26
27
  }, function (props) {
27
28
  return props.disabled && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n display: none;\n "])));
28
29
  });
29
- var Container = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral([""])));
30
- var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 2px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n border-radius: 3px;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n\n ", "\n ", "\n\n transition: height 550ms ease-in-out; border-color 350ms;\n\n ", "\n ", "\n\n\n\n ", "\n \n\n ", "\n \n ", "\n\n ", "\n\n ", "\n \n\n ", "\n\n ", " \n ", "\n\n &&:hover:not(:focus) {\n ", ";\n }\n\n ", "\n\n ", " \n ", "\n\n ", ";\n\n ", ";\n\n &&:hover:not(:focus) {\n ", ";\n transition: background 350ms;\n & + ", " {\n opacity: 1;\n ", ";\n transition: opacity 350ms;\n }\n }\n\n ", "\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n ", "\n\n ", "\n }\n\n &&:focus {\n outline: none;\n ", "\n\n ", ";\n\n ", "\n ", "\n }\n"])), function (props) {
31
- return props.expanded && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n height: ", "px;\n "])), props.defaultHeight);
30
+ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n width: 100%;\n font-family: inherit;\n font-size: 0.875rem;\n border-radius: 2px;\n padding: 5px 10px;\n resize: vertical;\n z-index: 0;\n border-radius: 3px;\n box-sizing: border-box;\n appearance: none;\n border: 1px solid;\n\n ", "\n ", "\n\n transition: height 550ms ease-in-out; border-color 350ms;\n\n ", "\n ", "\n\n\n\n ", "\n \n\n ", "\n \n ", "\n\n ", "\n\n ", "\n \n\n ", "\n\n ", " \n ", "\n\n &&:hover:not(:focus) {\n ", ";\n }\n\n ", "\n\n ", " \n ", "\n ", ";\n\n ", ";\n\n ", ";\n\n &&:hover:not(:focus) {\n ", ";\n transition: background 350ms;\n & + ", " {\n opacity: 1;\n ", ";\n transition: opacity 350ms;\n }\n }\n\n ", "\n ", "\n ", "\n\n ", "\n\n &::placeholder {\n ", "\n\n ", "\n }\n\n &&:focus {\n outline: none;\n ", "\n\n ", ";\n\n ", "\n ", "\n }\n"])), function (props) {
31
+ return !props.expanded && styled.css(_templateObject8 || (_templateObject8 = defaultTheme._taggedTemplateLiteral(["\n height: ", "px;\n "])), props.defaultHeight);
32
32
  }, function (props) {
33
- return !props.expanded && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n height: ", "px;\n "])), props.maxHeight);
33
+ return props.expanded && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n height: ", "px;\n "])), props.maxHeight);
34
34
  }, function (props) {
35
35
  return props.theme.themeProp('color', 'white', 'black');
36
36
  }, function (props) {
37
- return props.disabled && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
37
+ return props.disabled && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
38
38
  }, function (props) {
39
- return props.readOnly && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
39
+ return props.readOnly && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
40
40
  }, function (props) {
41
- return props.showMore && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n overflow: hidden;\n "])));
41
+ return props.showMore && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n overflow: hidden;\n "])));
42
42
  }, function (props) {
43
43
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'));
44
44
  }, function (props) {
@@ -48,19 +48,21 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
48
48
  }, function (props) {
49
49
  return props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'));
50
50
  }, function (props) {
51
- return props.noBorder && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px 13px 10px;\n border-color: transparent !important;\n "])));
51
+ return props.noBorder && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n padding: 13px 15px 13px 10px;\n border-color: transparent !important;\n "])));
52
52
  }, function (props) {
53
- return props.state === 'error-border' && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
53
+ return props.state === 'error-border' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
54
54
  }, function (props) {
55
55
  return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
56
56
  }, function (props) {
57
- return props.state === 'warning' && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n ", "\n }\n &&:read-only:hover {\n ", "\n }\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#634E01 ', props.theme.getColor('signal-yellow-400')), function (props) {
58
- return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n "])));
57
+ return props.state === 'warning' && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover:not(:focus) {\n ", "\n ", "\n }\n &&:read-only:hover {\n ", "\n }\n "])), props.theme.themeProp('color', 'white', 'black'), props.theme.themeProp('background', '#634E01 ', props.theme.getColor('signal-yellow-400')), function (props) {
58
+ return props.disabled && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n "])));
59
59
  }, props.theme.themeProp('background', '#816600', '#F4E21E'), props.theme.themeProp('background', props.theme.getColor('signal-yellow-500'), props.theme.getColor('signal-yellow-400')));
60
60
  }, function (props) {
61
- return props.state === 'error' && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n background: ", " !important;\n :focus {\n background: white !important;\n }\n &&:hover:not(:focus) {\n background: #f7d5d0 !important;\n }\n &&:read-only:hover {\n background: ", " !important;\n }\n "])), props.theme.getColor('red-200'), props.theme.getColor('red-200'));
61
+ return props.state === 'error' && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n background: ", " !important;\n :focus {\n background: white !important;\n }\n &&:hover:not(:focus) {\n background: #f7d5d0 !important;\n }\n &&:read-only:hover {\n background: ", " !important;\n }\n "])), props.theme.getColor('red-200'), props.theme.getColor('red-200'));
62
62
  }, function (props) {
63
- return props.lightBackground && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover {\n ", "\n }\n "])), props.theme.themeProp('background', '#FFFDDE', '#fffde8'), props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900')), props.theme.themeProp('background', 'white', 'white'));
63
+ return props.lightBackground && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n &&:hover {\n ", "\n }\n "])), props.theme.themeProp('background', '#FFFDDE', '#fffde8'), props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900')), props.theme.themeProp('background', 'white', 'white'));
64
+ }, function (props) {
65
+ return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
64
66
  }, function (props) {
65
67
  return props.edit && !props.state === 'warning' && props.theme.themeProp('background', '#505050', '#eff1f4');
66
68
  }, function (props) {
@@ -68,15 +70,15 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
68
70
  }, function (props) {
69
71
  return props.noBorder && !props.readOnly && props.state != 'warning' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')) : 'background: transparent';
70
72
  }, InputIconContainer, function (props) {
71
- return props.state === 'success' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
73
+ return props.state === 'success' && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0;\n "])));
72
74
  }, function (props) {
73
- return props.state === 'warning' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), props.theme.getColor('orange-500'));
75
+ return props.state === 'warning' && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), props.theme.getColor('orange-500'));
74
76
  }, function (props) {
75
- return props.state === 'error' && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), props.theme.getColor('red-500'));
77
+ return props.state === 'error' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), props.theme.getColor('red-500'));
76
78
  }, function (props) {
77
- return props.hasIcon && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-right: 25px;\n "])));
79
+ return props.hasIcon && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-right: 25px;\n "])));
78
80
  }, function (props) {
79
- return props.instructionsTextArea && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-top: 15px;\n padding-right: 50px;\n "])));
81
+ return props.instructionsTextArea && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n padding-left: 55px;\n padding-top: 15px;\n padding-right: 50px;\n "])));
80
82
  }, function (props) {
81
83
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'), 1);
82
84
  }, function (props) {
@@ -86,50 +88,50 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
86
88
  }, function (props) {
87
89
  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
88
90
  }, function (props) {
89
- return props.state === 'warning' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
91
+ return props.state === 'warning' && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
90
92
  }, function (props) {
91
- return props.state === 'error' && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
93
+ return props.state === 'error' && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n "])), props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
92
94
  });
93
- var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), placeholderBaseStyle, function (props) {
95
+ var TextInputLabel = styled__default['default'].label.attrs(defaultTheme.applyDefaultTheme)(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 13px;\n left: 11px;\n line-height: 1.2;\n font-size: 0.875rem;\n transition: all 150ms;\n\n ", ";\n\n ", "\n\n ", "\n\n ", "\n content: \"\";\n\n ", "\n"])), placeholderBaseStyle, function (props) {
94
96
  return props.theme.themeProp('background', "linear-gradient(0deg, ".concat(props.theme.getColor('gray-900'), " calc(50% + 1px), transparent 50%)"), "linear-gradient(0deg, ".concat(props.theme.getColor('white'), " calc(50% + 1px), transparent 50%)"));
95
97
  }, function (props) {
96
- return !props.inputIsEmpty && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), activeLabel);
98
+ return !props.inputIsEmpty && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), activeLabel);
97
99
  }, function (props) {
98
- return props.hasPlaceholder && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), activeLabel, props.state === 'error' && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n color: ", " !important;\n "])), props.theme.getColor('red-500')));
100
+ return props.hasPlaceholder && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), activeLabel, props.state === 'error' && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n color: ", " !important;\n "])), props.theme.getColor('red-500')));
99
101
  }, function (props) {
100
- return props.hasIcon && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n left: 55px;\n "])));
102
+ return props.hasIcon && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n left: 55px;\n "])));
101
103
  });
102
- var TextInputFieldIcon = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n"])));
103
- var TextInputFieldIconAlert = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 2.8px;\n height: 2.625rem;\n display: flex;\n padding: 0 10px 0 30px;\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n margin-top: -3px;\n ", "\n }\n"])), function (props) {
104
+ var TextInputFieldIcon = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n height: 2.625rem;\n display: flex;\n padding: 0 10px;\n\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n }\n"])));
105
+ var TextInputFieldIconAlert = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n top: 2.8px;\n height: 2.625rem;\n display: flex;\n padding: 0 10px 0 30px;\n svg {\n width: 15px;\n opacity: 0.6;\n transition: opacity 250ms;\n margin-top: -3px;\n ", "\n }\n"])), function (props) {
104
106
  return props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-600'));
105
107
  });
106
- var TextInput = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n\n ", "\n\n &:focus-within {\n ", " {\n ", ";\n }\n\n ", " {\n svg {\n opacity: 1;\n }\n }\n }\n\n ", ":not(:placeholder-shown) + ", " {\n ", ";\n ", "\n }\n }\n\n ", "\n"])), function (props) {
107
- return props.disabled && styled.css(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
108
+ var TextInput = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n position: relative;\n\n ", "\n\n &:focus-within {\n ", " {\n ", ";\n }\n\n ", " {\n svg {\n opacity: 1;\n }\n }\n }\n\n ", ":not(:placeholder-shown) + ", " {\n ", ";\n ", "\n }\n }\n\n ", "\n"])), function (props) {
109
+ return props.disabled && styled.css(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n cursor: not-allowed;\n "])));
108
110
  }, TextInputLabel, activeLabel, TextInputFieldIcon, TextInputField, TextInputLabel, activeLabel, function (props) {
109
111
  return props.state === 'error' && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'));
110
112
  }, function (props) {
111
- return props.disabled && styled.css(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
113
+ return props.disabled && styled.css(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n\n > * {\n cursor: not-allowed;\n }\n "])));
112
114
  });
113
- var Description = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ", ";\n\n ", "\n"])), function (props) {
115
+ var Description = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n margin: 8px 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n\n ", ";\n\n ", "\n"])), function (props) {
114
116
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
115
117
  }, function (props) {
116
- return (props.state === 'error-border' || props.state === 'error') && styled.css(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
118
+ return (props.state === 'error-border' || props.state === 'error') && styled.css(_templateObject37 || (_templateObject37 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
117
119
  });
118
- var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: absolute;\n margin-top: -35px;\n margin-left: 5px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ", "\n\n > svg {\n width: 15px;\n }\n"])), function (props) {
120
+ var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject38 || (_templateObject38 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n position: absolute;\n margin-top: -35px;\n margin-left: 5px;\n width: 15px;\n height: 15px;\n padding: 5px;\n ", "\n\n > svg {\n width: 15px;\n }\n"])), function (props) {
119
121
  return props.fadeIn ? 0 : 1;
120
122
  }, function (props) {
121
123
  return props.fadeIn ? fadeOutCheck : fadeInCheck;
122
124
  }, function (props) {
123
125
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
124
126
  });
125
- var ShowMoreText = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n margin-top: -20px;\n display: block;\n position: absolute;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n cursor: pointer;\n\n ", "\n\n transition: margin-top 550ms ease-in-out;\n\n ", "\n ", ";\n\n ", "\n"])), function (props) {
126
- return !props.expanded && styled.css(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n margin-top: 0px;\n "])));
127
+ var ShowMoreText = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject39 || (_templateObject39 = defaultTheme._taggedTemplateLiteral(["\n margin-top: -20px;\n margin-bottom: 0;\n display: block;\n position: absolute;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n cursor: pointer;\n\n ", "\n\n transition: margin-top 550ms ease-in-out;\n\n ", "\n ", ";\n\n ", "\n"])), function (props) {
128
+ return props.expanded && styled.css(_templateObject40 || (_templateObject40 = defaultTheme._taggedTemplateLiteral(["\n margin-top: 0px;\n margin-bottom: 15px;\n "])));
127
129
  }, function (props) {
128
130
  return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
129
131
  }, function (props) {
130
132
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('emerald-500'));
131
133
  }, function (props) {
132
- return props.state === 'error' && styled.css(_templateObject42 || (_templateObject42 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
134
+ return props.state === 'error' && styled.css(_templateObject41 || (_templateObject41 = defaultTheme._taggedTemplateLiteral(["\n content: 'error';\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
133
135
  });
134
136
 
135
137
  var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forwardedRef) {
@@ -160,7 +162,8 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
160
162
  instructionsTextArea = _ref.instructionsTextArea,
161
163
  rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "showMore", "showMoreText", "showLessText", "autoComplete", "description", "state", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "instructionsTextArea"]);
162
164
 
163
- var textInputRef = React.useRef(null);
165
+ var textInputDomNode = React.useRef(null);
166
+ var textInputRef = useMergedRefs.useMergedRefs(forwardedRef, textInputDomNode);
164
167
 
165
168
  var _useState = React.useState(!(value || defaultValue)),
166
169
  _useState2 = defaultTheme._slicedToArray(_useState, 2),
@@ -196,17 +199,17 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
196
199
  };
197
200
 
198
201
  var calculateRows = function calculateRows() {
199
- var textareaRefCurrent = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current;
202
+ var textareaRefCurrent = textInputDomNode === null || textInputDomNode === void 0 ? void 0 : textInputDomNode.current;
200
203
 
201
204
  if (textareaRefCurrent !== null) {
202
- var textAreaHeight = textareaRefCurrent.scrollHeight;
205
+ var textAreaHeight = textareaRefCurrent === null || textareaRefCurrent === void 0 ? void 0 : textareaRefCurrent.scrollHeight;
206
+ console.log(textAreaHeight);
203
207
  var lineHeight = 16;
204
208
  var calculatedRows = Math.floor(textAreaHeight / lineHeight);
205
209
  var defaultRowsHeight = rows * lineHeight;
206
210
  setMaxContentRows(calculatedRows);
207
211
 
208
212
  if (calculatedRows > rows) {
209
- setExpanded(true);
210
213
  setDefaultHeight(defaultRowsHeight);
211
214
  setMaxHeight(textAreaHeight);
212
215
  } else {
@@ -225,8 +228,8 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
225
228
  state: state,
226
229
  className: className,
227
230
  style: style
228
- }, React__default['default'].createElement(TextInputFieldIconAlert, null, icon), React__default['default'].createElement(Container, null, React__default['default'].createElement(TextInputField, defaultTheme._extends({
229
- ref: forwardedRef ? forwardedRef : textInputRef,
231
+ }, React__default['default'].createElement(TextInputFieldIconAlert, null, icon), React__default['default'].createElement(TextInputField, defaultTheme._extends({
232
+ ref: textInputRef,
230
233
  rows: rows,
231
234
  expanded: expanded,
232
235
  defaultHeight: defaultHeight,
@@ -263,7 +266,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
263
266
  size: 12
264
267
  }), state === 'success' && React__default['default'].createElement(check.SvgCheck, null)), !readOnly && noBorder && React__default['default'].createElement(InputIconContainer, {
265
268
  disabled: disabled
266
- }, React__default['default'].createElement(editNote.SvgEditNote, null))), label && React__default['default'].createElement(TextInputLabel, {
269
+ }, React__default['default'].createElement(editNote.SvgEditNote, null)), label && React__default['default'].createElement(TextInputLabel, {
267
270
  htmlFor: "text-input-".concat(uniqueId),
268
271
  hasPlaceholder: Boolean(placeholder),
269
272
  hasIcon: Boolean(icon),
package/{TextInput-8ea31a7b.js → TextInput-5ff74c8e.js} RENAMED
@@ -3,6 +3,7 @@
3
3
  var defaultTheme = require('./defaultTheme-50f2b88f.js');
4
4
  var React = require('react');
5
5
  var nanoid = require('nanoid');
6
+ var useMergedRefs = require('./useMergedRefs-b6d2f8fc.js');
6
7
  var lodash = require('lodash');
7
8
  var editNote = require('./edit-note-c47d292e.js');
8
9
  var styled = require('styled-components');
@@ -12,43 +13,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
12
13
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
13
14
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
14
15
 
15
- var toFnRef = function toFnRef(ref) {
16
- return !ref || typeof ref === 'function' ? ref : function (value) {
17
- ref.current = value;
18
- };
19
- };
20
-
21
- function mergeRefs(refA, refB) {
22
- var a = toFnRef(refA);
23
- var b = toFnRef(refB);
24
- return function (value) {
25
- if (a) a(value);
26
- if (b) b(value);
27
- };
28
- }
29
- /**
30
- * Create and returns a single callback ref composed from two other Refs.
31
- *
32
- * ```tsx
33
- * const Button = React.forwardRef((props, ref) => {
34
- * const [element, attachRef] = useCallbackRef<HTMLButtonElement>();
35
- * const mergedRef = useMergedRefs(ref, attachRef);
36
- *
37
- * return <button ref={mergedRef} {...props}/>
38
- * })
39
- * ```
40
- *
41
- * @param refA A Callback or mutable Ref
42
- * @param refB A Callback or mutable Ref
43
- * @category refs
44
- */
45
-
46
- function useMergedRefs(refA, refB) {
47
- return React.useMemo(function () {
48
- return mergeRefs(refA, refB);
49
- }, [refA, refB]);
50
- }
51
-
52
16
  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;
53
17
  var activeLabel = styled.css(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-size: 0.75rem;\n padding: 0 3px;\n top: -7px;\n letter-spacing: 0.03em;\n left: 8px !important;\n opacity: 1 !important;\n"])));
54
18
  var Adornment = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n flex-shrink: 0;\n font-family: inherit;\n font-size: 0.875rem;\n line-height: initial;\n padding: 13px 10px;\n ", "\n ", "\n border: 1px solid;\n ", "\n border-radius: 3px;\n ", "\n box-sizing: border-box;\n appearance: none;\n transition: border-color 350ms;\n height: 2.75rem;\n\n ", "\n ", "\n"])), function (props) {
@@ -148,7 +112,7 @@ var TextInput = React__default['default'].forwardRef(function TextInput(_ref, fo
148
112
  rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "type", "required", "disabled", "readOnly", "autoComplete", "description", "error", "warning", "icon", "adornments", "className", "style", "onChange", "onBlur", "noBorder"]);
149
113
 
150
114
  var textInputDomNode = React.useRef(null);
151
- var textInputRef = useMergedRefs(forwardedRef, textInputDomNode);
115
+ var textInputRef = useMergedRefs.useMergedRefs(forwardedRef, textInputDomNode);
152
116
 
153
117
  var _useState = React.useState(nanoid.nanoid()),
154
118
  _useState2 = defaultTheme._slicedToArray(_useState, 1),
@@ -267,4 +231,3 @@ TextInput.propTypes = process.env.NODE_ENV !== "production" ? {
267
231
  } : {};
268
232
 
269
233
  exports.TextInput = TextInput;
270
- exports.useMergedRefs = useMergedRefs;
package/inputs/TextArea/index.js CHANGED
@@ -1,9 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var TextArea = require('../../TextArea-dba4fd6c.js');
3
+ var TextArea = require('../../TextArea-fac4f9a7.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
+ require('../../useMergedRefs-b6d2f8fc.js');
7
8
  require('nanoid');
8
9
  require('../../check-555d831b.js');
9
10
  require('../../edit-note-c47d292e.js');
package/inputs/TextInput/index.js CHANGED
@@ -1,10 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var TextInput = require('../../TextInput-8ea31a7b.js');
3
+ var TextInput = require('../../TextInput-5ff74c8e.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('nanoid');
8
+ require('../../useMergedRefs-b6d2f8fc.js');
8
9
  require('lodash');
9
10
  require('../../edit-note-c47d292e.js');
10
11
 
package/inputs/index.js CHANGED
@@ -10,8 +10,8 @@ var CompactStarRating = require('../CompactStarRating-de1bcfe9.js');
10
10
  var CompactTextInput = require('../CompactTextInput-480f59cc.js');
11
11
  var MultiSelect = require('../MultiSelect-01a257b8.js');
12
12
  var Radio = require('../Radio-c811ce4a.js');
13
- var TextArea = require('../TextArea-dba4fd6c.js');
14
- var TextInput = require('../TextInput-8ea31a7b.js');
13
+ var TextArea = require('../TextArea-fac4f9a7.js');
14
+ var TextInput = require('../TextInput-5ff74c8e.js');
15
15
  var Switch = require('../Switch-3ac11c97.js');
16
16
  require('../defaultTheme-50f2b88f.js');
17
17
  require('styled-components');
@@ -36,6 +36,7 @@ require('../Badge-9bcebe96.js');
36
36
  require('../Tab-bd0f3345.js');
37
37
  require('../Tabs-bf42275e.js');
38
38
  require('../Tooltip-1b7b0052.js');
39
+ require('../useMergedRefs-b6d2f8fc.js');
39
40
 
40
41
 
41
42
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.91",
3
+ "version": "1.1.0-beta.93",
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/useMergedRefs-b6d2f8fc.js ADDED
@@ -0,0 +1,42 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+
5
+ var toFnRef = function toFnRef(ref) {
6
+ return !ref || typeof ref === 'function' ? ref : function (value) {
7
+ ref.current = value;
8
+ };
9
+ };
10
+
11
+ function mergeRefs(refA, refB) {
12
+ var a = toFnRef(refA);
13
+ var b = toFnRef(refB);
14
+ return function (value) {
15
+ if (a) a(value);
16
+ if (b) b(value);
17
+ };
18
+ }
19
+ /**
20
+ * Create and returns a single callback ref composed from two other Refs.
21
+ *
22
+ * ```tsx
23
+ * const Button = React.forwardRef((props, ref) => {
24
+ * const [element, attachRef] = useCallbackRef<HTMLButtonElement>();
25
+ * const mergedRef = useMergedRefs(ref, attachRef);
26
+ *
27
+ * return <button ref={mergedRef} {...props}/>
28
+ * })
29
+ * ```
30
+ *
31
+ * @param refA A Callback or mutable Ref
32
+ * @param refB A Callback or mutable Ref
33
+ * @category refs
34
+ */
35
+
36
+ function useMergedRefs(refA, refB) {
37
+ return React.useMemo(function () {
38
+ return mergeRefs(refA, refB);
39
+ }, [refA, refB]);
40
+ }
41
+
42
+ exports.useMergedRefs = useMergedRefs;
package/widgets/AssetGallery/index.js CHANGED
@@ -1,13 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-d38688e4.js');
3
+ var AssetGallery = require('../../AssetGallery-45e548d7.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('react');
7
7
  require('lodash');
8
- require('../../TextInput-8ea31a7b.js');
9
- require('nanoid');
10
- require('../../edit-note-c47d292e.js');
8
+ require('../../useMergedRefs-b6d2f8fc.js');
11
9
  require('resize-observer-polyfill');
12
10
  require('react-lazy-load-image-component');
13
11
  require('../../ActionButton-c3f5ed94.js');
@@ -19,6 +17,7 @@ require('../../shift-away-subtle-cfdf1dbe.js');
19
17
  require('../../ContextMenu-d088833b.js');
20
18
  require('../../expand-more-94585605.js');
21
19
  require('../../Checkbox-85394137.js');
20
+ require('nanoid');
22
21
  require('../../CompactAutocompleteSelect-45b12179.js');
23
22
  require('../../check-555d831b.js');
24
23
  require('react-select');
@@ -28,6 +27,7 @@ require('react-dom');
28
27
  require('../../close-ebf2f3cf.js');
29
28
  require('../../CompactStarRating-de1bcfe9.js');
30
29
  require('../../CompactTextInput-480f59cc.js');
30
+ require('../../edit-note-c47d292e.js');
31
31
  require('../../Alert-3e4f8be1.js');
32
32
  require('../../Badge-9bcebe96.js');
33
33
  require('../../Tab-bd0f3345.js');
@@ -35,7 +35,8 @@ require('../../Tabs-bf42275e.js');
35
35
  require('../../Tooltip-1b7b0052.js');
36
36
  require('../../MultiSelect-01a257b8.js');
37
37
  require('../../Radio-c811ce4a.js');
38
- require('../../TextArea-dba4fd6c.js');
38
+ require('../../TextArea-fac4f9a7.js');
39
+ require('../../TextInput-5ff74c8e.js');
39
40
  require('../../Switch-3ac11c97.js');
40
41
  require('../../warning-circle-24522402.js');
41
42
 
package/widgets/Instructions/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-34b22002.js');
3
+ var Instructions = require('../../Instructions-134cd6dc.js');
4
4
  require('../../defaultTheme-50f2b88f.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -15,7 +15,8 @@ require('../../react-select-creatable.esm-7231b55e.js');
15
15
  require('react-dom');
16
16
  require('../../close-ebf2f3cf.js');
17
17
  require('../../expand-more-94585605.js');
18
- require('../../TextArea-dba4fd6c.js');
18
+ require('../../TextArea-fac4f9a7.js');
19
+ require('../../useMergedRefs-b6d2f8fc.js');
19
20
  require('../../edit-note-c47d292e.js');
20
21
 
21
22
 
package/widgets/index.js CHANGED
@@ -2,17 +2,15 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-d38688e4.js');
5
+ var AssetGallery = require('../AssetGallery-45e548d7.js');
6
6
  var ContextMenu = require('../ContextMenu-d088833b.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-449e6019.js');
8
- var Instructions = require('../Instructions-34b22002.js');
8
+ var Instructions = require('../Instructions-134cd6dc.js');
9
9
  require('../defaultTheme-50f2b88f.js');
10
10
  require('styled-components');
11
11
  require('react');
12
12
  require('lodash');
13
- require('../TextInput-8ea31a7b.js');
14
- require('nanoid');
15
- require('../edit-note-c47d292e.js');
13
+ require('../useMergedRefs-b6d2f8fc.js');
16
14
  require('resize-observer-polyfill');
17
15
  require('react-lazy-load-image-component');
18
16
  require('../ActionButton-c3f5ed94.js');
@@ -23,6 +21,7 @@ require('@tippyjs/react');
23
21
  require('../shift-away-subtle-cfdf1dbe.js');
24
22
  require('../expand-more-94585605.js');
25
23
  require('../Checkbox-85394137.js');
24
+ require('nanoid');
26
25
  require('../CompactAutocompleteSelect-45b12179.js');
27
26
  require('../check-555d831b.js');
28
27
  require('react-select');
@@ -32,6 +31,7 @@ require('react-dom');
32
31
  require('../close-ebf2f3cf.js');
33
32
  require('../CompactStarRating-de1bcfe9.js');
34
33
  require('../CompactTextInput-480f59cc.js');
34
+ require('../edit-note-c47d292e.js');
35
35
  require('../Alert-3e4f8be1.js');
36
36
  require('../Badge-9bcebe96.js');
37
37
  require('../Tab-bd0f3345.js');
@@ -39,7 +39,8 @@ require('../Tabs-bf42275e.js');
39
39
  require('../Tooltip-1b7b0052.js');
40
40
  require('../MultiSelect-01a257b8.js');
41
41
  require('../Radio-c811ce4a.js');
42
- require('../TextArea-dba4fd6c.js');
42
+ require('../TextArea-fac4f9a7.js');
43
+ require('../TextInput-5ff74c8e.js');
43
44
  require('../Switch-3ac11c97.js');
44
45
  require('../warning-circle-24522402.js');
45
46