pebble-web 2.2.7 → 2.3.2

package/dist/pebble-web.js

@@ -18,6 +18,8 @@ var _inherits = _interopDefault(require('@babel/runtime/helpers/inherits'));
 var _possibleConstructorReturn = _interopDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));
 var _getPrototypeOf = _interopDefault(require('@babel/runtime/helpers/getPrototypeOf'));
 var RCalendar = _interopDefault(require('react-calendar/dist/Calendar'));
+var subDays = _interopDefault(require('date-fns/subDays'));
+var addDays = _interopDefault(require('date-fns/addDays'));
 var startOfDay = _interopDefault(require('date-fns/startOfDay'));
 var endOfDay = _interopDefault(require('date-fns/endOfDay'));
 var isSameDay = _interopDefault(require('date-fns/isSameDay'));
@@ -659,7 +661,8 @@ var Calendar = /*#__PURE__*/function (_React$PureComponent) {
         if (Array.isArray(value) && value.length === 2) {
           _this.setState({
             value: value,
-            singleSelectedDate: null
+            singleSelectedDate: null,
+            maxRangeDates: undefined
           }, function () {
             return props.onChange(value);
           });
@@ -668,7 +671,8 @@ var Calendar = /*#__PURE__*/function (_React$PureComponent) {
         if (!Array.isArray(value)) {
           _this.setState({
             value: value,
-            singleSelectedDate: null
+            singleSelectedDate: null,
+            maxRangeDates: undefined
           }, function () {
             return props.onChange(value);
           });
@@ -677,6 +681,15 @@ var Calendar = /*#__PURE__*/function (_React$PureComponent) {
     };
     _this.onDayClick = function (day) {
       var onClickDay = _this.props.onClickDay;
+      if (_this.props.range && _this.props.maxRange) {
+        var maxRange = _this.props.maxRange;
+        _this.setState({
+          maxRangeDates: {
+            future: addDays(day, maxRange),
+            past: subDays(day, maxRange)
+          }
+        });
+      }
       _this.setState({
         singleSelectedDate: [startOfDay(day), endOfDay(day)]
       });
@@ -745,7 +758,10 @@ var Calendar = /*#__PURE__*/function (_React$PureComponent) {
           className = _this$props.className,
           onApply = _this$props.onApply,
           onClear = _this$props.onClear,
-          rest = _objectWithoutProperties(_this$props, ["range", "selected", "hideShadow", "className", "onApply", "onClear"]);
+          maxDate = _this$props.maxDate,
+          minDate = _this$props.minDate,
+          rest = _objectWithoutProperties(_this$props, ["range", "selected", "hideShadow", "className", "onApply", "onClear", "maxDate", "minDate"]);
+      var maxRangeDates = this.state.maxRangeDates;
       return /*#__PURE__*/React.createElement("div", {
         className: emotion.cx(wrapperStyle, _defineProperty({}, /*#__PURE__*/emotion.css( {
           name: "3jm1n8-Calendar",
@@ -775,7 +791,9 @@ var Calendar = /*#__PURE__*/function (_React$PureComponent) {
             fontSize: 14
           },
           className: "pi pi-arrow-right"
-        })
+        }),
+        maxDate: maxDate || maxRangeDates && maxRangeDates.future,
+        minDate: minDate || maxRangeDates && maxRangeDates.past
       })), (onClear || onApply) && /*#__PURE__*/React.createElement("div", {
         className: buttonsWrapper
       }, onClear && /*#__PURE__*/React.createElement(Button, {
@@ -2142,7 +2160,8 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
           showSearchIcon = _this$props.showSearchIcon,
           className = _this$props.className,
           clearable = _this$props.clearable,
-          value = _this$props.value;
+          value = _this$props.value,
+          loading = _this$props.loading;
       var wrapperClassName = emotion.cx(searchWrapperStyle, {
         __pebble__search__small: type === "small",
         __pebble__search__large: type === "large",
@@ -2162,7 +2181,10 @@ var Search = /*#__PURE__*/function (_React$PureComponent) {
         },
         ref: this.searchInputRef,
         value: value
-      }, inputProps)), clearable && /*#__PURE__*/React.createElement("div", {
+      }, inputProps)), loading && /*#__PURE__*/React.createElement(Loader, {
+        scale: 0.4,
+        color: pebbleShared.colors.violet.base
+      }), clearable && /*#__PURE__*/React.createElement("div", {
         className: emotion.cx(clearContainer, {
           __display: !!value && !!value.length
         }),
@@ -3178,6 +3200,110 @@ var RadioGroup = /*#__PURE__*/function (_React$PureComponent) {
 
 function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$k(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var wrapStyle = /*#__PURE__*/emotion.css(_objectSpread$k(_objectSpread$k({}, flexRow), {}, {
+  cursor: "pointer"
+}), ";label:wrapStyle;" + ( "" ));
+var disabledStyle = /*#__PURE__*/emotion.css( {
+  name: "pl7a4e-disabledStyle",
+  styles: "cursor:not-allowed;;label:disabledStyle;"
+} );
+var unSelectedStar = /*#__PURE__*/emotion.css({
+  marginLeft: "2px",
+  color: pebbleShared.colors.gray.border,
+  fontSize: "20px"
+}, ";label:unSelectedStar;" + ( "" ));
+var selectedStar = /*#__PURE__*/emotion.css({
+  color: pebbleShared.colors.yellow.base
+}, ";label:selectedStar;" + ( "" ));
+
+function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function generateStars(maxRating, selectedValue) {
+  return Array.from({
+    length: maxRating
+  }, function (_, i) {
+    return {
+      active: i + 1 <= selectedValue
+    };
+  });
+}
+var Rating = /*#__PURE__*/function (_React$PureComponent) {
+  _inherits(Rating, _React$PureComponent);
+  var _super = _createSuper$k(Rating);
+  function Rating(props) {
+    var _this;
+    _classCallCheck(this, Rating);
+    _this = _super.call(this, props);
+    _this.setRating = function (rating) {
+      var _this$props = _this.props,
+          maxRating = _this$props.maxRating,
+          disabled = _this$props.disabled;
+      if (disabled) {
+        return;
+      }
+      _this.setState({
+        stars: generateStars(maxRating, rating)
+      });
+    };
+    _this.state = {
+      stars: generateStars(props.maxRating, props.value)
+    };
+    return _this;
+  }
+  _createClass(Rating, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this$props2 = this.props,
+          maxRating = _this$props2.maxRating,
+          value = _this$props2.value;
+      if (prevProps.maxRating !== maxRating) {
+        this.setState({
+          stars: generateStars(maxRating, value)
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var _this$props3 = this.props,
+          name = _this$props3.name,
+          value = _this$props3.value,
+          onChange = _this$props3.onChange,
+          disabled = _this$props3.disabled,
+          className = _this$props3.className;
+      var stars = this.state.stars;
+      var _className = emotion.cx(wrapStyle, className, disabled && disabledStyle);
+      return /*#__PURE__*/React.createElement("div", {
+        className: _className
+      }, stars.map(function (star, starIndex) {
+        var rating = starIndex + 1;
+        return /*#__PURE__*/React.createElement("span", {
+          key: "".concat(name, "-").concat(rating),
+          onMouseEnter: function onMouseEnter() {
+            return _this2.setRating(rating);
+          },
+          onMouseLeave: function onMouseLeave() {
+            return _this2.setRating(value);
+          },
+          onClick: function onClick() {
+            if (disabled) {
+              return;
+            }
+            _this2.setRating(rating);
+            onChange(rating);
+          }
+        }, /*#__PURE__*/React.createElement("i", {
+          className: emotion.cx("pi pi-grade", unSelectedStar, star.active && selectedStar)
+        }));
+      }));
+    }
+  }]);
+  return Rating;
+}(React.PureComponent);
+
+function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var inputReadOnlyStyle$1 = /*#__PURE__*/emotion.css({
   color: pebbleShared.colors.gray.dark
 }, ";label:inputReadOnlyStyle;" + ( "" ));
@@ -3186,12 +3312,12 @@ var inputDisabledStyle$1 = /*#__PURE__*/emotion.css({
   pointerEvents: "none",
   color: pebbleShared.colors.gray.base
 }, ";label:inputDisabledStyle;" + ( "" ));
-var messageStyle$1 = /*#__PURE__*/emotion.css(_objectSpread$k(_objectSpread$k({}, typography.s.regular), {}, {
+var messageStyle$1 = /*#__PURE__*/emotion.css(_objectSpread$l(_objectSpread$l({}, typography.s.regular), {}, {
   marginTop: 10,
   lineHeight: "10px",
   textAlign: "left"
 }), ";label:messageStyle;" + ( "" ));
-var infoTextStyle = /*#__PURE__*/emotion.css(_objectSpread$k(_objectSpread$k({}, typography.s.light), {}, {
+var infoTextStyle = /*#__PURE__*/emotion.css(_objectSpread$l(_objectSpread$l({}, typography.s.light), {}, {
   marginRight: "15px",
   lineHeight: "12px"
 }), ";label:infoTextStyle;" + ( "" ));
@@ -3208,7 +3334,7 @@ var placeholderStyle = /*#__PURE__*/emotion.css({
     transform: "translate(0, -10px)"
   }
 }, ";label:placeholderStyle;" + ( "" ));
-var inputStyle$2 = /*#__PURE__*/emotion.css(_objectSpread$k(_objectSpread$k({
+var inputStyle$2 = /*#__PURE__*/emotion.css(_objectSpread$l(_objectSpread$l({
   border: 0,
   outline: 0,
   borderRadius: "3px",
@@ -3235,8 +3361,8 @@ var wrapperStyle$4 = /*#__PURE__*/emotion.css( {
   styles: "width:100%;height:70px;;label:wrapperStyle;"
 } );
 
-function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$k() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$l() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 function getColor$1(error, success, isFocused, isBorder) {
   var color = isBorder ? pebbleShared.colors.gray.light : pebbleShared.colors.gray.dark;
   if (error) {
@@ -3250,7 +3376,7 @@ function getColor$1(error, success, isFocused, isBorder) {
 }
 var SecondaryInput = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(SecondaryInput, _React$PureComponent);
-  var _super = _createSuper$k(SecondaryInput);
+  var _super = _createSuper$l(SecondaryInput);
   function SecondaryInput() {
     var _this;
     _classCallCheck(this, SecondaryInput);
@@ -3385,8 +3511,8 @@ var sidebarStyle = /*#__PURE__*/emotion.css({
   webkitOverflowScrolling: "touch"
 }, ";label:sidebarStyle;" + ( "" ));
 
-function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$l() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var transitionProps = {
   from: {
     opacity: 0
@@ -3400,7 +3526,7 @@ var transitionProps = {
 };
 var SideBar = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(SideBar, _React$PureComponent);
-  var _super = _createSuper$l(SideBar);
+  var _super = _createSuper$m(SideBar);
   function SideBar() {
     var _this;
     _classCallCheck(this, SideBar);
@@ -3497,10 +3623,10 @@ SideBar.defaultProps = {
   closeOnOutsideClick: true
 };
 
-function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$m(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var rheostatOverrides = "\n.rheostat {\n  overflow: visible;\n}\n\n.rheostat-background {\n  background-color: ".concat(pebbleShared.colors.violet.lightest, ";\n  position: relative;\n  border-radius: 2px;\n  overflow: hidden;\n  height: 4px;\n  top: 0;\n  width: 100%;\n}\n\n.rheostat-progress {\n  background-color: ").concat(pebbleShared.colors.violet.base, ";\n  position: absolute;\n  height: 4px;\n  border-radius: 2px;\n  top: 0;\n}\n\n.rheostat-handle {\n  background-color: ").concat(pebbleShared.colors.violet.base, ";\n  border-radius: 50%;\n  height: 20px;\n  outline: none;\n  z-index: 2;\n  width: 20px;\n  margin-left: -10px;\n  top: -8px;\n  border: 0;\n  cursor: pointer;\n  box-shadow: ").concat(constants.boxShadow.xElevated, ";\n}\n\n.__pebble__slider__large .rheostat-handle {\n  width: 24px;\n  height: 24px;\n  margin-left: -12px;\n  top: -10px;\n}\n\n.rheostat-handle:hover {\n  background-color: ").concat(pebbleShared.colors.violet.light, ";\n}\n\n.__pebble__slider__disabled .rheostat-handle {\n  background-color: ").concat(pebbleShared.colors.violet.lighter, ";\n  cursor: inherit;\n}\n\n.rheostat-horizontal {\n  height: 4px;\n}\n");
-var sliderHeader = /*#__PURE__*/emotion.css(_objectSpread$l(_objectSpread$l({}, flexSpaceBetween), {}, {
+var sliderHeader = /*#__PURE__*/emotion.css(_objectSpread$m(_objectSpread$m({}, flexSpaceBetween), {}, {
   marginBottom: 25,
   alignItems: "center",
   ".__pebble__slider__large &": {
@@ -3561,8 +3687,8 @@ var Slider = function Slider(_ref) {
   }, rest)));
 };
 
-function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$m(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$n(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var headStyle = /*#__PURE__*/emotion.css( {
   name: "1ehjdcc-headStyle",
   styles: "display:flex;flex-direction:row;position:relative;;label:headStyle;"
@@ -3571,7 +3697,7 @@ var headSection = /*#__PURE__*/emotion.css( {
   name: "1hilual-headSection",
   styles: "flex:1;display:flex;flex-direction:column;align-items:center;cursor:pointer;> div{font-size:14px;};label:headSection;"
 } );
-var headingStyle = /*#__PURE__*/emotion.css(_objectSpread$m({}, typography.normal.regular), ";label:headingStyle;" + ( "" ));
+var headingStyle = /*#__PURE__*/emotion.css(_objectSpread$n({}, typography.normal.regular), ";label:headingStyle;" + ( "" ));
 var dotStyle$1 = /*#__PURE__*/emotion.css({
   height: 20,
   width: 20,
@@ -3600,14 +3726,14 @@ var stepperLineStyle = /*#__PURE__*/emotion.css({
   backgroundColor: pebbleShared.colors.violet.base
 }, ";label:stepperLineStyle;" + ( "" ));
 
-function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$n(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$m() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$o(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 function noop$2() {}
 var Stepper = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Stepper, _React$PureComponent);
-  var _super = _createSuper$m(Stepper);
+  var _super = _createSuper$n(Stepper);
   function Stepper() {
     var _this;
     _classCallCheck(this, Stepper);
@@ -3760,11 +3886,11 @@ var Stepper = /*#__PURE__*/function (_React$PureComponent) {
             name: "fxyzre-Stepper",
             styles: "display:none;;label:Stepper;"
           } ), i !== _this2.state.active))
-        }, renderContentElement(_objectSpread$n({
+        }, renderContentElement(_objectSpread$o({
           item: datum,
           isSelected: i === _this2.state.active
         }, args)));
-      }), renderFooterElement(_objectSpread$n({
+      }), renderFooterElement(_objectSpread$o({
         activeIndex: this.state.active
       }, args), this.props)));
     }
@@ -3805,13 +3931,13 @@ Stepper.defaultProps = {
   }
 };
 
-function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$o(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var labelTextStyle = /*#__PURE__*/emotion.css(_objectSpread$o(_objectSpread$o({}, typography.s.bold), {}, {
+function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$p(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var labelTextStyle = /*#__PURE__*/emotion.css(_objectSpread$p(_objectSpread$p({}, typography.s.bold), {}, {
   color: pebbleShared.colors.gray.dark,
   marginRight: "10px"
 }), ";label:labelTextStyle;" + ( "" ));
-var disabledStyle = /*#__PURE__*/emotion.css( {
+var disabledStyle$1 = /*#__PURE__*/emotion.css( {
   name: "pl7a4e-disabledStyle",
   styles: "cursor:not-allowed;;label:disabledStyle;"
 } );
@@ -3850,11 +3976,11 @@ var selectedSwitch = /*#__PURE__*/emotion.css( {
   styles: "transform:translateX(14px);;label:selectedSwitch;"
 } );
 
-function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var Switch = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Switch, _React$PureComponent);
-  var _super = _createSuper$n(Switch);
+  var _super = _createSuper$o(Switch);
   function Switch() {
     var _this;
     _classCallCheck(this, Switch);
@@ -3877,11 +4003,11 @@ var Switch = /*#__PURE__*/function (_React$PureComponent) {
           disabled = _this$props.disabled;
       var value = this.state.value;
       return /*#__PURE__*/React.createElement("label", {
-        className: emotion.cx(className, fixedLabelStyle, _defineProperty({}, disabledStyle, !!disabled))
+        className: emotion.cx(className, fixedLabelStyle, _defineProperty({}, disabledStyle$1, !!disabled))
       }, /*#__PURE__*/React.createElement("span", {
         className: labelTextStyle
       }, label), /*#__PURE__*/React.createElement("div", {
-        className: emotion.cx(labelStyle$1, (_cx3 = {}, _defineProperty(_cx3, selectedLabel, value), _defineProperty(_cx3, disabledStyle, !!disabled), _cx3))
+        className: emotion.cx(labelStyle$1, (_cx3 = {}, _defineProperty(_cx3, selectedLabel, value), _defineProperty(_cx3, disabledStyle$1, !!disabled), _cx3))
       }, /*#__PURE__*/React.createElement("input", {
         type: "checkbox",
         checked: value,
@@ -3903,9 +4029,9 @@ var Switch = /*#__PURE__*/function (_React$PureComponent) {
   return Switch;
 }(React.PureComponent);
 
-function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$p(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var tagStyle = /*#__PURE__*/emotion.css(_objectSpread$p(_objectSpread$p(_objectSpread$p({}, typography.s.bold), flexSpaceBetween), {}, {
+function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$q(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var tagStyle = /*#__PURE__*/emotion.css(_objectSpread$q(_objectSpread$q(_objectSpread$q({}, typography.s.bold), flexSpaceBetween), {}, {
   borderRadius: constants.borderRadius,
   padding: "0 10px",
   height: 28,
@@ -3952,15 +4078,15 @@ var Tag = function Tag(_ref) {
   }, /*#__PURE__*/React.createElement(Ink, null)));
 };
 
-function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$q(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$r(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var Text = function Text(_ref) {
   var typography = _ref.typography,
       _ref$color = _ref.color,
       color = _ref$color === void 0 ? pebbleShared.colors.gray.darker : _ref$color,
       children = _ref.children,
       className = _ref.className;
-  var _className = /*#__PURE__*/emotion.css(_objectSpread$q(_objectSpread$q({}, typography), {}, {
+  var _className = /*#__PURE__*/emotion.css(_objectSpread$r(_objectSpread$r({}, typography), {}, {
     color: color
   }),  "" );
   return /*#__PURE__*/React__default.createElement("span", {
@@ -4137,9 +4263,9 @@ var TimePicker = function TimePicker(props) {
   }));
 };
 
-function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$r(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var textStyle = /*#__PURE__*/emotion.css(_objectSpread$r(_objectSpread$r({}, typography.s.regular), {}, {
+function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$s(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var textStyle = /*#__PURE__*/emotion.css(_objectSpread$s(_objectSpread$s({}, typography.s.regular), {}, {
   color: pebbleShared.colors.white.base,
   display: "block",
   padding: "10px 16px"
@@ -4149,11 +4275,11 @@ var popperStyle$1 = /*#__PURE__*/emotion.css( {
   styles: "margin:4px;box-shadow:none;max-width:320px;;label:popperStyle;"
 } );
 
-function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$o() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 var Tooltip = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Tooltip, _React$PureComponent);
-  var _super = _createSuper$o(Tooltip);
+  var _super = _createSuper$p(Tooltip);
   function Tooltip() {
     var _this;
     _classCallCheck(this, Tooltip);
@@ -4221,19 +4347,19 @@ var optionsWrapper$1 = /*#__PURE__*/emotion.css({
   transformOrigin: "0 0"
 }, ";label:optionsWrapper;" + ( "" ));
 
-function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _isNativeReflectConstruct$p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$s(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _createSuper$q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$q(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct$q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$t(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function defaultSearchBox(_ref, props) {
   var registerChange = _ref.registerChange,
       onFocus = _ref.onFocus,
       value = _ref.value;
-  var _inputProps = props.inputProps ? _objectSpread$s({}, props.inputProps.inputProps) : {};
+  var _inputProps = props.inputProps ? _objectSpread$t({}, props.inputProps.inputProps) : {};
   return /*#__PURE__*/React.createElement(Input, Object.assign({}, props.inputProps, {
     onChange: registerChange,
     placeholder: props.placeholder,
-    inputProps: _objectSpread$s(_objectSpread$s({}, _inputProps), {}, {
+    inputProps: _objectSpread$t(_objectSpread$t({}, _inputProps), {}, {
       onFocus: onFocus,
       onKeyDown: function onKeyDown(e) {
         if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
@@ -4252,7 +4378,7 @@ function defaultSearchBox(_ref, props) {
 }
 var TypeAhead = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(TypeAhead, _React$PureComponent);
-  var _super = _createSuper$p(TypeAhead);
+  var _super = _createSuper$q(TypeAhead);
   function TypeAhead() {
     var _this;
     _classCallCheck(this, TypeAhead);
@@ -4419,6 +4545,7 @@ exports.Popper = PebblePopper;
 exports.PresetCalendar = PresetCalendar;
 exports.Radio = Radio;
 exports.RadioGroup = RadioGroup;
+exports.Rating = Rating;
 exports.Search = Search;
 exports.SecondaryInput = SecondaryInput;
 exports.Select = Select;