@ntbjs/react-components 1.1.0-beta.95 → 1.1.0-beta.96

package/{AssetGallery-62584d6b.js → AssetGallery-38e14b05.js}

@@ -10,15 +10,15 @@ var ActionButton = require('./ActionButton-c3f5ed94.js');
 require('./Button-432f87c6.js');
 require('./Checkbox-85394137.js');
 require('./CompactAutocompleteSelect-45b12179.js');
-require('./CompactStarRating-a58976f6.js');
-require('./CompactTextInput-bb2aee92.js');
+require('./CompactStarRating-ba7ef3c1.js');
+require('./CompactTextInput-8750600d.js');
 require('./MultiSelect-01a257b8.js');
 require('./Radio-c811ce4a.js');
-require('./TextArea-fdefcf6a.js');
+require('./TextArea-f41a9d06.js');
 require('./TextInput-8658006a.js');
 require('./Switch-1334fb9a.js');
 require('./Alert-3e4f8be1.js');
-require('./Badge-9bcebe96.js');
+require('./Badge-9461fc7f.js');
 require('./Popover-d3a4b72e.js');
 require('./Tab-9936ddea.js');
 require('./Tabs-93f6362c.js');

package/{Badge-9bcebe96.js → Badge-9461fc7f.js}

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var Badge$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject || (_templateObject = defaultTheme._taggedTemplateLiteral(["\n  align-content: center;\n  display: ", ";\n  font-family: ", ";\n  font-size: 1rem;\n  font-weight: 500;\n  min-height: 26px;\n  position: relative;\n  width: ", ";\n"])), function (props) {
   return props.elevated || !props.hasChildren ? 'inline-flex' : 'flex';
 }, function (props) {
@@ -18,7 +18,7 @@ var Badge$1 = styled__default['default'].span.attrs(defaultTheme.applyDefaultThe
   return props.elevated ? 'fit-content' : 'initial';
 });
 var BadgeChildrenContainer = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject2 || (_templateObject2 = defaultTheme._taggedTemplateLiteral(["\n  align-self: center;\n  height: fit-content;\n  margin-right: 8px;\n"])));
-var BadgeLabel = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  border-radius: ", ";\n  display: inline-block;\n  font-size: ", ";\n  font-weight: normal;\n  height: fit-content;\n  letter-spacing: 0.32px;\n  margin-left: ", ";\n  padding ", ";\n  position: ", ";\n  right: 0;\n  transform: ", ";\n\n  ", "\n\n    ", "\n"])), function (props) {
+var BadgeLabel = styled__default['default'].span.attrs(defaultTheme.applyDefaultTheme)(_templateObject3 || (_templateObject3 = defaultTheme._taggedTemplateLiteral(["\n  border-radius: ", ";\n  display: inline-block;\n  font-size: ", ";\n  font-weight: normal;\n  height: fit-content;\n  letter-spacing: 0.32px;\n  margin-left: ", ";\n  padding ", ";\n  position: ", ";\n  right: 0;\n  transform: ", ";\n\n  ", "\n\n  ", "\n\n    ", "\n"])), function (props) {
   return props.elevated ? '12px' : '14px';
 }, function (props) {
   return props.elevated ? '0.625rem' : '0.750rem';
@@ -30,6 +30,8 @@ var BadgeLabel = styled__default['default'].span.attrs(defaultTheme.applyDefault
   return props.elevated ? 'absolute' : 'initial';
 }, function (props) {
   return props.elevated ? 'translate(33%, -8px)' : 'initial';
+}, function (props) {
+  return props.paddingY && props.paddingX && styled.css(_templateObject4 || (_templateObject4 = defaultTheme._taggedTemplateLiteral(["\n      padding-top: ", "px;\n      padding-bottom: ", "px;\n      padding-left: ", "px;\n      padding-right: ", "px;\n    "])), props.paddingY, props.paddingY, props.paddingX, props.paddingX);
 }, function (props) {
   return props.theme.themeProp('background', function () {
     var active = props.active;
@@ -104,12 +106,14 @@ var BadgeLabel = styled__default['default'].span.attrs(defaultTheme.applyDefault
 
 var Badge = React__default['default'].forwardRef(function Badge(_ref, forwardedRef) {
   var badgeContent = _ref.badgeContent,
+      paddingY = _ref.paddingY,
+      paddingX = _ref.paddingX,
       children = _ref.children,
       elevated = _ref.elevated,
       active = _ref.active,
       error = _ref.error,
       warning = _ref.warning,
-      props = defaultTheme._objectWithoutProperties(_ref, ["badgeContent", "children", "elevated", "active", "error", "warning"]);
+      props = defaultTheme._objectWithoutProperties(_ref, ["badgeContent", "paddingY", "paddingX", "children", "elevated", "active", "error", "warning"]);
 
   if (typeof badgeContent === 'number') {
     badgeContent = Intl.NumberFormat('en', {
@@ -124,12 +128,16 @@ var Badge = React__default['default'].forwardRef(function Badge(_ref, forwardedR
   }, props), children && React__default['default'].createElement(BadgeChildrenContainer, null, children), badgeContent && React__default['default'].createElement(BadgeLabel, {
     elevated: elevated,
     active: active,
+    paddingY: paddingY,
+    paddingX: paddingX,
     error: error,
     warning: warning
   }, badgeContent));
 });
 Badge.propTypes = process.env.NODE_ENV !== "production" ? {
   badgeContent: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.number]),
+  paddingY: defaultTheme.PropTypes.number,
+  paddingX: defaultTheme.PropTypes.number,
   children: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.node, defaultTheme.PropTypes.string]),
   elevated: defaultTheme.PropTypes.bool,
   active: defaultTheme.PropTypes.bool,

package/{CompactStarRating-a58976f6.js → CompactStarRating-ba7ef3c1.js}

@@ -1,7 +1,6 @@
 'use strict';
 
 var defaultTheme = require('./defaultTheme-50f2b88f.js');
-var lodash = require('lodash');
 var React = require('react');
 var check = require('./check-555d831b.js');
 var styled = require('styled-components');
@@ -157,7 +156,7 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
       readOnly = _ref.readOnly,
       edit = _ref.edit,
       hidden = _ref.hidden,
-      getRatingProp = _ref.getRating,
+      getRating = _ref.getRating,
       props = defaultTheme._objectWithoutProperties(_ref, ["label", "icon", "iconFill", "max", "defaultValue", "value", "name", "viewEmpty", "onChange", "onBlur", "state", "disabled", "readOnly", "edit", "hidden", "getRating"]);
 
   var stars = Array.from(Array(max).keys());
@@ -182,16 +181,10 @@ var CompactStarRating = React__default['default'].forwardRef(function CompactSta
     setRating(value || defaultValue);
   }, [value, defaultValue]);
   React.useEffect(function () {
-    if (lodash.isFunction(getRatingProp)) {
-      getRatingProp(rating);
+    if (rating != value || rating != defaultValue) {
+      getRating(rating);
     }
   }, [rating]);
-  React.useEffect(function () {
-    inputRef.current.value = String(rating);
-    onChange({
-      target: inputRef.current
-    });
-  }, [rating]);
 
   var starIconRender = function starIconRender(key) {
     if (rating > 0 && rating >= key + 1) {
@@ -277,7 +270,7 @@ CompactStarRating.defaultProps = {
   iconFill: React__default['default'].createElement(SvgStarFilled, null),
   hidden: false,
   state: '',
-  onChange: function onChange() {}
+  getRating: function getRating() {}
 };
 CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
   readOnly: defaultTheme.PropTypes.bool,

package/{CompactTextInput-bb2aee92.js → CompactTextInput-8750600d.js}

@@ -7,7 +7,7 @@ var React = require('react');
 var check = require('./check-555d831b.js');
 var editNote = require('./edit-note-c47d292e.js');
 require('./Alert-3e4f8be1.js');
-require('./Badge-9bcebe96.js');
+require('./Badge-9461fc7f.js');
 require('./Popover-d3a4b72e.js');
 require('./Tab-9936ddea.js');
 require('./Tabs-93f6362c.js');

package/{Instructions-934c0414.js → Instructions-1f2f0e5f.js}

@@ -5,7 +5,7 @@ var lodash = require('lodash');
 var React = require('react');
 var warningCircle = require('./warning-circle-24522402.js');
 var CompactAutocompleteSelect = require('./CompactAutocompleteSelect-45b12179.js');
-var TextArea = require('./TextArea-fdefcf6a.js');
+var TextArea = require('./TextArea-f41a9d06.js');
 var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/{TextArea-fdefcf6a.js → TextArea-f41a9d06.js}

@@ -34,7 +34,7 @@ var TextInputField = styled__default['default'].textarea.attrs(defaultTheme.appl
 }, function (props) {
   return props.padding === 'large' && styled.css(_templateObject10 || (_templateObject10 = defaultTheme._taggedTemplateLiteral(["\n      padding: 15px 55px;\n    "])));
 }, function (props) {
-  return !props.expanded && props.showMore && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      height: ", "px;\n      -webkit-mask-image: linear-gradient(0deg, transparent 5px, white 45px);\n    "])), props.defaultHeight);
+  return props.showMore && props.defaultHeight < props.maxHeight && styled.css(_templateObject11 || (_templateObject11 = defaultTheme._taggedTemplateLiteral(["\n      height: ", "px;\n      -webkit-mask-image: linear-gradient(0deg, transparent 5px, white 45px);\n    "])), props.defaultHeight);
 }, function (props) {
   return props.expanded && styled.css(_templateObject12 || (_templateObject12 = defaultTheme._taggedTemplateLiteral(["\n      height: ", "px;\n    "])), props.maxHeight);
 }, function (props) {
@@ -217,7 +217,6 @@ var TextArea = React__default['default'].forwardRef(function TextArea(_ref, forw
 
     if (textareaRefCurrent !== null) {
       var textAreaHeight = textareaRefCurrent === null || textareaRefCurrent === void 0 ? void 0 : textareaRefCurrent.scrollHeight;
-      console.log(textAreaHeight);
       var lineHeight = 16;
       var calculatedRows = Math.floor(textAreaHeight / lineHeight);
       var defaultRowsHeight = rows * lineHeight;
@@ -303,7 +302,8 @@ TextArea.defaultProps = {
   showLessText: '',
   state: '',
   padding: 'medium',
-  instructionsTextArea: false
+  instructionsTextArea: false,
+  isExpanded: function isExpanded() {}
 };
 TextArea.propTypes = process.env.NODE_ENV !== "production" ? {
   value: defaultTheme.PropTypes.string,

package/data/Badge/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Badge = require('../../Badge-9bcebe96.js');
+var Badge = require('../../Badge-9461fc7f.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');

package/data/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Alert = require('../Alert-3e4f8be1.js');
-var Badge = require('../Badge-9bcebe96.js');
+var Badge = require('../Badge-9461fc7f.js');
 var Popover = require('../Popover-d3a4b72e.js');
 var Tab = require('../Tab-9936ddea.js');
 var Tabs = require('../Tabs-93f6362c.js');

package/inputs/CompactStarRating/index.js

@@ -1,9 +1,8 @@
 'use strict';
 
-var CompactStarRating = require('../../CompactStarRating-a58976f6.js');
+var CompactStarRating = require('../../CompactStarRating-ba7ef3c1.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
-require('lodash');
 require('react');
 require('../../check-555d831b.js');
 

package/inputs/CompactTextInput/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var CompactTextInput = require('../../CompactTextInput-bb2aee92.js');
+var CompactTextInput = require('../../CompactTextInput-8750600d.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('lodash');
@@ -9,7 +9,7 @@ require('react');
 require('../../check-555d831b.js');
 require('../../edit-note-c47d292e.js');
 require('../../Alert-3e4f8be1.js');
-require('../../Badge-9bcebe96.js');
+require('../../Badge-9461fc7f.js');
 require('../../Popover-d3a4b72e.js');
 require('polished');
 require('@tippyjs/react');

package/inputs/TextArea/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var TextArea = require('../../TextArea-fdefcf6a.js');
+var TextArea = require('../../TextArea-f41a9d06.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');

package/inputs/index.js

@@ -6,11 +6,11 @@ var ActionButton = require('../ActionButton-c3f5ed94.js');
 var Button = require('../Button-432f87c6.js');
 var Checkbox = require('../Checkbox-85394137.js');
 var CompactAutocompleteSelect = require('../CompactAutocompleteSelect-45b12179.js');
-var CompactStarRating = require('../CompactStarRating-a58976f6.js');
-var CompactTextInput = require('../CompactTextInput-bb2aee92.js');
+var CompactStarRating = require('../CompactStarRating-ba7ef3c1.js');
+var CompactTextInput = require('../CompactTextInput-8750600d.js');
 var MultiSelect = require('../MultiSelect-01a257b8.js');
 var Radio = require('../Radio-c811ce4a.js');
-var TextArea = require('../TextArea-fdefcf6a.js');
+var TextArea = require('../TextArea-f41a9d06.js');
 var TextInput = require('../TextInput-8658006a.js');
 var Switch = require('../Switch-1334fb9a.js');
 require('../defaultTheme-50f2b88f.js');
@@ -32,7 +32,7 @@ require('react-dom');
 require('../close-ebf2f3cf.js');
 require('../edit-note-c47d292e.js');
 require('../Alert-3e4f8be1.js');
-require('../Badge-9bcebe96.js');
+require('../Badge-9461fc7f.js');
 require('../Tab-9936ddea.js');
 require('../Tabs-93f6362c.js');
 require('../Tooltip-1b7b0052.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "1.1.0-beta.95",
+  "version": "1.1.0-beta.96",
   "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-62584d6b.js');
+var AssetGallery = require('../../AssetGallery-38e14b05.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -25,17 +25,17 @@ require('react-select-async-paginate');
 require('../../react-select-creatable.esm-7231b55e.js');
 require('react-dom');
 require('../../close-ebf2f3cf.js');
-require('../../CompactStarRating-a58976f6.js');
-require('../../CompactTextInput-bb2aee92.js');
+require('../../CompactStarRating-ba7ef3c1.js');
+require('../../CompactTextInput-8750600d.js');
 require('../../edit-note-c47d292e.js');
 require('../../Alert-3e4f8be1.js');
-require('../../Badge-9bcebe96.js');
+require('../../Badge-9461fc7f.js');
 require('../../Tab-9936ddea.js');
 require('../../Tabs-93f6362c.js');
 require('../../Tooltip-1b7b0052.js');
 require('../../MultiSelect-01a257b8.js');
 require('../../Radio-c811ce4a.js');
-require('../../TextArea-fdefcf6a.js');
+require('../../TextArea-f41a9d06.js');
 require('../../TextInput-8658006a.js');
 require('../../Switch-1334fb9a.js');
 require('../../warning-circle-24522402.js');

package/widgets/Instructions/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Instructions = require('../../Instructions-934c0414.js');
+var Instructions = require('../../Instructions-1f2f0e5f.js');
 require('../../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('lodash');
@@ -15,7 +15,7 @@ require('../../react-select-creatable.esm-7231b55e.js');
 require('react-dom');
 require('../../close-ebf2f3cf.js');
 require('../../expand-more-94585605.js');
-require('../../TextArea-fdefcf6a.js');
+require('../../TextArea-f41a9d06.js');
 require('../../useMergedRefs-b6d2f8fc.js');
 require('../../edit-note-c47d292e.js');
 

package/widgets/index.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var AssetGallery = require('../AssetGallery-62584d6b.js');
+var AssetGallery = require('../AssetGallery-38e14b05.js');
 var ContextMenu = require('../ContextMenu-d088833b.js');
 var AssetPreviewTopBar = require('../AssetPreviewTopBar-449e6019.js');
-var Instructions = require('../Instructions-934c0414.js');
+var Instructions = require('../Instructions-1f2f0e5f.js');
 require('../defaultTheme-50f2b88f.js');
 require('styled-components');
 require('react');
@@ -29,17 +29,17 @@ require('react-select-async-paginate');
 require('../react-select-creatable.esm-7231b55e.js');
 require('react-dom');
 require('../close-ebf2f3cf.js');
-require('../CompactStarRating-a58976f6.js');
-require('../CompactTextInput-bb2aee92.js');
+require('../CompactStarRating-ba7ef3c1.js');
+require('../CompactTextInput-8750600d.js');
 require('../edit-note-c47d292e.js');
 require('../Alert-3e4f8be1.js');
-require('../Badge-9bcebe96.js');
+require('../Badge-9461fc7f.js');
 require('../Tab-9936ddea.js');
 require('../Tabs-93f6362c.js');
 require('../Tooltip-1b7b0052.js');
 require('../MultiSelect-01a257b8.js');
 require('../Radio-c811ce4a.js');
-require('../TextArea-fdefcf6a.js');
+require('../TextArea-f41a9d06.js');
 require('../TextInput-8658006a.js');
 require('../Switch-1334fb9a.js');
 require('../warning-circle-24522402.js');