@ntbjs/react-components 1.1.21 → 1.1.22

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-616f8573.js → AssetAction-7afc83d9.js} +1 -1
  2. package/{CompactStarRating-0edc6fa9.js → CompactStarRating-ddbeaf93.js} +16 -13
  3. package/inputs/CompactStarRating/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-616f8573.js → AssetAction-7afc83d9.js} RENAMED
@@ -24,7 +24,7 @@ var ActionButton = require('./ActionButton-607bc22f.js');
24
24
  require('./Button-86626421.js');
25
25
  require('./Checkbox-876f71f0.js');
26
26
  require('./CompactAutocompleteSelect-32a19c92.js');
27
- require('./CompactStarRating-0edc6fa9.js');
27
+ require('./CompactStarRating-ddbeaf93.js');
28
28
  require('./CompactTextInput-337b6320.js');
29
29
  require('./MultiSelect-0cfc8d6c.js');
30
30
  require('./Radio-8282d0d6.js');
package/{CompactStarRating-0edc6fa9.js → CompactStarRating-ddbeaf93.js} RENAMED
@@ -59,7 +59,7 @@ function SvgStar(props) {
59
59
  })));
60
60
  }
61
61
 
62
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
62
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
63
63
  var fadeIn = styled.keyframes(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n from {\n background-color: ", ";\n }\n to {\n background-color: ", ";\n }\n"])), function (props) {
64
64
  return props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)');
65
65
  }, function (props) {
@@ -91,16 +91,18 @@ var SuccessContainer = styled__default["default"].div.attrs(defaultTheme.applyDe
91
91
  }, function (props) {
92
92
  return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'));
93
93
  });
94
- var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 66.66%;\n border-radius: 3px;\n height: 24px;\n align-items: center;\n padding-left: 8px;\n box-sizing: border-box;\n border: 1px solid;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n &&:not(:hover):not(:focus) {\n ", ";\n ", ";\n }\n &&:hover:not(:focus) {\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n }\n"])), function (props) {
94
+ var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 66.66%;\n border-radius: 3px;\n height: 24px;\n align-items: center;\n padding-left: 8px;\n box-sizing: border-box;\n border: 1px solid;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n &&:not(:hover):not(:focus) {\n ", ";\n ", ";\n }\n &&:hover:not(:focus) {\n ", "\n\n ", ";\n\n ", ";\n\n ", ";\n }\n"])), function (props) {
95
+ return props.readOnly && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n border: none;\n "])));
96
+ }, function (props) {
95
97
  return props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'));
96
98
  }, function (props) {
97
- return props.type === 'success' && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
99
+ return props.type === 'success' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n animation: ", " 0.5s ease-in-out;\n "])), function (props) {
98
100
  return props.success ? fadeIn : fadeOut;
99
101
  });
100
102
  }, function (props) {
101
- return props.type === 'error' && styled.css(_templateObject13 || (_templateObject13 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
103
+ return props.type === 'error' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'), props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6'));
102
104
  }, function (props) {
103
- return props.type === 'warning' && styled.css(_templateObject14 || (_templateObject14 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#2F2402 ', '#FFFDE8'));
105
+ return props.type === 'warning' && styled.css(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n ", "\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'), props.theme.themeProp('border-color', '#2F2402 ', '#FFFDE8'));
104
106
  }, function (props) {
105
107
  return props.edit && props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
106
108
  }, function (props) {
@@ -114,7 +116,7 @@ var starsWidth = styled__default["default"].div.attrs(defaultTheme.applyDefaultT
114
116
  }, function (props) {
115
117
  return props.type === 'error' && !props.readOnly && props.theme.themeProp('background', '#901d1d', '#f7d5d0');
116
118
  });
117
- var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject15 || (_templateObject15 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
119
+ var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
118
120
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
119
121
  }, function (props) {
120
122
  return props.type === 'warning' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
@@ -123,11 +125,11 @@ var Star = styled__default["default"].button.attrs(defaultTheme.applyDefaultThem
123
125
  }, function (props) {
124
126
  return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
125
127
  }, function (props) {
126
- return props.readOnly && styled.css(_templateObject16 || (_templateObject16 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
128
+ return props.readOnly && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
127
129
  }, function (props) {
128
- return props.disabled && styled.css(_templateObject17 || (_templateObject17 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
130
+ return props.disabled && styled.css(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
129
131
  });
130
- var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject18 || (_templateObject18 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
132
+ var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 0;\n\n svg {\n height: 12px;\n padding-left: 4px;\n transition: color 250ms;\n }\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", "\n\n ", "\n"])), function (props) {
131
133
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
132
134
  }, function (props) {
133
135
  return props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
@@ -136,11 +138,11 @@ var StarFill = styled__default["default"].button.attrs(defaultTheme.applyDefault
136
138
  }, function (props) {
137
139
  return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
138
140
  }, function (props) {
139
- return props.readOnly && styled.css(_templateObject19 || (_templateObject19 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
141
+ return props.readOnly && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n pointer-events: none;\n "])));
140
142
  }, function (props) {
141
- return props.disabled && styled.css(_templateObject20 || (_templateObject20 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
143
+ return props.disabled && styled.css(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
142
144
  });
143
- styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject21 || (_templateObject21 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n margin-left: auto;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
145
+ styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject22 || (_templateObject22 = defaultTheme._taggedTemplateLiteral(["\n opacity: 1;\n pointer-events: none;\n margin-left: auto;\n opacity: ", ";\n animation: ", " 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n ", "\n > svg {\n width: 13px;\n }\n"])), function (props) {
144
146
  return props.type === 'success' ? 0 : 1;
145
147
  }, function (props) {
146
148
  return props.type === 'success' ? fadeOutCheck : fadeInCheck;
@@ -265,7 +267,8 @@ var CompactStarRating = React__default["default"].forwardRef(function CompactSta
265
267
  disabled: disabled
266
268
  }, label, React__default["default"].createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default["default"].createElement(starsWidth, {
267
269
  edit: edit,
268
- type: type
270
+ type: type,
271
+ readOnly: readOnly
269
272
  }, stars.map(function (key) {
270
273
  return React__default["default"].createElement("div", {
271
274
  key: key
package/inputs/CompactStarRating/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-0edc6fa9.js');
3
+ var CompactStarRating = require('../../CompactStarRating-ddbeaf93.js');
4
4
  require('../../defaultTheme-06b819a9.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -6,7 +6,7 @@ var ActionButton = require('../ActionButton-607bc22f.js');
6
6
  var Button = require('../Button-86626421.js');
7
7
  var Checkbox = require('../Checkbox-876f71f0.js');
8
8
  var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-32a19c92.js');
9
- var CompactStarRating = require('../CompactStarRating-0edc6fa9.js');
9
+ var CompactStarRating = require('../CompactStarRating-ddbeaf93.js');
10
10
  var CompactTextInput = require('../CompactTextInput-337b6320.js');
11
11
  var MultiSelect = require('../MultiSelect-0cfc8d6c.js');
12
12
  var Radio = require('../Radio-8282d0d6.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.21",
3
+ "version": "1.1.22",
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-616f8573.js');
3
+ var AssetAction = require('../../AssetAction-7afc83d9.js');
4
4
  require('../../defaultTheme-06b819a9.js');
5
5
  require('styled-components');
6
6
  require('lodash');
@@ -40,7 +40,7 @@ require('../../ContextMenu-b6ba7a22.js');
40
40
  require('../../AssetPreviewTopBar-14bd42d0.js');
41
41
  require('../../ActionButton-607bc22f.js');
42
42
  require('../../Button-86626421.js');
43
- require('../../CompactStarRating-0edc6fa9.js');
43
+ require('../../CompactStarRating-ddbeaf93.js');
44
44
  require('../../CompactTextInput-337b6320.js');
45
45
  require('../../MultiSelect-0cfc8d6c.js');
46
46
  require('../../Radio-8282d0d6.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-616f8573.js');
5
+ var AssetAction = require('../AssetAction-7afc83d9.js');
6
6
  var ContextMenu = require('../ContextMenu-b6ba7a22.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-14bd42d0.js');
8
8
  var Instructions = require('../Instructions-dd2880ae.js');
@@ -41,7 +41,7 @@ require('react-select');
41
41
  require('react-select-async-paginate');
42
42
  require('../react-select-creatable.esm-3c7b7450.js');
43
43
  require('react-dom');
44
- require('../CompactStarRating-0edc6fa9.js');
44
+ require('../CompactStarRating-ddbeaf93.js');
45
45
  require('../CompactTextInput-337b6320.js');
46
46
  require('../MultiSelect-0cfc8d6c.js');
47
47
  require('../Radio-8282d0d6.js');