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

package/{AssetGallery-b7d2125d.js → AssetGallery-9bdb690f.js}

@@ -10,7 +10,7 @@ var ActionButton = require('./ActionButton-90485300.js');
 require('./AutocompleteSelect-e82bd937.js');
 require('./Button-0df54220.js');
 require('./Checkbox-50f1f3c7.js');
-require('./CompactStarRating-1bbe4c0e.js');
+require('./CompactStarRating-36e6b7b0.js');
 require('./CompactTextInput-c6712379.js');
 require('./MultiSelect-3eca3c3e.js');
 require('./Radio-0b46b2a8.js');

package/{CompactStarRating-1bbe4c0e.js → CompactStarRating-36e6b7b0.js}

@@ -45,7 +45,7 @@ var starsWidth = styled__default['default'].div.attrs(defaultTheme.applyDefaultT
 }, function (props) {
   return props.warning && styled.css(_templateObject6 || (_templateObject6 = defaultTheme._taggedTemplateLiteral(["\n      ", ";\n    "])), props.theme.themeProp('background', '#634E01', '#FFFDE8'));
 });
-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) {
+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) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
 }, function (props) {
   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
 }, function (props) {
   return props.hover && props.theme.themeProp('color', props.theme.getColor('orange-500'), props.theme.getColor('orange-500'));
 });
-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) {
+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) {
   return props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('black'));
 }, function (props) {
   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
   }, [rating]);
 
   var starIconRender = function starIconRender(key) {
-    var ratingChecker = rating > 0 && rating >= key + 1;
-    return ratingChecker ? React__default['default'].createElement(StarFill, {
-      disabled: readOnly,
-      onClick: function onClick() {
-        if (key + 1 > 1) {
-          return setRating(key + 1);
-        } else if (key + 1 == 1) {
-          setRating(function (current) {
-            return current === 1 ? 0 : key + 1;
-          });
-        }
-      },
-      onMouseEnter: function onMouseEnter() {
-        setTempRating(key + 1);
-        setHover(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        setTempRating(0);
-        setHover(false);
-      },
-      hover: hover && key + 1 <= tempRating,
-      warning: warning,
-      error: error,
-      key: key
-    }, iconFill) : viewEmpty && React__default['default'].createElement(Star, {
-      disabled: readOnly,
-      onClick: function onClick() {
-        setRating(key + 1);
-      },
-      onMouseEnter: function onMouseEnter() {
-        setTempRating(key + 1);
-        setHover(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        setTempRating(0);
-        setHover(false);
-      },
-      hover: hover && key + 1 <= tempRating,
-      warning: warning,
-      error: error,
-      key: key
-    }, icon);
+    if (rating > 0 && rating >= key + 1) {
+      return React__default['default'].createElement(StarFill, {
+        disabled: readOnly,
+        onClick: function onClick() {
+          if (key + 1 > 1) {
+            return setRating(key + 1);
+          } else if (key + 1 == 1) {
+            setRating(function (current) {
+              return current === 1 ? 0 : key + 1;
+            });
+          }
+        },
+        onMouseEnter: function onMouseEnter() {
+          setTempRating(key + 1);
+          setHover(true);
+        },
+        onMouseLeave: function onMouseLeave() {
+          setTempRating(0);
+          setHover(false);
+        },
+        hover: hover && key + 1 <= tempRating,
+        warning: warning,
+        error: error,
+        key: key
+      }, iconFill);
+    } else if (viewEmpty) {
+      return React__default['default'].createElement(Star, {
+        disabled: readOnly,
+        onClick: function onClick() {
+          setRating(key + 1);
+        },
+        onMouseEnter: function onMouseEnter() {
+          setTempRating(key + 1);
+          setHover(true);
+        },
+        onMouseLeave: function onMouseLeave() {
+          setTempRating(0);
+          setHover(false);
+        },
+        hover: hover && key + 1 <= tempRating,
+        warning: warning,
+        error: error,
+        key: key
+      }, icon);
+    }
   };
 
   return React__default['default'].createElement(CompactStarRating$1, defaultTheme._extends({
@@ -207,7 +210,9 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
       key: key
     }, React__default['default'].createElement("input", {
       type: "number",
-      ref: inputRef
+      ref: inputRef,
+      onChange: onChange,
+      onBlur: onBlur
     }), starIconRender(key));
   })));
 });

package/inputs/CompactStarRating/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-1bbe4c0e.js');
+var CompactStarRating = require('../../CompactStarRating-36e6b7b0.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -6,7 +6,7 @@ var ActionButton = require('../ActionButton-90485300.js');
 var AutocompleteSelect = require('../AutocompleteSelect-e82bd937.js');
 var Button = require('../Button-0df54220.js');
 var Checkbox = require('../Checkbox-50f1f3c7.js');
-var CompactStarRating = require('../CompactStarRating-1bbe4c0e.js');
+var CompactStarRating = require('../CompactStarRating-36e6b7b0.js');
 var CompactTextInput = require('../CompactTextInput-c6712379.js');
 var MultiSelect = require('../MultiSelect-3eca3c3e.js');
 var Radio = require('../Radio-0b46b2a8.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.26",
+  "version": "1.1.0-beta.27",
   "description": "NTBs common front-end design utilities and React components.",
   "scripts": {
     "build": "cross-env NODE_ENV=production rollup -c",

package/widgets/AssetGallery/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var AssetGallery = require('../../AssetGallery-b7d2125d.js');
+var AssetGallery = require('../../AssetGallery-9bdb690f.js');
 require('../../defaultTheme-870f7df1.js');
 require('styled-components');
 require('react');
@@ -25,7 +25,7 @@ require('@tippyjs/react');
 require('../../shift-away-subtle-0bdd3b0d.js');
 require('../../ContextMenu-ccb7a26a.js');
 require('../../Checkbox-50f1f3c7.js');
-require('../../CompactStarRating-1bbe4c0e.js');
+require('../../CompactStarRating-36e6b7b0.js');
 require('../../CompactTextInput-c6712379.js');
 require('../../Alert-fcc0bb50.js');
 require('../../Badge-34ad2850.js');

package/widgets/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-b7d2125d.js');
+var AssetGallery = require('../AssetGallery-9bdb690f.js');
 var ContextMenu = require('../ContextMenu-ccb7a26a.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-020a6f96.js');
 var Instructions = require('../Instructions-f8301b0b.js');
@@ -29,7 +29,7 @@ require('polished');
 require('@tippyjs/react');
 require('../shift-away-subtle-0bdd3b0d.js');
 require('../Checkbox-50f1f3c7.js');
-require('../CompactStarRating-1bbe4c0e.js');
+require('../CompactStarRating-36e6b7b0.js');
 require('../CompactTextInput-c6712379.js');
 require('../Alert-fcc0bb50.js');
 require('../Badge-34ad2850.js');