@ntbjs/react-components 1.1.0-beta.30 → 1.1.0-beta.32

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-b79759c3.js → AssetGallery-62e1b8f7.js} +3 -3
  2. package/{CompactStarRating-36e6b7b0.js → CompactStarRating-2675223e.js} +18 -11
  3. package/{CompactTextInput-f1505e29.js → CompactTextInput-c6712379.js} +1 -1
  4. package/{Tooltip-afbc71d7.js → Tooltip-e7f59097.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-b79759c3.js → AssetGallery-62e1b8f7.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-36e6b7b0.js');
14
- require('./CompactTextInput-f1505e29.js');
13
+ require('./CompactStarRating-2675223e.js');
14
+ require('./CompactTextInput-c6712379.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-afbc71d7.js');
24
+ var Tooltip = require('./Tooltip-e7f59097.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-36e6b7b0.js → CompactStarRating-2675223e.js} RENAMED
@@ -31,21 +31,19 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
31
31
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
32
32
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
33
33
 
34
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
35
- var CompactStarRating$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 500;\n height: 24px;\n width: 100%;\n display: flex;\n align-items: center;\n\n ", "\n\n input[type=\"number\"] {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n margin: 0;\n }\n"])), function (props) {
34
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
35
+ var CompactStarRating$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n font-family: ", ";\n font-size: 1rem;\n font-weight: 500;\n height: 24px;\n width: 100%;\n display: flex;\n align-items: center;\n\n input[type='number'] {\n position: absolute;\n opacity: 0;\n pointer-events: none;\n margin: 0;\n }\n"])), function (props) {
36
36
  return props.theme.primaryFontFamily;
37
- }, function (props) {
38
- return props.disabled && styled.css(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
39
37
  });
40
- var labelWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n width: 33.3%;\n display: flex;\n align-items: center;\n text-align: left;\n font: normal normal normal 14px/16px Roboto;\n letter-spacing: 0px;\n padding: 0;\n height: 19px;\n\n ", "\n"])), function (props) {
38
+ var labelWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n width: 33.3%;\n display: flex;\n align-items: center;\n text-align: left;\n font: normal normal normal 14px/16px Roboto;\n letter-spacing: 0px;\n padding: 0;\n height: 19px;\n\n ", "\n"])), function (props) {
41
39
  return props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'));
42
40
  });
43
- var starsWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 66.6%;\n border-radius: 3px;\n height: 24px;\n align-items: center;\n\n ", "\n\n ", "\n"])), function (props) {
44
- return props.error && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'));
41
+ var starsWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n width: 66.6%;\n border-radius: 3px;\n height: 24px;\n align-items: center;\n\n ", "\n\n ", "\n"])), function (props) {
42
+ return props.error && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), props.theme.themeProp('background', '#7F1B1B', '#FBEAE6'));
45
43
  }, function (props) {
46
- return props.warning && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'));
44
+ return props.warning && styled.css(_templateObject5 || (_templateObject5 = defaultTheme._taggedTemplateLiteral(["\n ", ";\n "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'));
47
45
  });
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) {
46
+ var Star = styled__default['default'].button.attrs(defaultTheme.applyDefaultTheme)(_templateObject6 || (_templateObject6 = 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"])), function (props) {
49
47
  return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
50
48
  }, function (props) {
51
49
  return props.error && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
@@ -53,8 +51,10 @@ var Star = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(
53
51
  return props.warning && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
54
52
  }, function (props) {
55
53
  return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
54
+ }, function (props) {
55
+ return props.disabled && styled.css(_templateObject7 || (_templateObject7 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
56
56
  });
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) {
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\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'));
@@ -62,6 +62,8 @@ var StarFill = styled__default['default'].div.attrs(defaultTheme.applyDefaultThe
62
62
  return props.warning && props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
63
63
  }, function (props) {
64
64
  return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
65
+ }, function (props) {
66
+ return props.disabled && styled.css(_templateObject9 || (_templateObject9 = defaultTheme._taggedTemplateLiteral(["\n button {\n cursor: not-allowed;\n }\n > * {\n cursor: not-allowed;\n }\n "])));
65
67
  });
66
68
 
67
69
  function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
@@ -148,6 +150,12 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
148
150
  getRatingProp(rating);
149
151
  }
150
152
  }, [rating]);
153
+ React.useEffect(function () {
154
+ inputRef.current.value = String(rating);
155
+ onChange({
156
+ target: inputRef.current
157
+ });
158
+ }, [rating]);
151
159
 
152
160
  var starIconRender = function starIconRender(key) {
153
161
  if (rating > 0 && rating >= key + 1) {
@@ -198,7 +206,6 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
198
206
  };
199
207
 
200
208
  return React__default['default'].createElement(CompactStarRating$1, defaultTheme._extends({
201
- disabled: readOnly,
202
209
  ref: forwardedRef,
203
210
  onChange: onChange,
204
211
  onBlur: onBlur
package/{CompactTextInput-f1505e29.js → CompactTextInput-c6712379.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-afbc71d7.js');
14
+ var Tooltip = require('./Tooltip-e7f59097.js');
15
15
 
16
16
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
17
 
package/{Tooltip-afbc71d7.js → Tooltip-e7f59097.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 z-index: 9999999 !important;\n\n .tippy-content {\n padding: 9px 12px;\n z-index: 9999999 !important;\n }\n\n .tippy-arrow {\n color: ", ";\n z-index: 9999999 !important;\n }\n\n a {\n color: inherit;\n z-index: 9999999 !important;\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 }\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-afbc71d7.js');
3
+ var Tooltip = require('../../Tooltip-e7f59097.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-afbc71d7.js');
10
+ var Tooltip = require('../Tooltip-e7f59097.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-36e6b7b0.js');
3
+ var CompactStarRating = require('../../CompactStarRating-2675223e.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-f1505e29.js');
3
+ var CompactTextInput = require('../../CompactTextInput-c6712379.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-afbc71d7.js');
18
+ require('../../Tooltip-e7f59097.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-36e6b7b0.js');
10
- var CompactTextInput = require('../CompactTextInput-f1505e29.js');
9
+ var CompactStarRating = require('../CompactStarRating-2675223e.js');
10
+ var CompactTextInput = require('../CompactTextInput-c6712379.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-afbc71d7.js');
37
+ require('../Tooltip-e7f59097.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.30",
3
+ "version": "1.1.0-beta.32",
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-b79759c3.js');
3
+ var AssetGallery = require('../../AssetGallery-62e1b8f7.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-36e6b7b0.js');
29
- require('../../CompactTextInput-f1505e29.js');
28
+ require('../../CompactStarRating-2675223e.js');
29
+ require('../../CompactTextInput-c6712379.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-afbc71d7.js');
34
+ require('../../Tooltip-e7f59097.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-b79759c3.js');
5
+ var AssetGallery = require('../AssetGallery-62e1b8f7.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-36e6b7b0.js');
33
- require('../CompactTextInput-f1505e29.js');
32
+ require('../CompactStarRating-2675223e.js');
33
+ require('../CompactTextInput-c6712379.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-afbc71d7.js');
38
+ require('../Tooltip-e7f59097.js');
39
39
  require('../MultiSelect-3eca3c3e.js');
40
40
  require('../Radio-0b46b2a8.js');
41
41
  require('../TextArea-efe4fa88.js');