@ntbjs/react-components 1.1.0-beta.23 → 1.1.0-beta.25

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-b3bd5f39.js → AssetGallery-4e2408ec.js} +3 -3
  2. package/{CompactStarRating-f22ea9a5.js → CompactStarRating-85518b7a.js} +13 -15
  3. package/{CompactTextInput-46a00295.js → CompactTextInput-c6712379.js} +1 -1
  4. package/{Tooltip-8c51cc72.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-b3bd5f39.js → AssetGallery-4e2408ec.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-f22ea9a5.js');
14
- require('./CompactTextInput-46a00295.js');
13
+ require('./CompactStarRating-85518b7a.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-8c51cc72.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-f22ea9a5.js → CompactStarRating-85518b7a.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'));
@@ -105,7 +105,8 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
105
105
  error = _ref.error,
106
106
  warning = _ref.warning,
107
107
  readOnly = _ref.readOnly,
108
- props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "viewEmpty", "onChange", "onBlur", "error", "warning", "readOnly"]);
108
+ getRatingProp = _ref.getRating,
109
+ props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "viewEmpty", "onChange", "onBlur", "error", "warning", "readOnly", "getRating"]);
109
110
 
110
111
  var stars = Array.from(Array(max).keys());
111
112
 
@@ -143,13 +144,9 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
143
144
  return !lodash.isEmpty(warning);
144
145
  }, [warning]);
145
146
  React.useEffect(function () {
146
- var nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set;
147
- nativeInputValueSetter.call(inputRef.current, String(rating));
148
- var ev2 = new Event('input', {
149
- bubbles: true
150
- });
151
- ev2.simulated = true;
152
- inputRef.current.dispatchEvent(ev2);
147
+ if (lodash.isFunction(getRatingProp)) {
148
+ getRatingProp(rating);
149
+ }
153
150
  }, [rating]);
154
151
 
155
152
  var starIconRender = function starIconRender(key) {
@@ -199,7 +196,9 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
199
196
 
200
197
  return React__default['default'].createElement(CompactStarRating$1, defaultTheme._extends({
201
198
  disabled: readOnly,
202
- ref: forwardedRef
199
+ ref: forwardedRef,
200
+ onChange: onChange,
201
+ onBlur: onBlur
203
202
  }, props), React__default['default'].createElement(labelWidth, null, label), React__default['default'].createElement(starsWidth, {
204
203
  error: hasError,
205
204
  warning: hasWarning
@@ -208,9 +207,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
208
207
  key: key
209
208
  }, React__default['default'].createElement("input", {
210
209
  type: "number",
211
- ref: inputRef,
212
- onChange: onChange,
213
- onBlur: onBlur
210
+ ref: inputRef
214
211
  }), starIconRender(key));
215
212
  })));
216
213
  });
@@ -235,7 +232,8 @@ CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
235
232
  onBlur: defaultTheme.PropTypes.func,
236
233
  error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
237
234
  warning: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
238
- readOnly: defaultTheme.PropTypes.bool
235
+ readOnly: defaultTheme.PropTypes.bool,
236
+ getRating: defaultTheme.PropTypes.func
239
237
  } : {};
240
238
 
241
239
  exports.CompactStarRating = CompactStarRating;
package/{CompactTextInput-46a00295.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-8c51cc72.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-8c51cc72.js → Tooltip-e7f59097.js} RENAMED
@@ -52,7 +52,7 @@ Tooltip.propTypes = process.env.NODE_ENV !== "production" ? {
52
52
  interactive: defaultTheme.PropTypes.bool,
53
53
  placement: defaultTheme.PropTypes.oneOf(['top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'auto', 'auto-start', 'auto-end']),
54
54
  duration: defaultTheme.PropTypes.number,
55
- trigger: defaultTheme.PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click']),
55
+ trigger: defaultTheme.PropTypes.oneOf(['mouseenter', 'mouseenter focus', 'click', 'focusin', 'mouseenter click', '']),
56
56
  children: defaultTheme.PropTypes.node
57
57
  } : {};
58
58
 
package/data/Tooltip/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip-8c51cc72.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-8c51cc72.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-f22ea9a5.js');
3
+ var CompactStarRating = require('../../CompactStarRating-85518b7a.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-46a00295.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-8c51cc72.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-f22ea9a5.js');
10
- var CompactTextInput = require('../CompactTextInput-46a00295.js');
9
+ var CompactStarRating = require('../CompactStarRating-85518b7a.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-8c51cc72.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.23",
3
+ "version": "1.1.0-beta.25",
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-b3bd5f39.js');
3
+ var AssetGallery = require('../../AssetGallery-4e2408ec.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-f22ea9a5.js');
29
- require('../../CompactTextInput-46a00295.js');
28
+ require('../../CompactStarRating-85518b7a.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-8c51cc72.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-b3bd5f39.js');
5
+ var AssetGallery = require('../AssetGallery-4e2408ec.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-f22ea9a5.js');
33
- require('../CompactTextInput-46a00295.js');
32
+ require('../CompactStarRating-85518b7a.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-8c51cc72.js');
38
+ require('../Tooltip-e7f59097.js');
39
39
  require('../MultiSelect-3eca3c3e.js');
40
40
  require('../Radio-0b46b2a8.js');
41
41
  require('../TextArea-efe4fa88.js');