@ntbjs/react-components 1.1.0-beta.85 → 1.1.0-beta.86
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.
- package/{AssetGallery-4d3e41a9.js → AssetGallery-b68f5e71.js} +2 -2
- package/{CompactAutocompleteSelect-d1a7836f.js → CompactAutocompleteSelect-5ee8443f.js} +1 -1
- package/{Instructions-4358acd3.js → Instructions-cba7dd21.js} +2 -2
- package/{TextArea-e237b6e8.js → TextArea-d9e639e4.js} +4 -4
- package/inputs/CompactAutocompleteSelect/index.js +1 -1
- package/inputs/TextArea/index.js +1 -1
- package/inputs/index.js +2 -2
- package/package.json +1 -1
- package/widgets/AssetGallery/index.js +3 -3
- package/widgets/Instructions/index.js +3 -3
- package/widgets/index.js +4 -4
|
@@ -9,12 +9,12 @@ var reactLazyLoadImageComponent = require('react-lazy-load-image-component');
|
|
|
9
9
|
var ActionButton = require('./ActionButton-c3f5ed94.js');
|
|
10
10
|
require('./Button-432f87c6.js');
|
|
11
11
|
require('./Checkbox-85394137.js');
|
|
12
|
-
require('./CompactAutocompleteSelect-
|
|
12
|
+
require('./CompactAutocompleteSelect-5ee8443f.js');
|
|
13
13
|
require('./CompactStarRating-de1bcfe9.js');
|
|
14
14
|
require('./CompactTextInput-cae26b42.js');
|
|
15
15
|
require('./MultiSelect-01a257b8.js');
|
|
16
16
|
require('./Radio-c811ce4a.js');
|
|
17
|
-
require('./TextArea-
|
|
17
|
+
require('./TextArea-d9e639e4.js');
|
|
18
18
|
require('./Switch-3ac11c97.js');
|
|
19
19
|
require('./Alert-3e4f8be1.js');
|
|
20
20
|
require('./Badge-9bcebe96.js');
|
|
@@ -73,7 +73,7 @@ var AutocompletSelect = styled__default['default'](Select__default['default']).a
|
|
|
73
73
|
var AutocompletCreatableSelect = styled__default['default'](reactSelectCreatable_esm.CreatableSelect$1).attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), sharedStyle, function (props) {
|
|
74
74
|
return props.disabled && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
|
|
75
75
|
});
|
|
76
|
-
var Control = styled__default['default'](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n\n height: 22px;\n min-height: 22px;\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 2px 0 10px;\n cursor: pointer;\n border: 1px solid transparent;\n ", "\n\n ", ";\n ", ";\n\n ", "\n ", "\n ", "\n }\n\n & .dropdown-indicator {\n display: none;\n }\n\n &:hover .dropdown-indicator {\n display: flex;\n }\n\n &&:hover {\n border-color: transparent;\n ", ";\n\n ", ";\n\n ", ";\n }\n"])), function (props) {
|
|
76
|
+
var Control = styled__default['default'](Select.components.Control).attrs(defaultTheme.applyDefaultTheme)(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n && {\n ", ";\n\n height: 22px;\n min-height: 22px;\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 2px 0 10px;\n cursor: pointer;\n border: 1px solid transparent;\n background-color: transparent;\n ", "\n\n ", ";\n ", ";\n\n ", "\n ", "\n ", "\n }\n\n & .dropdown-indicator {\n display: none;\n }\n\n &:hover .dropdown-indicator {\n display: flex;\n }\n\n &&:hover {\n border-color: transparent;\n ", ";\n\n ", ";\n\n ", ";\n }\n"])), function (props) {
|
|
77
77
|
return props.edit && props.theme.themeProp('background', '#505050', '#eff1f4');
|
|
78
78
|
}, function (props) {
|
|
79
79
|
return props.state && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
|
|
@@ -4,8 +4,8 @@ var defaultTheme = require('./defaultTheme-50f2b88f.js');
|
|
|
4
4
|
var lodash = require('lodash');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var warningCircle = require('./warning-circle-24522402.js');
|
|
7
|
-
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-
|
|
8
|
-
var TextArea = require('./TextArea-
|
|
7
|
+
var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-5ee8443f.js');
|
|
8
|
+
var TextArea = require('./TextArea-d9e639e4.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 }; }
|
|
@@ -103,14 +103,12 @@ var Description = styled__default['default'].div.attrs(defaultTheme.applyDefault
|
|
|
103
103
|
}, function (props) {
|
|
104
104
|
return (props.state === 'error-border' || props.state === 'error') && styled.css(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500')));
|
|
105
105
|
});
|
|
106
|
-
var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = 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
|
|
106
|
+
var SuccessContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = 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) {
|
|
107
107
|
return props.fadeIn ? 0 : 1;
|
|
108
108
|
}, function (props) {
|
|
109
109
|
return props.fadeIn ? fadeOutCheck : fadeInCheck;
|
|
110
110
|
}, function (props) {
|
|
111
111
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
|
|
112
|
-
}, function (props) {
|
|
113
|
-
return props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-100'));
|
|
114
112
|
});
|
|
115
113
|
var ShowMoreText = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject36 || (_templateObject36 = defaultTheme._taggedTemplateLiteral(["\n margin: 0 0 0 0;\n padding: 0 0.6875rem;\n font-size: 0.75rem;\n line-height: 1.333;\n cursor: pointer;\n ", ";\n\n ", "\n"])), function (props) {
|
|
116
114
|
return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('emerald-500'));
|
|
@@ -129,6 +127,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
129
127
|
hidden = _ref.hidden,
|
|
130
128
|
readOnly = _ref.readOnly,
|
|
131
129
|
edit = _ref.edit,
|
|
130
|
+
isExpanded = _ref.isExpanded,
|
|
132
131
|
editWarning = _ref.editWarning,
|
|
133
132
|
maxRows = _ref.maxRows,
|
|
134
133
|
showMore = _ref.showMore,
|
|
@@ -145,7 +144,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
145
144
|
lightBackground = _ref.lightBackground,
|
|
146
145
|
noBorder = _ref.noBorder,
|
|
147
146
|
instructionsTextArea = _ref.instructionsTextArea,
|
|
148
|
-
rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "editWarning", "maxRows", "showMore", "showMoreText", "autoComplete", "description", "state", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "instructionsTextArea"]);
|
|
147
|
+
rest = defaultTheme._objectWithoutProperties(_ref, ["value", "defaultValue", "name", "label", "placeholder", "required", "disabled", "hidden", "readOnly", "edit", "isExpanded", "editWarning", "maxRows", "showMore", "showMoreText", "autoComplete", "description", "state", "icon", "rows", "className", "style", "onChange", "onBlur", "lightBackground", "noBorder", "instructionsTextArea"]);
|
|
149
148
|
|
|
150
149
|
var textInputRef = React.useRef(null);
|
|
151
150
|
|
|
@@ -189,6 +188,7 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
|
|
|
189
188
|
|
|
190
189
|
var handleTextAreaChange = function handleTextAreaChange() {
|
|
191
190
|
setExpanded(!expanded);
|
|
191
|
+
isExpanded(expanded);
|
|
192
192
|
|
|
193
193
|
if (expanded === true) {
|
|
194
194
|
setContentRows(maxContentRows);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-
|
|
3
|
+
var CompactAutocompleteSelect = require('../../CompactAutocompleteSelect-5ee8443f.js');
|
|
4
4
|
require('../../defaultTheme-50f2b88f.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
package/inputs/TextArea/index.js
CHANGED
package/inputs/index.js
CHANGED
|
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var ActionButton = require('../ActionButton-c3f5ed94.js');
|
|
6
6
|
var Button = require('../Button-432f87c6.js');
|
|
7
7
|
var Checkbox = require('../Checkbox-85394137.js');
|
|
8
|
-
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-
|
|
8
|
+
var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-5ee8443f.js');
|
|
9
9
|
var CompactStarRating = require('../CompactStarRating-de1bcfe9.js');
|
|
10
10
|
var CompactTextInput = require('../CompactTextInput-cae26b42.js');
|
|
11
11
|
var MultiSelect = require('../MultiSelect-01a257b8.js');
|
|
12
12
|
var Radio = require('../Radio-c811ce4a.js');
|
|
13
|
-
var TextArea = require('../TextArea-
|
|
13
|
+
var TextArea = require('../TextArea-d9e639e4.js');
|
|
14
14
|
var TextInput = require('../TextInput-8ea31a7b.js');
|
|
15
15
|
var Switch = require('../Switch-3ac11c97.js');
|
|
16
16
|
require('../defaultTheme-50f2b88f.js');
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var AssetGallery = require('../../AssetGallery-
|
|
3
|
+
var AssetGallery = require('../../AssetGallery-b68f5e71.js');
|
|
4
4
|
require('../../defaultTheme-50f2b88f.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('react');
|
|
@@ -19,7 +19,7 @@ require('../../shift-away-subtle-cfdf1dbe.js');
|
|
|
19
19
|
require('../../ContextMenu-d088833b.js');
|
|
20
20
|
require('../../expand-more-94585605.js');
|
|
21
21
|
require('../../Checkbox-85394137.js');
|
|
22
|
-
require('../../CompactAutocompleteSelect-
|
|
22
|
+
require('../../CompactAutocompleteSelect-5ee8443f.js');
|
|
23
23
|
require('../../check-555d831b.js');
|
|
24
24
|
require('react-select');
|
|
25
25
|
require('react-select-async-paginate');
|
|
@@ -35,7 +35,7 @@ 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-
|
|
38
|
+
require('../../TextArea-d9e639e4.js');
|
|
39
39
|
require('../../Switch-3ac11c97.js');
|
|
40
40
|
require('../../warning-circle-24522402.js');
|
|
41
41
|
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Instructions = require('../../Instructions-
|
|
3
|
+
var Instructions = require('../../Instructions-cba7dd21.js');
|
|
4
4
|
require('../../defaultTheme-50f2b88f.js');
|
|
5
5
|
require('styled-components');
|
|
6
6
|
require('lodash');
|
|
7
7
|
require('react');
|
|
8
8
|
require('../../warning-circle-24522402.js');
|
|
9
|
-
require('../../CompactAutocompleteSelect-
|
|
9
|
+
require('../../CompactAutocompleteSelect-5ee8443f.js');
|
|
10
10
|
require('nanoid');
|
|
11
11
|
require('../../check-555d831b.js');
|
|
12
12
|
require('react-select');
|
|
@@ -15,7 +15,7 @@ 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-
|
|
18
|
+
require('../../TextArea-d9e639e4.js');
|
|
19
19
|
require('../../edit-note-c47d292e.js');
|
|
20
20
|
|
|
21
21
|
|
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-
|
|
5
|
+
var AssetGallery = require('../AssetGallery-b68f5e71.js');
|
|
6
6
|
var ContextMenu = require('../ContextMenu-d088833b.js');
|
|
7
7
|
var AssetPreviewTopBar = require('../AssetPreviewTopBar-449e6019.js');
|
|
8
|
-
var Instructions = require('../Instructions-
|
|
8
|
+
var Instructions = require('../Instructions-cba7dd21.js');
|
|
9
9
|
require('../defaultTheme-50f2b88f.js');
|
|
10
10
|
require('styled-components');
|
|
11
11
|
require('react');
|
|
@@ -23,7 +23,7 @@ require('@tippyjs/react');
|
|
|
23
23
|
require('../shift-away-subtle-cfdf1dbe.js');
|
|
24
24
|
require('../expand-more-94585605.js');
|
|
25
25
|
require('../Checkbox-85394137.js');
|
|
26
|
-
require('../CompactAutocompleteSelect-
|
|
26
|
+
require('../CompactAutocompleteSelect-5ee8443f.js');
|
|
27
27
|
require('../check-555d831b.js');
|
|
28
28
|
require('react-select');
|
|
29
29
|
require('react-select-async-paginate');
|
|
@@ -39,7 +39,7 @@ 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-
|
|
42
|
+
require('../TextArea-d9e639e4.js');
|
|
43
43
|
require('../Switch-3ac11c97.js');
|
|
44
44
|
require('../warning-circle-24522402.js');
|
|
45
45
|
|