pebble-web 2.2.9 → 2.4.0

package/dist/pebble-web.umd.js

@@ -11438,13 +11438,13 @@
 
   function ownKeys$c(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$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-  var rowWrapper = /*#__PURE__*/css(_objectSpread$c(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, typography.normal.regular), {}, {
+  var rowWrapper = /*#__PURE__*/css(_objectSpread$c(_objectSpread$c(_objectSpread$c({}, typography.normal.regular), {}, {
     cursor: "pointer",
     padding: "12px 18px",
     position: "relative",
     lineHeight: "28px",
     zIndex: 999
-  }, textEllipsis), flexSpaceBetween), {}, {
+  }, textEllipsis), {}, {
     alignItems: "center",
     display: "flex",
     "&:last-of-type": {
@@ -11455,8 +11455,8 @@
     }
   }), ";label:rowWrapper;" + ( "" ));
   var labelWrap = /*#__PURE__*/css( {
-    name: "12vt42m-labelWrap",
-    styles: "user-select:none;overflow:hidden;text-overflow:ellipsis;;label:labelWrap;"
+    name: "1glxdhg-labelWrap",
+    styles: "user-select:none;flex-grow:1;overflow:hidden;text-overflow:ellipsis;;label:labelWrap;"
   } );
   var activeRow = /*#__PURE__*/css({
     backgroundColor: colors.gray.lightest
@@ -11477,7 +11477,8 @@
     rightElement: function rightElement(_ref) {
       var isSelected = _ref.isSelected,
           multiSelect = _ref.multiSelect,
-          indeterminate = _ref.indeterminate;
+          indeterminate = _ref.indeterminate,
+          iconClassName = _ref.iconClassName;
       var iconClass = cx("pi", {
         "pi-checkbox-selected": !indeterminate && isSelected,
         "pi-checkbox-unselected": !indeterminate && !isSelected,
@@ -11488,7 +11489,7 @@
         fontSize: "20px"
       }, ";label:iconClass;" + ( "" )));
       return multiSelect ? /*#__PURE__*/React.createElement("i", {
-        className: iconClass
+        className: cx(iconClass, iconClassName)
       }) : null;
     }
   };
@@ -11508,6 +11509,7 @@
             label = _this$props.label,
             isActive = _this$props.isActive,
             isSelected = _this$props.isSelected,
+            leftElement = _this$props.leftElement,
             rightElement = _this$props.rightElement,
             labelClassName = _this$props.labelClassName,
             className = _this$props.className;
@@ -11517,7 +11519,7 @@
           type: this.props.multiSelect ? "checkbox" : "radio",
           className: _class
         }), function () {
-          return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/React.createElement(React.Fragment, null, leftElement && leftElement(_this.props), /*#__PURE__*/React.createElement("div", {
             className: cx(labelWrap, labelClassName)
           }, label), rightElement(_this.props), /*#__PURE__*/React.createElement(Ink, null));
         });
@@ -11823,7 +11825,8 @@
             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 = cx(searchWrapperStyle, {
           __pebble__search__small: type === "small",
           __pebble__search__large: type === "large",
@@ -11843,7 +11846,10 @@
           },
           ref: this.searchInputRef,
           value: value
-        }, inputProps)), clearable && /*#__PURE__*/React.createElement("div", {
+        }, inputProps)), loading && /*#__PURE__*/React.createElement(Loader, {
+          scale: 0.4,
+          color: colors.violet.base
+        }), clearable && /*#__PURE__*/React.createElement("div", {
           className: cx(clearContainer, {
             __display: !!value && !!value.length
           }),
@@ -12114,17 +12120,18 @@
       key: "render",
       value: function render() {
         var _this$props2 = this.props,
+            wrapClassName = _this$props2.wrapClassName,
             onApply = _this$props2.onApply,
             onClear = _this$props2.onClear,
             isSelected = _this$props2.isSelected,
             onChange = _this$props2.onChange,
-            rest = objectWithoutProperties(_this$props2, ["onApply", "onClear", "isSelected", "onChange"]);
+            rest = objectWithoutProperties(_this$props2, ["wrapClassName", "onApply", "onClear", "isSelected", "onChange"]);
         var advancedOptionsProps = _objectSpread$g({
           selectVisible: this.selectVisible,
           clearVisible: this.clearVisible
         }, this.props.advancedOptionsProps);
         return /*#__PURE__*/React.createElement("div", {
-          className: optionGroupCheckBoxWrap
+          className: cx(optionGroupCheckBoxWrap, wrapClassName)
         }, /*#__PURE__*/React.createElement(OptionGroup, Object.assign({}, rest, {
           advancedOptionsProps: advancedOptionsProps,
           isSelected: isSelected || this.isSelected,
@@ -12859,6 +12866,110 @@
 
   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__*/css(_objectSpread$k(_objectSpread$k({}, flexRow), {}, {
+    cursor: "pointer"
+  }), ";label:wrapStyle;" + ( "" ));
+  var disabledStyle = /*#__PURE__*/css( {
+    name: "pl7a4e-disabledStyle",
+    styles: "cursor:not-allowed;;label:disabledStyle;"
+  } );
+  var unSelectedStar = /*#__PURE__*/css({
+    marginLeft: "2px",
+    color: colors.gray.border,
+    fontSize: "20px"
+  }, ";label:unSelectedStar;" + ( "" ));
+  var selectedStar = /*#__PURE__*/css({
+    color: 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 = 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: 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__*/css({
     color: colors.gray.dark
   }, ";label:inputReadOnlyStyle;" + ( "" ));
@@ -12867,12 +12978,12 @@
     pointerEvents: "none",
     color: colors.gray.base
   }, ";label:inputDisabledStyle;" + ( "" ));
-  var messageStyle$1 = /*#__PURE__*/css(_objectSpread$k(_objectSpread$k({}, typography.s.regular), {}, {
+  var messageStyle$1 = /*#__PURE__*/css(_objectSpread$l(_objectSpread$l({}, typography.s.regular), {}, {
     marginTop: 10,
     lineHeight: "10px",
     textAlign: "left"
   }), ";label:messageStyle;" + ( "" ));
-  var infoTextStyle = /*#__PURE__*/css(_objectSpread$k(_objectSpread$k({}, typography.s.light), {}, {
+  var infoTextStyle = /*#__PURE__*/css(_objectSpread$l(_objectSpread$l({}, typography.s.light), {}, {
     marginRight: "15px",
     lineHeight: "12px"
   }), ";label:infoTextStyle;" + ( "" ));
@@ -12889,7 +13000,7 @@
       transform: "translate(0, -10px)"
     }
   }, ";label:placeholderStyle;" + ( "" ));
-  var inputStyle$2 = /*#__PURE__*/css(_objectSpread$k(_objectSpread$k({
+  var inputStyle$2 = /*#__PURE__*/css(_objectSpread$l(_objectSpread$l({
     border: 0,
     outline: 0,
     borderRadius: "3px",
@@ -12916,8 +13027,8 @@
     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 ? colors.gray.light : colors.gray.dark;
     if (error) {
@@ -12931,7 +13042,7 @@
   }
   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);
@@ -13066,8 +13177,8 @@
     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
@@ -13081,7 +13192,7 @@
   };
   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);
@@ -14005,10 +14116,10 @@
   });
   var Rheostat = unwrapExports(Slider);
 
-  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(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(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(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(colors.violet.light, ";\n}\n\n.__pebble__slider__disabled .rheostat-handle {\n  background-color: ").concat(colors.violet.lighter, ";\n  cursor: inherit;\n}\n\n.rheostat-horizontal {\n  height: 4px;\n}\n");
-  var sliderHeader = /*#__PURE__*/css(_objectSpread$l(_objectSpread$l({}, flexSpaceBetween), {}, {
+  var sliderHeader = /*#__PURE__*/css(_objectSpread$m(_objectSpread$m({}, flexSpaceBetween), {}, {
     marginBottom: 25,
     alignItems: "center",
     ".__pebble__slider__large &": {
@@ -14600,8 +14711,8 @@
   }
   var asyncToGenerator = _asyncToGenerator;
 
-  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__*/css( {
     name: "1ehjdcc-headStyle",
     styles: "display:flex;flex-direction:row;position:relative;;label:headStyle;"
@@ -14610,7 +14721,7 @@
     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__*/css(_objectSpread$m({}, typography.normal.regular), ";label:headingStyle;" + ( "" ));
+  var headingStyle = /*#__PURE__*/css(_objectSpread$n({}, typography.normal.regular), ";label:headingStyle;" + ( "" ));
   var dotStyle$1 = /*#__PURE__*/css({
     height: 20,
     width: 20,
@@ -14639,14 +14750,14 @@
     backgroundColor: 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);
@@ -14799,11 +14910,11 @@
               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)));
       }
@@ -14844,13 +14955,13 @@
     }
   };
 
-  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__*/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__*/css(_objectSpread$p(_objectSpread$p({}, typography.s.bold), {}, {
     color: colors.gray.dark,
     marginRight: "10px"
   }), ";label:labelTextStyle;" + ( "" ));
-  var disabledStyle = /*#__PURE__*/css( {
+  var disabledStyle$1 = /*#__PURE__*/css( {
     name: "pl7a4e-disabledStyle",
     styles: "cursor:not-allowed;;label:disabledStyle;"
   } );
@@ -14889,11 +15000,11 @@
     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);
@@ -14916,11 +15027,11 @@
             disabled = _this$props.disabled;
         var value = this.state.value;
         return /*#__PURE__*/React.createElement("label", {
-          className: cx(className, fixedLabelStyle, defineProperty({}, disabledStyle, !!disabled))
+          className: cx(className, fixedLabelStyle, defineProperty({}, disabledStyle$1, !!disabled))
         }, /*#__PURE__*/React.createElement("span", {
           className: labelTextStyle
         }, label), /*#__PURE__*/React.createElement("div", {
-          className: cx(labelStyle$1, (_cx3 = {}, defineProperty(_cx3, selectedLabel, value), defineProperty(_cx3, disabledStyle, !!disabled), _cx3))
+          className: cx(labelStyle$1, (_cx3 = {}, defineProperty(_cx3, selectedLabel, value), defineProperty(_cx3, disabledStyle$1, !!disabled), _cx3))
         }, /*#__PURE__*/React.createElement("input", {
           type: "checkbox",
           checked: value,
@@ -14942,9 +15053,9 @@
     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__*/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__*/css(_objectSpread$q(_objectSpread$q(_objectSpread$q({}, typography.s.bold), flexSpaceBetween), {}, {
     borderRadius: constants.borderRadius,
     padding: "0 10px",
     height: 28,
@@ -14991,15 +15102,15 @@
     }, /*#__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 ? colors.gray.darker : _ref$color,
         children = _ref.children,
         className = _ref.className;
-    var _className = /*#__PURE__*/css(_objectSpread$q(_objectSpread$q({}, typography), {}, {
+    var _className = /*#__PURE__*/css(_objectSpread$r(_objectSpread$r({}, typography), {}, {
       color: color
     }),  "" );
     return /*#__PURE__*/React__default.createElement("span", {
@@ -15215,9 +15326,9 @@
     }));
   };
 
-  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__*/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__*/css(_objectSpread$s(_objectSpread$s({}, typography.s.regular), {}, {
     color: colors.white.base,
     display: "block",
     padding: "10px 16px"
@@ -15227,11 +15338,11 @@
     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);
@@ -15322,19 +15433,19 @@
     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;
@@ -15353,7 +15464,7 @@
   }
   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);
@@ -15514,6 +15625,7 @@
   exports.PresetCalendar = PresetCalendar;
   exports.Radio = Radio;
   exports.RadioGroup = RadioGroup;
+  exports.Rating = Rating;
   exports.Search = Search;
   exports.SecondaryInput = SecondaryInput;
   exports.Select = Select;