@ntbjs/react-components 1.3.0-rc.70 → 1.3.0-rc.72

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 (7) hide show
  1. package/{AssetAction-29b9a203.js → AssetAction-6d672f04.js} +1 -1
  2. package/{CompactTextInput-67ce443e.js → CompactTextInput-483d7ff1.js} +30 -22
  3. package/inputs/CompactTextInput/index.js +1 -1
  4. package/inputs/index.js +1 -1
  5. package/package.json +1 -1
  6. package/widgets/AssetGallery/index.js +2 -2
  7. package/widgets/index.js +2 -2
package/{AssetAction-29b9a203.js → AssetAction-6d672f04.js} RENAMED
@@ -27,7 +27,7 @@ require('./Button-82e91acb.js');
27
27
  require('./Checkbox-c441fdba.js');
28
28
  require('./CompactAutocompleteSelect-a8ccfcad.js');
29
29
  require('./CompactStarRating-3fa89ec7.js');
30
- require('./CompactTextInput-67ce443e.js');
30
+ require('./CompactTextInput-483d7ff1.js');
31
31
  require('./MultiSelect-0bdad346.js');
32
32
  require('./Radio-758fd8f3.js');
33
33
  require('./TextArea-b16e166b.js');
package/{CompactTextInput-67ce443e.js → CompactTextInput-483d7ff1.js} RENAMED
@@ -50,7 +50,7 @@ function SvgLink(props) {
50
50
  })));
51
51
  }
52
52
 
53
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33;
53
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _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;
54
54
  var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
55
55
  return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
56
56
  }, function (props) {
@@ -110,36 +110,44 @@ var InputIconContainer = styled__default["default"].div.attrs(defaultTheme.apply
110
110
  }, function (props) {
111
111
  return props.type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F');
112
112
  });
113
- var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n box-sizing: border-box;\n height: 22px;\n width: 100%;\n display: block;\n font-size: 0.875rem;\n line-height: 1rem;\n font-family: inherit;\n padding: 1px 10px;\n border-radius: 3px;\n border: 1px solid transparent;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n\n ", "\n\n\n \n \n\n ", ";\n\n \n\n\n &&:not(:hover):not(:focus) {\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 & + ", " {\n opacity: 1;\n \n }\n }\n\n ", "\n ", "\n\n }\n\n &&:focus {\n ", ";\n\n ", ";\n \n ", ";\n\n ", ";\n outline: none;\n\n ", ";\n\n ", ";\n }\n\n &&::placeholder {\n color: inherit;\n opacity: 0.6;\n }\n\n ", "\n"])), function (props) {
113
+ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n box-sizing: border-box;\n height: 22px;\n width: 100%;\n display: block;\n font-size: 0.875rem;\n line-height: 1rem;\n font-family: inherit;\n padding: 1px 10px;\n border-radius: 3px;\n border: 1px solid transparent;\n\n", "\n\n ", "\n\n ", "\n\n ", "\n\n\n ", "\n\n\n \n \n\n ", ";\n\n \n\n\n &&:not(:hover):not(:focus) {\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 & + ", " {\n opacity: 1;\n \n }\n }\n\n ", "\n ", "\n\n }\n\n &&:focus {\n ", ";\n\n ", ";\n \n ", ";\n\n ", ";\n outline: none;\n\n ", ";\n\n ", ";\n }\n\n &&::placeholder {\n color: inherit;\n opacity: 0.6;\n }\n\n ", "\n"])), function (props) {
114
114
  if (props.type === 'error') {
115
- return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
115
+ return styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n ", " !important;\n "])), props.theme.themeProp('background', '#7f1b1b', '#FEE2E2'));
116
116
  } else if (props.type === 'warning') {
117
- return props.theme.themeProp('background', '#634E01', '#FFFDE8');
117
+ return styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n ", " !important;\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'));
118
118
  } else {
119
119
  return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
120
120
  }
121
121
  }, function (props) {
122
- return props.readOnly && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n "])));
122
+ return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n cursor: default;\n "])));
123
123
  }, function (props) {
124
- return props.disabled && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
124
+ return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n opacity: 0.5;\n "])));
125
125
  }, function (props) {
126
- return props.type === 'success' && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
126
+ return props.type === 'success' && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
127
127
  return props.type === 'success' ? fadeIn : fadeOut;
128
128
  });
129
129
  }, function (props) {
130
130
  return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
131
131
  }, function (props) {
132
- return props.hasLink && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n ", "\n }\n &&:read-only {\n cursor: default;\n }\n "])), linkColor);
132
+ return props.hasLink && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n ", "\n }\n &&:read-only {\n cursor: default;\n }\n "])), linkColor);
133
133
  }, function (props) {
134
- return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
134
+ if (props.edit) {
135
+ if (props.type === 'error') {
136
+ return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
137
+ } else if (props.type === 'warning') {
138
+ return props.theme.themeProp('background', '#634E01', '#FFFDE8');
139
+ } else {
140
+ return props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
141
+ }
142
+ }
135
143
  }, function (props) {
136
144
  return props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)');
137
145
  }, function (props) {
138
- return props.hasLink && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n cursor: default;\n ", "\n }\n "])), linkColor);
146
+ return props.hasLink && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n &&:not(:focus),\n &&:read-only {\n cursor: default;\n ", "\n }\n "])), linkColor);
139
147
  }, function (props) {
140
148
  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
141
149
  }, function (props) {
142
- return props.readOnly && styled.css(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
150
+ return props.readOnly && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
143
151
  }, function (props) {
144
152
  return props.edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
145
153
  }, function (props) {
@@ -147,35 +155,35 @@ var Input = styled__default["default"].input.attrs(defaultTheme.applyDefaultThem
147
155
  }, function (props) {
148
156
  return props.type === 'error' && props.theme.themeProp('background', '#901d1d', '#F7D5D0');
149
157
  }, function (props) {
150
- return props.hasLink && styled.css(_templateObject23 || (_templateObject23 = defaultTheme._taggedTemplateLiteral(["\n cursor: pointer;\n &&:read-only {\n background: none !important;\n cursor: default;\n }\n "])));
158
+ return props.hasLink && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n cursor: pointer;\n &&:read-only {\n background: none !important;\n cursor: default;\n }\n "])));
151
159
  }, InputIconContainer, function (props) {
152
- return props.disabled && styled.css(_templateObject24 || (_templateObject24 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
160
+ return props.disabled && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed;\n "])));
153
161
  }, function (props) {
154
- return props.disabled && props.hasLink && styled.css(_templateObject25 || (_templateObject25 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed !important;\n "])));
162
+ return props.disabled && props.hasLink && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n background: none !important;\n cursor: not-allowed !important;\n "])));
155
163
  }, function (props) {
156
164
  return !props.readOnly && props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
157
165
  }, function (props) {
158
- return props.readOnly && styled.css(_templateObject26 || (_templateObject26 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
166
+ return props.readOnly && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n "])), readOnlyBackground);
159
167
  }, function (props) {
160
168
  return props.type === 'error' && !props.readOnly && props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
161
169
  }, function (props) {
162
- return !props.readOnly && styled.css(_templateObject27 || (_templateObject27 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
170
+ return !props.readOnly && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n border-color: ", ";\n "])), function (props) {
163
171
  return props.theme.getColor('gray-600');
164
172
  });
165
173
  }, function (props) {
166
- return props.type === 'warning' && styled.css(_templateObject28 || (_templateObject28 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
174
+ return props.type === 'warning' && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
167
175
  return props.theme.themeProp('border-color', '#F4E21E', '#F4E21E');
168
176
  }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
169
177
  }, function (props) {
170
- return props.type === 'error' && styled.css(_templateObject29 || (_templateObject29 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
178
+ return props.type === 'error' && styled.css(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n ", "\n "])), function (props) {
171
179
  return props.theme.themeProp('border-color', '#D83018', '#D83018');
172
180
  }, props.theme.themeProp('background', 'white', 'white'), props.theme.themeProp('color', 'black', 'black'));
173
181
  }, function (props) {
174
- return props.bold && styled.css(_templateObject30 || (_templateObject30 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.0625;\n padding-top: 3px;\n padding-bottom: 2px;\n "])));
182
+ return props.bold && styled.css(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.0625;\n padding-top: 3px;\n padding-bottom: 2px;\n "])));
175
183
  });
176
- var LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject31 || (_templateObject31 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n padding: 5px 8px;\n\n svg {\n width: 18px;\n margin-right: 8px;\n }\n"])), commonAnchorTagStyle);
177
- var StyledLink = styled__default["default"].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject32 || (_templateObject32 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), commonAnchorTagStyle, linkColor);
178
- var ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n border: 1px solid transparent;\n border-radius: 3px;\n padding: 0 10px 1px;\n"])), readOnlyBackground);
184
+ var LinkPopoverContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject33 || (_templateObject33 = defaultTheme._taggedTemplateLiteral(["\n ", "\n\n padding: 5px 8px;\n\n svg {\n width: 18px;\n margin-right: 8px;\n }\n"])), commonAnchorTagStyle);
185
+ var StyledLink = styled__default["default"].a.attrs(defaultTheme.applyDefaultTheme)(_templateObject34 || (_templateObject34 = defaultTheme._taggedTemplateLiteral(["\n ", "\n ", "\n"])), commonAnchorTagStyle, linkColor);
186
+ var ReadOnlyLinkContainer = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject35 || (_templateObject35 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n border: 1px solid transparent;\n border-radius: 3px;\n padding: 0 10px 1px;\n"])), readOnlyBackground);
179
187
 
180
188
  var _excluded = ["label", "inputType", "name", "defaultValue", "value", "placeholder", "link", "linkTarget", "linkHandler", "activeLinkHandler", "autoSelect", "readOnly", "disabled", "edit", "type", "descriptionToolTip", "bold", "hidden", "onChange", "onFocus", "onBlur", "loadingIcon", "successIcon"];
181
189
  var CompactTextInput = React__default["default"].forwardRef(function CompactTextInput(_ref, forwardedRef) {
package/inputs/CompactTextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-67ce443e.js');
3
+ var CompactTextInput = require('../../CompactTextInput-483d7ff1.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
package/inputs/index.js CHANGED
@@ -7,7 +7,7 @@ var Button = require('../Button-82e91acb.js');
7
7
  var Checkbox = require('../Checkbox-c441fdba.js');
8
8
  var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-a8ccfcad.js');
9
9
  var CompactStarRating = require('../CompactStarRating-3fa89ec7.js');
10
- var CompactTextInput = require('../CompactTextInput-67ce443e.js');
10
+ var CompactTextInput = require('../CompactTextInput-483d7ff1.js');
11
11
  var MultiSelect = require('../MultiSelect-0bdad346.js');
12
12
  var Radio = require('../Radio-758fd8f3.js');
13
13
  var TextArea = require('../TextArea-b16e166b.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.3.0-rc.70",
3
+ "version": "1.3.0-rc.72",
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 AssetAction = require('../../AssetAction-29b9a203.js');
3
+ var AssetAction = require('../../AssetAction-6d672f04.js');
4
4
  require('../../defaultTheme-24ea5c47.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -44,7 +44,7 @@ require('../../InfoCard-005063b4.js');
44
44
  require('../../ActionButton-5bc79370.js');
45
45
  require('../../Button-82e91acb.js');
46
46
  require('../../CompactStarRating-3fa89ec7.js');
47
- require('../../CompactTextInput-67ce443e.js');
47
+ require('../../CompactTextInput-483d7ff1.js');
48
48
  require('../../MultiSelect-0bdad346.js');
49
49
  require('../../Radio-758fd8f3.js');
50
50
  require('../../Switch-26547abb.js');
package/widgets/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetAction = require('../AssetAction-29b9a203.js');
5
+ var AssetAction = require('../AssetAction-6d672f04.js');
6
6
  var ContextMenu = require('../ContextMenu-9645746f.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-6eaa7df8.js');
8
8
  var Instructions = require('../Instructions-46e49829.js');
@@ -44,7 +44,7 @@ require('react-select-async-paginate');
44
44
  require('../react-select-creatable.esm-09b1be95.js');
45
45
  require('react-dom');
46
46
  require('../CompactStarRating-3fa89ec7.js');
47
- require('../CompactTextInput-67ce443e.js');
47
+ require('../CompactTextInput-483d7ff1.js');
48
48
  require('../MultiSelect-0bdad346.js');
49
49
  require('../Radio-758fd8f3.js');
50
50
  require('../TextArea-b16e166b.js');