@ntbjs/react-components 1.1.0-beta.26 → 1.1.0-beta.28

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-b7d2125d.js → AssetGallery-5b57b03e.js} +3 -3
  2. package/{CompactStarRating-1bbe4c0e.js → CompactStarRating-36e6b7b0.js} +50 -45
  3. package/{CompactTextInput-c6712379.js → CompactTextInput-9e0bc89b.js} +1 -1
  4. package/{Tooltip-e7f59097.js → Tooltip-280cb145.js} +1 -1
  5. package/data/Tooltip/index.js +1 -1
  6. package/data/index.js +1 -1
  7. package/inputs/CompactStarRating/index.js +1 -1
  8. package/inputs/CompactTextInput/index.js +2 -2
  9. package/inputs/index.js +3 -3
  10. package/package.json +1 -1
  11. package/widgets/AssetGallery/index.js +4 -4
  12. package/widgets/index.js +4 -4
package/{AssetGallery-b7d2125d.js → AssetGallery-5b57b03e.js} RENAMED
@@ -10,8 +10,8 @@ var ActionButton = require('./ActionButton-90485300.js');
10
10
  require('./AutocompleteSelect-e82bd937.js');
11
11
  require('./Button-0df54220.js');
12
12
  require('./Checkbox-50f1f3c7.js');
13
- require('./CompactStarRating-1bbe4c0e.js');
14
- require('./CompactTextInput-c6712379.js');
13
+ require('./CompactStarRating-36e6b7b0.js');
14
+ require('./CompactTextInput-9e0bc89b.js');
15
15
  require('./MultiSelect-3eca3c3e.js');
16
16
  require('./Radio-0b46b2a8.js');
17
17
  require('./TextArea-efe4fa88.js');
@@ -21,7 +21,7 @@ require('./Badge-34ad2850.js');
21
21
  require('./Popover-de874e41.js');
22
22
  require('./Tab-fc380f0b.js');
23
23
  require('./Tabs-0aa159fa.js');
24
- var Tooltip = require('./Tooltip-e7f59097.js');
24
+ var Tooltip = require('./Tooltip-280cb145.js');
25
25
  var styled = require('styled-components');
26
26
  var polished = require('polished');
27
27
  var warningCircle = require('./warning-circle-24522402.js');
package/{CompactStarRating-1bbe4c0e.js → CompactStarRating-36e6b7b0.js} RENAMED
@@ -45,7 +45,7 @@ var starsWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultT
45
45
  }, function (props) {
46
46
  return props.warning && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'));
47
47
  });
48
- var Star = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = 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"])), function (props) {
48
+ var Star = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject7 || (_templateObject7 = 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"])), function (props) {
49
49
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
50
50
  }, function (props) {
51
51
  return props.error && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
@@ -54,7 +54,7 @@ var Star = styled__default['default'].button.attrs(defaultTheme.applyDefaultThem
54
54
  }, function (props) {
55
55
  return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
56
56
  });
57
- var StarFill = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = 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"])), function (props) {
57
+ var StarFill = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject8 || (_templateObject8 = 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"])), function (props) {
58
58
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
59
59
  }, function (props) {
60
60
  return props.error && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
@@ -150,48 +150,51 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
150
150
  }, [rating]);
151
151
 
152
152
  var starIconRender = function starIconRender(key) {
153
- var ratingChecker = rating > 0 && rating >= key + 1;
154
- return ratingChecker ? React__default['default'].createElement(StarFill, {
155
- disabled: readOnly,
156
- onClick: function onClick() {
157
- if (key + 1 > 1) {
158
- return setRating(key + 1);
159
- } else if (key + 1 == 1) {
160
- setRating(function (current) {
161
- return current === 1 ? 0 : key + 1;
162
- });
163
- }
164
- },
165
- onMouseEnter: function onMouseEnter() {
166
- setTempRating(key + 1);
167
- setHover(true);
168
- },
169
- onMouseLeave: function onMouseLeave() {
170
- setTempRating(0);
171
- setHover(false);
172
- },
173
- hover: hover && key + 1 <= tempRating,
174
- warning: warning,
175
- error: error,
176
- key: key
177
- }, iconFill) : viewEmpty && React__default['default'].createElement(Star, {
178
- disabled: readOnly,
179
- onClick: function onClick() {
180
- setRating(key + 1);
181
- },
182
- onMouseEnter: function onMouseEnter() {
183
- setTempRating(key + 1);
184
- setHover(true);
185
- },
186
- onMouseLeave: function onMouseLeave() {
187
- setTempRating(0);
188
- setHover(false);
189
- },
190
- hover: hover && key + 1 <= tempRating,
191
- warning: warning,
192
- error: error,
193
- key: key
194
- }, icon);
153
+ if (rating > 0 && rating >= key + 1) {
154
+ return React__default['default'].createElement(StarFill, {
155
+ disabled: readOnly,
156
+ onClick: function onClick() {
157
+ if (key + 1 > 1) {
158
+ return setRating(key + 1);
159
+ } else if (key + 1 == 1) {
160
+ setRating(function (current) {
161
+ return current === 1 ? 0 : key + 1;
162
+ });
163
+ }
164
+ },
165
+ onMouseEnter: function onMouseEnter() {
166
+ setTempRating(key + 1);
167
+ setHover(true);
168
+ },
169
+ onMouseLeave: function onMouseLeave() {
170
+ setTempRating(0);
171
+ setHover(false);
172
+ },
173
+ hover: hover && key + 1 <= tempRating,
174
+ warning: warning,
175
+ error: error,
176
+ key: key
177
+ }, iconFill);
178
+ } else if (viewEmpty) {
179
+ return React__default['default'].createElement(Star, {
180
+ disabled: readOnly,
181
+ onClick: function onClick() {
182
+ setRating(key + 1);
183
+ },
184
+ onMouseEnter: function onMouseEnter() {
185
+ setTempRating(key + 1);
186
+ setHover(true);
187
+ },
188
+ onMouseLeave: function onMouseLeave() {
189
+ setTempRating(0);
190
+ setHover(false);
191
+ },
192
+ hover: hover && key + 1 <= tempRating,
193
+ warning: warning,
194
+ error: error,
195
+ key: key
196
+ }, icon);
197
+ }
195
198
  };
196
199
 
197
200
  return React__default['default'].createElement(CompactStarRating$1, defaultTheme._extends({
@@ -207,7 +210,9 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
207
210
  key: key
208
211
  }, React__default['default'].createElement("input", {
209
212
  type: "number",
210
- ref: inputRef
213
+ ref: inputRef,
214
+ onChange: onChange,
215
+ onBlur: onBlur
211
216
  }), starIconRender(key));
212
217
  })));
213
218
  });
package/{CompactTextInput-c6712379.js → CompactTextInput-9e0bc89b.js} RENAMED
@@ -11,7 +11,7 @@ require('./Badge-34ad2850.js');
11
11
  var Popover = require('./Popover-de874e41.js');
12
12
  require('./Tab-fc380f0b.js');
13
13
  require('./Tabs-0aa159fa.js');
14
- var Tooltip = require('./Tooltip-e7f59097.js');
14
+ var Tooltip = require('./Tooltip-280cb145.js');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
17
 
package/{Tooltip-e7f59097.js → Tooltip-280cb145.js} RENAMED
@@ -13,7 +13,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
13
13
  var TippyTooltip__default = /*#__PURE__*/_interopDefaultLegacy(TippyTooltip);
14
14
 
15
15
  var _templateObject;
16
- var Tooltip$1 = styled__default['default'](TippyTooltip__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 400;\n background: ", ";\n border-radius: 3px;\n\n .tippy-content {\n padding: 9px 12px;\n }\n\n .tippy-arrow {\n color: ", ";\n }\n\n a {\n color: inherit;\n }\n"])), function (props) {
16
+ var Tooltip$1 = styled__default['default'](TippyTooltip__default['default']).attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 400;\n background: ", ";\n border-radius: 3px;\n\n .tippy-content {\n padding: 9px 12px;\n z-index: 9999999 !important;\n }\n\n .tippy-arrow {\n color: ", ";\n }\n\n a {\n color: inherit;\n }\n"])), function (props) {
17
17
  return props.theme.primaryFontFamily;
18
18
  }, function (props) {
19
19
  return props.theme.getColor('gray-700');
package/data/Tooltip/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip-e7f59097.js');
3
+ var Tooltip = require('../../Tooltip-280cb145.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
package/data/index.js CHANGED
@@ -7,7 +7,7 @@ var Badge = require('../Badge-34ad2850.js');
7
7
  var Popover = require('../Popover-de874e41.js');
8
8
  var Tab = require('../Tab-fc380f0b.js');
9
9
  var Tabs = require('../Tabs-0aa159fa.js');
10
- var Tooltip = require('../Tooltip-e7f59097.js');
10
+ var Tooltip = require('../Tooltip-280cb145.js');
11
11
  require('../defaultTheme-870f7df1.js');
12
12
  require('styled-components');
13
13
  require('react');
package/inputs/CompactStarRating/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-1bbe4c0e.js');
3
+ var CompactStarRating = require('../../CompactStarRating-36e6b7b0.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/CompactTextInput/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactTextInput = require('../../CompactTextInput-c6712379.js');
3
+ var CompactTextInput = require('../../CompactTextInput-9e0bc89b.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -15,7 +15,7 @@ require('@tippyjs/react');
15
15
  require('../../shift-away-subtle-0bdd3b0d.js');
16
16
  require('../../Tab-fc380f0b.js');
17
17
  require('../../Tabs-0aa159fa.js');
18
- require('../../Tooltip-e7f59097.js');
18
+ require('../../Tooltip-280cb145.js');
19
19
 
20
20
 
21
21
 
package/inputs/index.js CHANGED
@@ -6,8 +6,8 @@ var ActionButton = require('../ActionButton-90485300.js');
6
6
  var AutocompleteSelect = require('../AutocompleteSelect-e82bd937.js');
7
7
  var Button = require('../Button-0df54220.js');
8
8
  var Checkbox = require('../Checkbox-50f1f3c7.js');
9
- var CompactStarRating = require('../CompactStarRating-1bbe4c0e.js');
10
- var CompactTextInput = require('../CompactTextInput-c6712379.js');
9
+ var CompactStarRating = require('../CompactStarRating-36e6b7b0.js');
10
+ var CompactTextInput = require('../CompactTextInput-9e0bc89b.js');
11
11
  var MultiSelect = require('../MultiSelect-3eca3c3e.js');
12
12
  var Radio = require('../Radio-0b46b2a8.js');
13
13
  var TextArea = require('../TextArea-efe4fa88.js');
@@ -34,7 +34,7 @@ require('../Alert-fcc0bb50.js');
34
34
  require('../Badge-34ad2850.js');
35
35
  require('../Tab-fc380f0b.js');
36
36
  require('../Tabs-0aa159fa.js');
37
- require('../Tooltip-e7f59097.js');
37
+ require('../Tooltip-280cb145.js');
38
38
 
39
39
 
40
40
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.26",
3
+ "version": "1.1.0-beta.28",
4
4
  "description": "NTBs common front-end design utilities and React components.",
5
5
  "scripts": {
6
6
  "build": "cross-env NODE_ENV=production rollup -c",
package/widgets/AssetGallery/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var AssetGallery = require('../../AssetGallery-b7d2125d.js');
3
+ var AssetGallery = require('../../AssetGallery-5b57b03e.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -25,13 +25,13 @@ require('@tippyjs/react');
25
25
  require('../../shift-away-subtle-0bdd3b0d.js');
26
26
  require('../../ContextMenu-ccb7a26a.js');
27
27
  require('../../Checkbox-50f1f3c7.js');
28
- require('../../CompactStarRating-1bbe4c0e.js');
29
- require('../../CompactTextInput-c6712379.js');
28
+ require('../../CompactStarRating-36e6b7b0.js');
29
+ require('../../CompactTextInput-9e0bc89b.js');
30
30
  require('../../Alert-fcc0bb50.js');
31
31
  require('../../Badge-34ad2850.js');
32
32
  require('../../Tab-fc380f0b.js');
33
33
  require('../../Tabs-0aa159fa.js');
34
- require('../../Tooltip-e7f59097.js');
34
+ require('../../Tooltip-280cb145.js');
35
35
  require('../../MultiSelect-3eca3c3e.js');
36
36
  require('../../Radio-0b46b2a8.js');
37
37
  require('../../TextArea-efe4fa88.js');
package/widgets/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-b7d2125d.js');
5
+ var AssetGallery = require('../AssetGallery-5b57b03e.js');
6
6
  var ContextMenu = require('../ContextMenu-ccb7a26a.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
8
8
  var Instructions = require('../Instructions-f8301b0b.js');
@@ -29,13 +29,13 @@ require('polished');
29
29
  require('@tippyjs/react');
30
30
  require('../shift-away-subtle-0bdd3b0d.js');
31
31
  require('../Checkbox-50f1f3c7.js');
32
- require('../CompactStarRating-1bbe4c0e.js');
33
- require('../CompactTextInput-c6712379.js');
32
+ require('../CompactStarRating-36e6b7b0.js');
33
+ require('../CompactTextInput-9e0bc89b.js');
34
34
  require('../Alert-fcc0bb50.js');
35
35
  require('../Badge-34ad2850.js');
36
36
  require('../Tab-fc380f0b.js');
37
37
  require('../Tabs-0aa159fa.js');
38
- require('../Tooltip-e7f59097.js');
38
+ require('../Tooltip-280cb145.js');
39
39
  require('../MultiSelect-3eca3c3e.js');
40
40
  require('../Radio-0b46b2a8.js');
41
41
  require('../TextArea-efe4fa88.js');