@ntbjs/react-components 1.1.0-beta.19 → 1.1.0-beta.20

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 (9) hide show
  1. package/{AssetGallery-6674f6cf.js → AssetGallery-763861f4.js} +1 -1
  2. package/{CompactStarRating-f7a58649.js → CompactStarRating-b379f623.js} +3 -6
  3. package/{Instructions-b510f4c3.js → Instructions-dfb20ca2.js} +3 -5
  4. package/inputs/CompactStarRating/index.js +1 -1
  5. package/inputs/index.js +1 -1
  6. package/package.json +1 -1
  7. package/widgets/AssetGallery/index.js +2 -2
  8. package/widgets/Instructions/index.js +1 -1
  9. package/widgets/index.js +3 -3
package/{AssetGallery-6674f6cf.js → AssetGallery-763861f4.js} RENAMED
@@ -10,7 +10,7 @@ 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-f7a58649.js');
13
+ require('./CompactStarRating-b379f623.js');
14
14
  require('./CompactTextInput-46a00295.js');
15
15
  require('./MultiSelect-3eca3c3e.js');
16
16
  require('./Radio-0b46b2a8.js');
package/{CompactStarRating-f7a58649.js → CompactStarRating-b379f623.js} RENAMED
@@ -109,7 +109,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
109
109
 
110
110
  var stars = Array.from(Array(max).keys());
111
111
 
112
- var _useState = React.useState(defaultValue),
112
+ var _useState = React.useState(value || defaultValue),
113
113
  _useState2 = defaultTheme._slicedToArray(_useState, 2),
114
114
  rating = _useState2[0],
115
115
  setRating = _useState2[1];
@@ -126,11 +126,8 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
126
126
 
127
127
  var inputRef = React.useRef();
128
128
  React.useEffect(function () {
129
- setRating(value);
130
- }, [value]);
131
- React.useEffect(function () {
132
- setRating(defaultValue);
133
- }, [defaultValue]);
129
+ setRating(value || defaultValue);
130
+ }, [value, defaultValue]);
134
131
  var hasError = React.useMemo(function () {
135
132
  if (lodash.isBoolean(error)) {
136
133
  return error;
package/{Instructions-b510f4c3.js → Instructions-dfb20ca2.js} RENAMED
@@ -14,18 +14,16 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
14
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
15
15
 
16
16
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
17
- var Instructions$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n position: relative;\n flex-direction: column;\n width: 100%;\n ", ";\n ", ";\n"])), function (props) {
17
+ var Instructions$1 = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n display: flex;\n position: relative;\n flex-direction: column;\n width: 100%;\n ", ";\n"])), function (props) {
18
18
  return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
19
- }, function (props) {
20
- return props.initialHover && props.theme.themeProp('background', '#FFFDE8', '#FFFDE8');
21
19
  });
22
20
  var TopBarContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n position: absolute;\n display: flex;\n justify-content: end;\n ", ";\n\n ", ";\n\n width: 100%;\n margin-top: 0;\n transition: margin-top 120ms;\n &&.slide-in {\n margin-top: -24px;\n }\n"])), function (props) {
23
21
  return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
24
22
  }, function (props) {
25
23
  return props.initialHover && props.theme.themeProp('background', '#FFFDE8', '#FFFDE8');
26
24
  });
27
- var SelectContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n width: 25%;\n margin-right: 3px;\n"])));
28
- var InstructionsArea = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n margin: 0;\n width: 99.5% !important;\n margin: auto;\n ", ";\n"])), function (props) {
25
+ var SelectContainer = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n width: 35%;\n margin-right: 3px;\n"])));
26
+ var InstructionsArea = styled__default['default'].div.attrs(defaultTheme.applyDefaultTheme)(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n margin: 0;\n width: 100%;\n margin: auto;\n ", ";\n"])), function (props) {
29
27
  return props.theme.themeProp('background', '#634E01', props.theme.getColor('signal-yellow-400'));
30
28
  });
31
29
 
package/inputs/CompactStarRating/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var CompactStarRating = require('../../CompactStarRating-f7a58649.js');
3
+ var CompactStarRating = require('../../CompactStarRating-b379f623.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
package/inputs/index.js CHANGED
@@ -6,7 +6,7 @@ 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-f7a58649.js');
9
+ var CompactStarRating = require('../CompactStarRating-b379f623.js');
10
10
  var CompactTextInput = require('../CompactTextInput-46a00295.js');
11
11
  var MultiSelect = require('../MultiSelect-3eca3c3e.js');
12
12
  var Radio = require('../Radio-0b46b2a8.js');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ntbjs/react-components",
3
- "version": "1.1.0-beta.19",
3
+ "version": "1.1.0-beta.20",
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-6674f6cf.js');
3
+ var AssetGallery = require('../../AssetGallery-763861f4.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
@@ -25,7 +25,7 @@ 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-f7a58649.js');
28
+ require('../../CompactStarRating-b379f623.js');
29
29
  require('../../CompactTextInput-46a00295.js');
30
30
  require('../../Alert-fcc0bb50.js');
31
31
  require('../../Badge-34ad2850.js');
package/widgets/Instructions/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Instructions = require('../../Instructions-b510f4c3.js');
3
+ var Instructions = require('../../Instructions-dfb20ca2.js');
4
4
  require('../../defaultTheme-870f7df1.js');
5
5
  require('styled-components');
6
6
  require('react');
package/widgets/index.js CHANGED
@@ -2,10 +2,10 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var AssetGallery = require('../AssetGallery-6674f6cf.js');
5
+ var AssetGallery = require('../AssetGallery-763861f4.js');
6
6
  var ContextMenu = require('../ContextMenu-ccb7a26a.js');
7
7
  var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
8
- var Instructions = require('../Instructions-b510f4c3.js');
8
+ var Instructions = require('../Instructions-dfb20ca2.js');
9
9
  require('../defaultTheme-870f7df1.js');
10
10
  require('styled-components');
11
11
  require('react');
@@ -29,7 +29,7 @@ require('polished');
29
29
  require('@tippyjs/react');
30
30
  require('../shift-away-subtle-0bdd3b0d.js');
31
31
  require('../Checkbox-50f1f3c7.js');
32
- require('../CompactStarRating-f7a58649.js');
32
+ require('../CompactStarRating-b379f623.js');
33
33
  require('../CompactTextInput-46a00295.js');
34
34
  require('../Alert-fcc0bb50.js');
35
35
  require('../Badge-34ad2850.js');