@wix/design-system 1.166.0 → 1.167.0

package/dist/cjs/Slider/Slider.uni.driver.js

@@ -44,6 +44,28 @@ var sliderUniDriverFactory = (base, body) => {
       }
       return getValue;
     }(),
+    /** decreases value of the slider once */
+    decreaseValueOnce: function () {
+      var _decreaseValueOnce = (0, _asyncToGenerator2.default)(function* () {
+        var el = yield base.$("[data-hook=\"".concat(_constants.dataHooks.sliderHandle, "\"]"));
+        return el.pressKey('ArrowLeft');
+      });
+      function decreaseValueOnce() {
+        return _decreaseValueOnce.apply(this, arguments);
+      }
+      return decreaseValueOnce;
+    }(),
+    /** increases value of the slider once */
+    increaseValueOnce: function () {
+      var _increaseValueOnce = (0, _asyncToGenerator2.default)(function* () {
+        var el = yield base.$("[data-hook=\"".concat(_constants.dataHooks.sliderHandle, "\"]"));
+        return el.pressKey('ArrowRight');
+      });
+      function increaseValueOnce() {
+        return _increaseValueOnce.apply(this, arguments);
+      }
+      return increaseValueOnce;
+    }(),
     /** returns slider tooltip value */
     getToolTipValue: function () {
       var _getToolTipValue = (0, _asyncToGenerator2.default)(function* (index) {

package/dist/cjs/Slider/Slider.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_TooltipUni","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","sliderUniDriverFactory","base","body","$sliderHandles","$$","concat","dataHooks","sliderHandle","$sliderDots","$sliderMarks","sliderMarkLabel","getTooltipDriver","_ref","_asyncToGenerator2","index","sliderDataHook","attr","tooltipDataHook","sliderTooltip","tooltipDriverFactory","$","_x","baseUniDriverFactory","isDotSelected","number","get","hasClass","numOfSliderDots","count","numOfSliderHandles","numOfSliderMarksLabels","getValue","_getValue","el","getToolTipValue","_getToolTipValue","tooltipDriver","text","getTooltipText","_unused","_x2","isDisabled","_isDisabled","getDirection","_getDirection","exports"],"sources":["../../../src/Slider/Slider.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../utils/test-utils/unidriver';\nimport { tooltipDriverFactory } from '../Tooltip/Tooltip.uni.driver';\nimport { dataHooks } from './constants';\n\nexport const sliderUniDriverFactory = (base, body) => {\n  const $sliderHandles = () =>\n    base.$$(`[data-hook=\"${dataHooks.sliderHandle}\"]`);\n  const $sliderDots = () => base.$$('.wsr-slider-dot');\n  const $sliderMarks = () =>\n    base.$$(`[data-hook=\"${dataHooks.sliderMarkLabel}\"]`);\n\n  const getTooltipDriver = async index => {\n    const sliderDataHook = await base.attr('data-hook');\n    const tooltipDataHook = sliderDataHook\n      ? `${sliderDataHook}-${dataHooks.sliderTooltip}-${index}`\n      : `${dataHooks.sliderTooltip}-${index}`;\n\n    return tooltipDriverFactory(\n      base.$(`[data-hook=\"${tooltipDataHook}\"]`),\n      body,\n    );\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    /** returns true if slider grade is selected */\n    isDotSelected: number =>\n      $sliderDots()\n        .get(number - 1)\n        .hasClass('wsr-slider-dot-active'),\n    /** returns number of slider grades */\n    numOfSliderDots: () => $sliderDots().count(),\n    /** returns number of slider handles */\n    numOfSliderHandles: () => $sliderHandles().count(),\n    /** returns number of slider marks labels */\n    numOfSliderMarksLabels: () => $sliderMarks().count(),\n    /** returns slider value */\n    getValue: async () => {\n      const el = await base.$(`[data-hook=\"${dataHooks.sliderHandle}\"]`);\n      return el.attr('aria-valuenow');\n    },\n    /** returns slider tooltip value */\n    getToolTipValue: async index => {\n      const tooltipDriver = await getTooltipDriver(index);\n      let text = null;\n      try {\n        text = await tooltipDriver.getTooltipText();\n      } catch {}\n      return text;\n    },\n    /** returns if the slider is disabled */\n    isDisabled: async () => {\n      return !!(await base.$('.wsr-slider-disabled'));\n    },\n    /** returns direction either horizontal or vertical */\n    getDirection: async () => base.attr('data-direction'),\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_TooltipUni","_constants","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","default","getOwnPropertyDescriptors","defineProperties","defineProperty","sliderUniDriverFactory","base","body","$sliderHandles","$$","concat","dataHooks","sliderHandle","$sliderDots","$sliderMarks","sliderMarkLabel","getTooltipDriver","_ref","_asyncToGenerator2","index","sliderDataHook","attr","tooltipDataHook","sliderTooltip","tooltipDriverFactory","$","_x","baseUniDriverFactory","isDotSelected","number","get","hasClass","numOfSliderDots","count","numOfSliderHandles","numOfSliderMarksLabels","getValue","_getValue","el","decreaseValueOnce","_decreaseValueOnce","pressKey","increaseValueOnce","_increaseValueOnce","getToolTipValue","_getToolTipValue","tooltipDriver","text","getTooltipText","_unused","_x2","isDisabled","_isDisabled","getDirection","_getDirection","exports"],"sources":["../../../src/Slider/Slider.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../utils/test-utils/unidriver';\nimport { tooltipDriverFactory } from '../Tooltip/Tooltip.uni.driver';\nimport { dataHooks } from './constants';\n\nexport const sliderUniDriverFactory = (base, body) => {\n  const $sliderHandles = () =>\n    base.$$(`[data-hook=\"${dataHooks.sliderHandle}\"]`);\n  const $sliderDots = () => base.$$('.wsr-slider-dot');\n  const $sliderMarks = () =>\n    base.$$(`[data-hook=\"${dataHooks.sliderMarkLabel}\"]`);\n\n  const getTooltipDriver = async index => {\n    const sliderDataHook = await base.attr('data-hook');\n    const tooltipDataHook = sliderDataHook\n      ? `${sliderDataHook}-${dataHooks.sliderTooltip}-${index}`\n      : `${dataHooks.sliderTooltip}-${index}`;\n\n    return tooltipDriverFactory(\n      base.$(`[data-hook=\"${tooltipDataHook}\"]`),\n      body,\n    );\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    /** returns true if slider grade is selected */\n    isDotSelected: number =>\n      $sliderDots()\n        .get(number - 1)\n        .hasClass('wsr-slider-dot-active'),\n    /** returns number of slider grades */\n    numOfSliderDots: () => $sliderDots().count(),\n    /** returns number of slider handles */\n    numOfSliderHandles: () => $sliderHandles().count(),\n    /** returns number of slider marks labels */\n    numOfSliderMarksLabels: () => $sliderMarks().count(),\n    /** returns slider value */\n    getValue: async () => {\n      const el = await base.$(`[data-hook=\"${dataHooks.sliderHandle}\"]`);\n      return el.attr('aria-valuenow');\n    },\n    /** decreases value of the slider once */\n    decreaseValueOnce: async () => {\n      const el = await base.$(`[data-hook=\"${dataHooks.sliderHandle}\"]`);\n      return el.pressKey('ArrowLeft');\n    },\n    /** increases value of the slider once */\n    increaseValueOnce: async () => {\n      const el = await base.$(`[data-hook=\"${dataHooks.sliderHandle}\"]`);\n      return el.pressKey('ArrowRight');\n    },\n    /** returns slider tooltip value */\n    getToolTipValue: async index => {\n      const tooltipDriver = await getTooltipDriver(index);\n      let text = null;\n      try {\n        text = await tooltipDriver.getTooltipText();\n      } catch {}\n      return text;\n    },\n    /** returns if the slider is disabled */\n    isDisabled: async () => {\n      return !!(await base.$('.wsr-slider-disabled'));\n    },\n    /** returns direction either horizontal or vertical */\n    getDirection: async () => base.attr('data-direction'),\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/SocialButton/SocialButton.st.css.js

@@ -6,7 +6,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_SocialButton";
+var _namespace_ = "wds_1_167_0_SocialButton";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -14,7 +14,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_SocialButton__root","icon":"wds_1_166_0_SocialButton__icon"};
+module.exports.classes = {"root":"wds_1_167_0_SocialButton__root","icon":"wds_1_167_0_SocialButton__icon"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SocialPostPreview/SocialPostPreview.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_SocialPostPreview";
+var _namespace_ = "wds_1_167_0_SocialPostPreview";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_SocialPostPreview__root"};
+module.exports.classes = {"root":"wds_1_167_0_SocialPostPreview__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SocialPostPreview/components/FacebookPost.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_166_0_FacebookPost";
+var _namespace_ = "wds_1_167_0_FacebookPost";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_FacebookPost__root","postHeader":"wds_1_166_0_FacebookPost__postHeader","profileNameAndPublishDate":"wds_1_166_0_FacebookPost__profileNameAndPublishDate","publishDate":"wds_1_166_0_FacebookPost__publishDate","postCaption":"wds_1_166_0_FacebookPost__postCaption","lastSeenCaption":"wds_1_166_0_FacebookPost__lastSeenCaption"};
+module.exports.classes = {"root":"wds_1_167_0_FacebookPost__root","postHeader":"wds_1_167_0_FacebookPost__postHeader","profileNameAndPublishDate":"wds_1_167_0_FacebookPost__profileNameAndPublishDate","publishDate":"wds_1_167_0_FacebookPost__publishDate","postCaption":"wds_1_167_0_FacebookPost__postCaption","lastSeenCaption":"wds_1_167_0_FacebookPost__lastSeenCaption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SocialPostPreview/components/InstagramPost.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_166_0_InstagramPost";
+var _namespace_ = "wds_1_167_0_InstagramPost";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_InstagramPost__root","postHeader":"wds_1_166_0_InstagramPost__postHeader","postCaption":"wds_1_166_0_InstagramPost__postCaption"};
+module.exports.classes = {"root":"wds_1_167_0_InstagramPost__root","postHeader":"wds_1_167_0_InstagramPost__postHeader","postCaption":"wds_1_167_0_InstagramPost__postCaption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SocialPreview/SocialPreview.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_SocialPreview";
+var _namespace_ = "wds_1_167_0_SocialPreview";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_SocialPreview__root","mediaContainer":"wds_1_166_0_SocialPreview__mediaContainer","container":"wds_1_166_0_SocialPreview__container","socialPreviewUrl":"wds_1_166_0_SocialPreview__socialPreviewUrl","socialPreviewUrlContainer":"wds_1_166_0_SocialPreview__socialPreviewUrlContainer","socialPreviewTitle":"wds_1_166_0_SocialPreview__socialPreviewTitle","socialPreviewDescription":"wds_1_166_0_SocialPreview__socialPreviewDescription"};
+module.exports.classes = {"root":"wds_1_167_0_SocialPreview__root","mediaContainer":"wds_1_167_0_SocialPreview__mediaContainer","container":"wds_1_167_0_SocialPreview__container","socialPreviewUrl":"wds_1_167_0_SocialPreview__socialPreviewUrl","socialPreviewUrlContainer":"wds_1_167_0_SocialPreview__socialPreviewUrlContainer","socialPreviewTitle":"wds_1_167_0_SocialPreview__socialPreviewTitle","socialPreviewDescription":"wds_1_167_0_SocialPreview__socialPreviewDescription"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SortableGridBase/SortableGridBase.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_SortableGridBase";
+var _namespace_ = "wds_1_167_0_SortableGridBase";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_SortableGridBase__root","number":"wds_1_166_0_SortableGridBase__number","button":"wds_1_166_0_SortableGridBase__button","sortableGridBaseContent":"wds_1_166_0_SortableGridBase__sortableGridBaseContent"};
+module.exports.classes = {"root":"wds_1_167_0_SortableGridBase__root","number":"wds_1_167_0_SortableGridBase__number","button":"wds_1_167_0_SortableGridBase__button","sortableGridBaseContent":"wds_1_167_0_SortableGridBase__sortableGridBaseContent"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SparklineChart/ChartTooltip.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_ChartTooltip";
+var _namespace_ = "wds_1_167_0_ChartTooltip";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_ChartTooltip__root","absolutePosition":"wds_1_166_0_ChartTooltip__absolutePosition","contentWrapper":"wds_1_166_0_ChartTooltip__contentWrapper"};
+module.exports.classes = {"root":"wds_1_167_0_ChartTooltip__root","absolutePosition":"wds_1_167_0_ChartTooltip__absolutePosition","contentWrapper":"wds_1_167_0_ChartTooltip__contentWrapper"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/SparklineChart/SparklineChart.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_SparklineChart";
+var _namespace_ = "wds_1_167_0_SparklineChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_SparklineChart__root","gradientStop":"wds_1_166_0_SparklineChart__gradientStop","gradientStopWithoutOpacity":"wds_1_166_0_SparklineChart__gradientStopWithoutOpacity","gradientStopWithHalfOpacity":"wds_1_166_0_SparklineChart__gradientStopWithHalfOpacity","tooltipElement":"wds_1_166_0_SparklineChart__tooltipElement"};
+module.exports.classes = {"root":"wds_1_167_0_SparklineChart__root","gradientStop":"wds_1_167_0_SparklineChart__gradientStop","gradientStopWithoutOpacity":"wds_1_167_0_SparklineChart__gradientStopWithoutOpacity","gradientStopWithHalfOpacity":"wds_1_167_0_SparklineChart__gradientStopWithHalfOpacity","tooltipElement":"wds_1_167_0_SparklineChart__tooltipElement"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StackedBarChart/StackedBarChart.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_StackedBarChart";
+var _namespace_ = "wds_1_167_0_StackedBarChart";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_StackedBarChart__root","text-tiny-thin":"wds_1_166_0_StylableTypography__text-tiny-thin","xAxis":"wds_1_166_0_StackedBarChart__xAxis","yAxis":"wds_1_166_0_StackedBarChart__yAxis","tooltip":"wds_1_166_0_StackedBarChart__tooltip","textPosition":"wds_1_166_0_StackedBarChart__textPosition","tooltipInner":"wds_1_166_0_StackedBarChart__tooltipInner"};
+module.exports.classes = {"root":"wds_1_167_0_StackedBarChart__root","text-tiny-thin":"wds_1_167_0_StylableTypography__text-tiny-thin","xAxis":"wds_1_167_0_StackedBarChart__xAxis","yAxis":"wds_1_167_0_StackedBarChart__yAxis","tooltip":"wds_1_167_0_StackedBarChart__tooltip","textPosition":"wds_1_167_0_StackedBarChart__textPosition","tooltipInner":"wds_1_167_0_StackedBarChart__tooltipInner"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StarsRatingBar/StarsRatingBar.js

@@ -28,8 +28,11 @@ class StarsRatingBar extends _react.default.PureComponent {
       return size ? size : _constants.starRatingBarSizes.medium;
     };
     this._getInteractiveModeStarsSize = () => {
-      //  In interactive mode the size must be 'large'
-      return _constants.starRatingBarSizes.large;
+      //  In interactive mode the size can be 'large' or 'medium' only. The default value is 'large'.
+      var {
+        size
+      } = this.props;
+      return size === _constants.starRatingBarSizes.medium ? _constants.starRatingBarSizes.medium : _constants.starRatingBarSizes.large;
     };
     this._onStarIconClick = ratingValue => {
       this.props.onChange(ratingValue);
@@ -81,7 +84,7 @@ class StarsRatingBar extends _react.default.PureComponent {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 84,
+            lineNumber: 87,
             columnNumber: 9
           }
         });
@@ -109,7 +112,7 @@ class StarsRatingBar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 108,
+          lineNumber: 111,
           columnNumber: 7
         }
       });
@@ -155,7 +158,7 @@ class StarsRatingBar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 157,
+          lineNumber: 160,
           columnNumber: 7
         }
       }, /*#__PURE__*/_react.default.createElement(_Text.default, {
@@ -167,7 +170,7 @@ class StarsRatingBar extends _react.default.PureComponent {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 158,
+          lineNumber: 161,
           columnNumber: 9
         }
       }, rateCaptionCurrentLabel));
@@ -197,7 +200,7 @@ class StarsRatingBar extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 175,
+        lineNumber: 178,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -206,7 +209,7 @@ class StarsRatingBar extends _react.default.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 176,
+        lineNumber: 179,
         columnNumber: 9
       }
     }, this._renderStars()), this._shouldShowRateCaption() ? this._renderRateCaption() : null);
@@ -221,7 +224,7 @@ StarsRatingBar.propTypes = {
    */
 
   className: _propTypes.default.string,
-  /** Controls the size of the star rating bar. Interactive mode must be `large`. The default value for the read only mode is `medium`. */
+  /** Controls the size of the star rating bar. Interactive mode can be `large` or `medium`. The default value for the read only mode is `medium`. */
   size: _propTypes.default.oneOf(['tiny', 'small', 'medium', 'large']),
   /** Specifies whether the rating bar is in read-only mode. */
   readOnly: _propTypes.default.bool,

package/dist/cjs/StarsRatingBar/StarsRatingBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StarsRatingBarSt","_constants","_Text","_InteractiveModeStar","_wixUiIconsCommon","_jsxFileName","StarsRatingBar","React","PureComponent","constructor","props","_getStarsRatingBarSize","readOnly","_getReadOnlyModeStarsSize","_getInteractiveModeStarsSize","size","starRatingBarSizes","medium","large","_onStarIconClick","ratingValue","onChange","_onMouseEnter","setState","hoveredStarIndex","_onMouseLeave","_handleFocus","_handleBlur","_renderStars","value","starsRatingBarSize","state","Object","values","starIndexes","map","_renderReadOnlyModeStar","default","createElement","className","key","index","selectedStarIndex","onClick","onMouseEnter","onMouseLeave","handleFocus","handleBlur","__self","__source","fileName","lineNumber","columnNumber","isFilledStar","dataHook","dataHooks","filledStar","emptyStar","StarFilled","st","classes","star","filled","empty","starRatingBarSizesInPx","_shouldShowRateCaption","descriptionValues","shouldShowRateCaption","isValidRateCaption","Array","isArray","length","_renderRateCaption","isStarsHovered","rateCaptionCurrentLabel","rateCaption","ratingCaption","ellipsis","weight","secondary","componentDidUpdate","prevProps","render","root","role","starsContainer","displayName","propTypes","PropTypes","string","oneOf","bool","arrayOf","isRequired","func","defaultProps","_default","exports"],"sources":["../../../src/StarsRatingBar/StarsRatingBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './StarsRatingBar.st.css';\nimport {\n  dataHooks,\n  starIndexes,\n  starRatingBarSizes,\n  starRatingBarSizesInPx,\n} from './constants';\n\nimport Text from '../Text';\nimport InteractiveModeStar from './components/InteractiveModeStar';\n\nimport { StarFilled as StarFilledIcon } from '@wix/wix-ui-icons-common';\n\n/** Star Rating Component  */\nclass StarsRatingBar extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    const starsRatingBarSize = this._getStarsRatingBarSize();\n\n    this.state = {\n      starsRatingBarSize,\n      hoveredStarIndex: 0,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.size !== this.props.size) {\n      const starsRatingBarSize = this._getStarsRatingBarSize();\n      this.setState({ starsRatingBarSize });\n    }\n  }\n\n  _getStarsRatingBarSize = () => {\n    const { readOnly } = this.props;\n\n    return readOnly\n      ? this._getReadOnlyModeStarsSize()\n      : this._getInteractiveModeStarsSize();\n  };\n\n  _getReadOnlyModeStarsSize = () => {\n    const { size } = this.props;\n    return size ? size : starRatingBarSizes.medium;\n  };\n\n  _getInteractiveModeStarsSize = () => {\n    //  In interactive mode the size must be 'large'\n    return starRatingBarSizes.large;\n  };\n\n  _onStarIconClick = ratingValue => {\n    this.props.onChange(ratingValue);\n  };\n\n  _onMouseEnter = ratingValue => {\n    this.setState({ hoveredStarIndex: ratingValue });\n  };\n\n  _onMouseLeave = () => {\n    this.setState({ hoveredStarIndex: 0 });\n  };\n\n  _handleFocus = ratingValue => {\n    // We would like to change the rate caption label when focus / hover\n    this.setState({ hoveredStarIndex: ratingValue });\n  };\n\n  _handleBlur = () => {\n    // We would like to change the rate caption label when focus / hover\n    this.setState({ hoveredStarIndex: 0 });\n  };\n\n  _renderStars = () => {\n    const { readOnly, value } = this.props;\n    const { starsRatingBarSize, hoveredStarIndex } = this.state;\n\n    return Object.values(starIndexes).map(ratingValue => {\n      return readOnly ? (\n        this._renderReadOnlyModeStar(ratingValue)\n      ) : (\n        <InteractiveModeStar\n          className=\"InteractiveModeStar\"\n          key={ratingValue}\n          starsRatingBarSize={starsRatingBarSize}\n          index={ratingValue}\n          selectedStarIndex={value}\n          hoveredStarIndex={hoveredStarIndex}\n          onClick={this._onStarIconClick}\n          onMouseEnter={this._onMouseEnter}\n          onMouseLeave={this._onMouseLeave}\n          handleFocus={this._handleFocus}\n          handleBlur={this._handleBlur}\n        />\n      );\n    });\n  };\n\n  _renderReadOnlyModeStar = ratingValue => {\n    const { readOnly, value } = this.props;\n    const { starsRatingBarSize } = this.state;\n\n    const isFilledStar = ratingValue <= value;\n    const dataHook = isFilledStar ? dataHooks.filledStar : dataHooks.emptyStar;\n    return (\n      <StarFilledIcon\n        key={ratingValue}\n        data-hook={dataHook}\n        className={st(classes.star, {\n          readOnly,\n          filled: isFilledStar,\n          empty: !isFilledStar,\n        })}\n        size={starRatingBarSizesInPx[starsRatingBarSize]}\n      />\n    );\n  };\n\n  _shouldShowRateCaption = () => {\n    const { readOnly, descriptionValues } = this.props;\n    let shouldShowRateCaption = false;\n\n    if (descriptionValues) {\n      const isValidRateCaption =\n        Array.isArray(descriptionValues) && descriptionValues.length === 5;\n\n      if (readOnly) {\n        // Adding description values is not available in read only mode\n        shouldShowRateCaption = false;\n      } else {\n        // Description values must be an array of strings at size 5\n        shouldShowRateCaption = isValidRateCaption;\n      }\n    }\n\n    return shouldShowRateCaption;\n  };\n\n  _renderRateCaption = () => {\n    const { descriptionValues, value } = this.props;\n    const { hoveredStarIndex } = this.state;\n    const isStarsHovered = hoveredStarIndex !== 0;\n\n    let rateCaptionCurrentLabel = '';\n\n    // If the user hovers on a star the label should be compatible to the value of the hovered star\n    // otherwise the label should be compatible to the selected value.\n    if (isStarsHovered) {\n      rateCaptionCurrentLabel = descriptionValues[hoveredStarIndex - 1];\n    } else {\n      rateCaptionCurrentLabel = value === 0 ? '' : descriptionValues[value - 1];\n    }\n\n    return (\n      <div className={classes.rateCaption}>\n        <Text\n          dataHook={dataHooks.ratingCaption}\n          ellipsis\n          size=\"small\"\n          weight=\"normal\"\n          secondary\n        >\n          {rateCaptionCurrentLabel}\n        </Text>\n      </div>\n    );\n  };\n\n  render() {\n    const { dataHook, className } = this.props;\n\n    return (\n      <div data-hook={dataHook} className={st(classes.root, className)}>\n        <div role=\"radiogroup\" className={classes.starsContainer}>\n          {this._renderStars()}\n        </div>\n        {this._shouldShowRateCaption() ? this._renderRateCaption() : null}\n      </div>\n    );\n  }\n}\n\nStarsRatingBar.displayName = 'StarsRatingBar';\n\nStarsRatingBar.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Controls the size of the star rating bar. Interactive mode must be `large`. The default value for the read only mode is `medium`. */\n  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n\n  /** Specifies whether the rating bar is in read-only mode. */\n  readOnly: PropTypes.bool,\n\n  /** Specifies the rate value labels. Array must contain all 5 strings to display the rating labels. */\n  descriptionValues: PropTypes.arrayOf(PropTypes.string),\n\n  /** Specifies the selected rate. 0 indicates an undefined rating. */\n  value: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** Defines a handler that is called whenever rating changes.\n   * ##### Signature:\n   * function(rating: number) => void\n   * * `rating`: 1 | 2 | 3 | 4 | 5\n   */\n  onChange: PropTypes.func,\n};\n\nStarsRatingBar.defaultProps = {\n  readOnly: false,\n  onChange: () => {},\n};\n\nexport default StarsRatingBar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StarsRatingBarSt","_constants","_Text","_InteractiveModeStar","_wixUiIconsCommon","_jsxFileName","StarsRatingBar","React","PureComponent","constructor","props","_getStarsRatingBarSize","readOnly","_getReadOnlyModeStarsSize","_getInteractiveModeStarsSize","size","starRatingBarSizes","medium","large","_onStarIconClick","ratingValue","onChange","_onMouseEnter","setState","hoveredStarIndex","_onMouseLeave","_handleFocus","_handleBlur","_renderStars","value","starsRatingBarSize","state","Object","values","starIndexes","map","_renderReadOnlyModeStar","default","createElement","className","key","index","selectedStarIndex","onClick","onMouseEnter","onMouseLeave","handleFocus","handleBlur","__self","__source","fileName","lineNumber","columnNumber","isFilledStar","dataHook","dataHooks","filledStar","emptyStar","StarFilled","st","classes","star","filled","empty","starRatingBarSizesInPx","_shouldShowRateCaption","descriptionValues","shouldShowRateCaption","isValidRateCaption","Array","isArray","length","_renderRateCaption","isStarsHovered","rateCaptionCurrentLabel","rateCaption","ratingCaption","ellipsis","weight","secondary","componentDidUpdate","prevProps","render","root","role","starsContainer","displayName","propTypes","PropTypes","string","oneOf","bool","arrayOf","isRequired","func","defaultProps","_default","exports"],"sources":["../../../src/StarsRatingBar/StarsRatingBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { st, classes } from './StarsRatingBar.st.css';\nimport {\n  dataHooks,\n  starIndexes,\n  starRatingBarSizes,\n  starRatingBarSizesInPx,\n} from './constants';\n\nimport Text from '../Text';\nimport InteractiveModeStar from './components/InteractiveModeStar';\n\nimport { StarFilled as StarFilledIcon } from '@wix/wix-ui-icons-common';\n\n/** Star Rating Component  */\nclass StarsRatingBar extends React.PureComponent {\n  constructor(props) {\n    super(props);\n\n    const starsRatingBarSize = this._getStarsRatingBarSize();\n\n    this.state = {\n      starsRatingBarSize,\n      hoveredStarIndex: 0,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.size !== this.props.size) {\n      const starsRatingBarSize = this._getStarsRatingBarSize();\n      this.setState({ starsRatingBarSize });\n    }\n  }\n\n  _getStarsRatingBarSize = () => {\n    const { readOnly } = this.props;\n\n    return readOnly\n      ? this._getReadOnlyModeStarsSize()\n      : this._getInteractiveModeStarsSize();\n  };\n\n  _getReadOnlyModeStarsSize = () => {\n    const { size } = this.props;\n    return size ? size : starRatingBarSizes.medium;\n  };\n\n  _getInteractiveModeStarsSize = () => {\n    //  In interactive mode the size can be 'large' or 'medium' only. The default value is 'large'.\n    const { size } = this.props;\n    return size === starRatingBarSizes.medium\n      ? starRatingBarSizes.medium\n      : starRatingBarSizes.large;\n  };\n\n  _onStarIconClick = ratingValue => {\n    this.props.onChange(ratingValue);\n  };\n\n  _onMouseEnter = ratingValue => {\n    this.setState({ hoveredStarIndex: ratingValue });\n  };\n\n  _onMouseLeave = () => {\n    this.setState({ hoveredStarIndex: 0 });\n  };\n\n  _handleFocus = ratingValue => {\n    // We would like to change the rate caption label when focus / hover\n    this.setState({ hoveredStarIndex: ratingValue });\n  };\n\n  _handleBlur = () => {\n    // We would like to change the rate caption label when focus / hover\n    this.setState({ hoveredStarIndex: 0 });\n  };\n\n  _renderStars = () => {\n    const { readOnly, value } = this.props;\n    const { starsRatingBarSize, hoveredStarIndex } = this.state;\n\n    return Object.values(starIndexes).map(ratingValue => {\n      return readOnly ? (\n        this._renderReadOnlyModeStar(ratingValue)\n      ) : (\n        <InteractiveModeStar\n          className=\"InteractiveModeStar\"\n          key={ratingValue}\n          starsRatingBarSize={starsRatingBarSize}\n          index={ratingValue}\n          selectedStarIndex={value}\n          hoveredStarIndex={hoveredStarIndex}\n          onClick={this._onStarIconClick}\n          onMouseEnter={this._onMouseEnter}\n          onMouseLeave={this._onMouseLeave}\n          handleFocus={this._handleFocus}\n          handleBlur={this._handleBlur}\n        />\n      );\n    });\n  };\n\n  _renderReadOnlyModeStar = ratingValue => {\n    const { readOnly, value } = this.props;\n    const { starsRatingBarSize } = this.state;\n\n    const isFilledStar = ratingValue <= value;\n    const dataHook = isFilledStar ? dataHooks.filledStar : dataHooks.emptyStar;\n    return (\n      <StarFilledIcon\n        key={ratingValue}\n        data-hook={dataHook}\n        className={st(classes.star, {\n          readOnly,\n          filled: isFilledStar,\n          empty: !isFilledStar,\n        })}\n        size={starRatingBarSizesInPx[starsRatingBarSize]}\n      />\n    );\n  };\n\n  _shouldShowRateCaption = () => {\n    const { readOnly, descriptionValues } = this.props;\n    let shouldShowRateCaption = false;\n\n    if (descriptionValues) {\n      const isValidRateCaption =\n        Array.isArray(descriptionValues) && descriptionValues.length === 5;\n\n      if (readOnly) {\n        // Adding description values is not available in read only mode\n        shouldShowRateCaption = false;\n      } else {\n        // Description values must be an array of strings at size 5\n        shouldShowRateCaption = isValidRateCaption;\n      }\n    }\n\n    return shouldShowRateCaption;\n  };\n\n  _renderRateCaption = () => {\n    const { descriptionValues, value } = this.props;\n    const { hoveredStarIndex } = this.state;\n    const isStarsHovered = hoveredStarIndex !== 0;\n\n    let rateCaptionCurrentLabel = '';\n\n    // If the user hovers on a star the label should be compatible to the value of the hovered star\n    // otherwise the label should be compatible to the selected value.\n    if (isStarsHovered) {\n      rateCaptionCurrentLabel = descriptionValues[hoveredStarIndex - 1];\n    } else {\n      rateCaptionCurrentLabel = value === 0 ? '' : descriptionValues[value - 1];\n    }\n\n    return (\n      <div className={classes.rateCaption}>\n        <Text\n          dataHook={dataHooks.ratingCaption}\n          ellipsis\n          size=\"small\"\n          weight=\"normal\"\n          secondary\n        >\n          {rateCaptionCurrentLabel}\n        </Text>\n      </div>\n    );\n  };\n\n  render() {\n    const { dataHook, className } = this.props;\n\n    return (\n      <div data-hook={dataHook} className={st(classes.root, className)}>\n        <div role=\"radiogroup\" className={classes.starsContainer}>\n          {this._renderStars()}\n        </div>\n        {this._shouldShowRateCaption() ? this._renderRateCaption() : null}\n      </div>\n    );\n  }\n}\n\nStarsRatingBar.displayName = 'StarsRatingBar';\n\nStarsRatingBar.propTypes = {\n  /** Applies a data-hook HTML attribute that can be used in tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Controls the size of the star rating bar. Interactive mode can be `large` or `medium`. The default value for the read only mode is `medium`. */\n  size: PropTypes.oneOf(['tiny', 'small', 'medium', 'large']),\n\n  /** Specifies whether the rating bar is in read-only mode. */\n  readOnly: PropTypes.bool,\n\n  /** Specifies the rate value labels. Array must contain all 5 strings to display the rating labels. */\n  descriptionValues: PropTypes.arrayOf(PropTypes.string),\n\n  /** Specifies the selected rate. 0 indicates an undefined rating. */\n  value: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** Defines a handler that is called whenever rating changes.\n   * ##### Signature:\n   * function(rating: number) => void\n   * * `rating`: 1 | 2 | 3 | 4 | 5\n   */\n  onChange: PropTypes.func,\n};\n\nStarsRatingBar.defaultProps = {\n  readOnly: false,\n  onChange: () => {},\n};\n\nexport default StarsRatingBar;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/StarsRatingBar/StarsRatingBar.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_StarsRatingBar";
+var _namespace_ = "wds_1_167_0_StarsRatingBar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_StarsRatingBar__root","starsContainer":"wds_1_166_0_StarsRatingBar__starsContainer","star":"wds_1_166_0_StarsRatingBar__star","rateCaption":"wds_1_166_0_StarsRatingBar__rateCaption"};
+module.exports.classes = {"root":"wds_1_167_0_StarsRatingBar__root","starsContainer":"wds_1_167_0_StarsRatingBar__starsContainer","star":"wds_1_167_0_StarsRatingBar__star","rateCaption":"wds_1_167_0_StarsRatingBar__rateCaption"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StarsRatingBar/components/InteractiveModeStar.js

@@ -124,8 +124,8 @@ InteractiveModeStar.propTypes = {
    */
 
   className: _propTypes.default.string,
-  /** Specifies the size of the star rating bar. Interactive mode must be 'large'. The default value for the read only mode is 'medium'. */
-  starsRatingBarSize: _propTypes.default.oneOf(['large']),
+  /** Specifies the size of the star rating bar. Interactive mode must be 'large' or 'medium'. The default value for the read only mode is 'medium'. */
+  starsRatingBarSize: _propTypes.default.oneOf(['large', 'medium']),
   /** The star index. */
   index: _propTypes.default.oneOf([0, 1, 2, 3, 4, 5]).isRequired,
   /** The star rating bar’s selected rate. */

package/dist/cjs/StarsRatingBar/components/InteractiveModeStar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Focusable","_InteractiveModeStarSt","_constants","_wixUiIconsCommon","_jsxFileName","InteractiveModeStar","React","PureComponent","constructor","arguments","_onMouseEnter","index","props","onMouseEnter","_onMouseLeave","onMouseLeave","_onClick","onClick","_onFocus","focusableOnFocus","handleFocus","_onBlur","focusableOnBlur","handleBlur","render","dataHook","selectedStarIndex","starsRatingBarSize","hoveredStarIndex","isStarsHovered","isCurrentStarHovered","isFilledStar","commonProps","size","starRatingBarSizesInPx","default","createElement","role","className","st","classes","root","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","StarFilled","_extends2","dataHooks","filledStar","star","filled","hovered","Star","emptyStar","empty","displayName","propTypes","PropTypes","string","oneOf","isRequired","func","_default","exports","withFocusable"],"sources":["../../../../src/StarsRatingBar/components/InteractiveModeStar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withFocusable } from '../../common/Focusable';\n\nimport { st, classes } from './InteractiveModeStar.st.css';\nimport { dataHooks, starRatingBarSizesInPx } from '../constants';\n\nimport {\n  StarFilled as StarFilledIcon,\n  Star as StarIcon,\n} from '@wix/wix-ui-icons-common';\n\nclass InteractiveModeStar extends React.PureComponent {\n  _onMouseEnter = () => {\n    const { index } = this.props;\n    this.props.onMouseEnter(index);\n  };\n\n  _onMouseLeave = () => {\n    this.props.onMouseLeave();\n  };\n\n  _onClick = () => {\n    const { index } = this.props;\n    this.props.onClick(index);\n  };\n\n  _onFocus = () => {\n    const { focusableOnFocus, index } = this.props;\n\n    // We would like to change the rate caption label when focus / hover\n    this.props.handleFocus(index);\n\n    focusableOnFocus();\n  };\n\n  _onBlur = () => {\n    const { focusableOnBlur } = this.props;\n\n    // We would like to change the rate caption label when focus / hover\n    this.props.handleBlur();\n\n    focusableOnBlur();\n  };\n\n  render() {\n    const {\n      dataHook,\n      selectedStarIndex,\n      index,\n      starsRatingBarSize,\n      hoveredStarIndex,\n    } = this.props;\n\n    const isStarsHovered = hoveredStarIndex !== 0;\n    const isCurrentStarHovered = hoveredStarIndex === index;\n\n    // If the user hovers on a star the value should be compatible to the value of the hovered star\n    // otherwise the value should be compatible to the selected value.\n    const isFilledStar = isStarsHovered\n      ? index <= hoveredStarIndex\n      : index <= selectedStarIndex;\n\n    const commonProps = {\n      size: starRatingBarSizesInPx[starsRatingBarSize],\n    };\n\n    return (\n      <button\n        role=\"radio\"\n        aria-checked={isFilledStar}\n        aria-label={index}\n        data-hook={dataHook}\n        data-index={index}\n        className={st(classes.root, this.props.className)}\n        onClick={() => this._onClick(index)}\n        onMouseEnter={() => this._onMouseEnter(index)}\n        onMouseLeave={() => this._onMouseLeave()}\n        onFocus={this._onFocus}\n        onBlur={this._onBlur}\n      >\n        {isFilledStar ? (\n          <StarFilledIcon\n            aria-hidden\n            {...commonProps}\n            data-hook={dataHooks.filledStar}\n            className={st(classes.star, {\n              filled: true,\n              hovered: isCurrentStarHovered,\n            })}\n          />\n        ) : (\n          <StarIcon\n            aria-hidden\n            {...commonProps}\n            data-hook={dataHooks.emptyStar}\n            className={st(classes.star, {\n              empty: true,\n              hovered: isCurrentStarHovered,\n            })}\n          />\n        )}\n      </button>\n    );\n  }\n}\n\nInteractiveModeStar.displayName = 'InteractiveModeStar';\n\nInteractiveModeStar.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Specifies the size of the star rating bar. Interactive mode must be 'large'. The default value for the read only mode is 'medium'. */\n  starsRatingBarSize: PropTypes.oneOf(['large']),\n\n  /** The star index. */\n  index: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** The star rating bar’s selected rate. */\n  selectedStarIndex: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** The star rating bar’s hovered star index. */\n  hoveredStarIndex: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** A Handler for clicking on the star\n   * ##### Signature:\n   * function(rating: number) => void\n   * * `rating`: 1 | 2 | 3 | 4 | 5\n   */\n  onClick: PropTypes.func,\n\n  /** A Handler for mouse enter\n   * ##### Signature:\n   * function(rating: number) => void\n   * * `rating`: 1 | 2 | 3 | 4 | 5\n   */\n  onMouseEnter: PropTypes.func,\n\n  /** A Handler for mouse leave\n   * ##### Signature:\n   * function() => void\n   */\n  onMouseLeave: PropTypes.func,\n\n  /** A Handler for focus\n   * ##### Signature:\n   * function() => void\n   */\n  handleFocus: PropTypes.func,\n\n  /** A Handler for blur\n   * ##### Signature:\n   * function() => void\n   */\n  handleBlur: PropTypes.func,\n};\n\nexport default withFocusable(InteractiveModeStar);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_Focusable","_InteractiveModeStarSt","_constants","_wixUiIconsCommon","_jsxFileName","InteractiveModeStar","React","PureComponent","constructor","arguments","_onMouseEnter","index","props","onMouseEnter","_onMouseLeave","onMouseLeave","_onClick","onClick","_onFocus","focusableOnFocus","handleFocus","_onBlur","focusableOnBlur","handleBlur","render","dataHook","selectedStarIndex","starsRatingBarSize","hoveredStarIndex","isStarsHovered","isCurrentStarHovered","isFilledStar","commonProps","size","starRatingBarSizesInPx","default","createElement","role","className","st","classes","root","onFocus","onBlur","__self","__source","fileName","lineNumber","columnNumber","StarFilled","_extends2","dataHooks","filledStar","star","filled","hovered","Star","emptyStar","empty","displayName","propTypes","PropTypes","string","oneOf","isRequired","func","_default","exports","withFocusable"],"sources":["../../../../src/StarsRatingBar/components/InteractiveModeStar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withFocusable } from '../../common/Focusable';\n\nimport { st, classes } from './InteractiveModeStar.st.css';\nimport { dataHooks, starRatingBarSizesInPx } from '../constants';\n\nimport {\n  StarFilled as StarFilledIcon,\n  Star as StarIcon,\n} from '@wix/wix-ui-icons-common';\n\nclass InteractiveModeStar extends React.PureComponent {\n  _onMouseEnter = () => {\n    const { index } = this.props;\n    this.props.onMouseEnter(index);\n  };\n\n  _onMouseLeave = () => {\n    this.props.onMouseLeave();\n  };\n\n  _onClick = () => {\n    const { index } = this.props;\n    this.props.onClick(index);\n  };\n\n  _onFocus = () => {\n    const { focusableOnFocus, index } = this.props;\n\n    // We would like to change the rate caption label when focus / hover\n    this.props.handleFocus(index);\n\n    focusableOnFocus();\n  };\n\n  _onBlur = () => {\n    const { focusableOnBlur } = this.props;\n\n    // We would like to change the rate caption label when focus / hover\n    this.props.handleBlur();\n\n    focusableOnBlur();\n  };\n\n  render() {\n    const {\n      dataHook,\n      selectedStarIndex,\n      index,\n      starsRatingBarSize,\n      hoveredStarIndex,\n    } = this.props;\n\n    const isStarsHovered = hoveredStarIndex !== 0;\n    const isCurrentStarHovered = hoveredStarIndex === index;\n\n    // If the user hovers on a star the value should be compatible to the value of the hovered star\n    // otherwise the value should be compatible to the selected value.\n    const isFilledStar = isStarsHovered\n      ? index <= hoveredStarIndex\n      : index <= selectedStarIndex;\n\n    const commonProps = {\n      size: starRatingBarSizesInPx[starsRatingBarSize],\n    };\n\n    return (\n      <button\n        role=\"radio\"\n        aria-checked={isFilledStar}\n        aria-label={index}\n        data-hook={dataHook}\n        data-index={index}\n        className={st(classes.root, this.props.className)}\n        onClick={() => this._onClick(index)}\n        onMouseEnter={() => this._onMouseEnter(index)}\n        onMouseLeave={() => this._onMouseLeave()}\n        onFocus={this._onFocus}\n        onBlur={this._onBlur}\n      >\n        {isFilledStar ? (\n          <StarFilledIcon\n            aria-hidden\n            {...commonProps}\n            data-hook={dataHooks.filledStar}\n            className={st(classes.star, {\n              filled: true,\n              hovered: isCurrentStarHovered,\n            })}\n          />\n        ) : (\n          <StarIcon\n            aria-hidden\n            {...commonProps}\n            data-hook={dataHooks.emptyStar}\n            className={st(classes.star, {\n              empty: true,\n              hovered: isCurrentStarHovered,\n            })}\n          />\n        )}\n      </button>\n    );\n  }\n}\n\nInteractiveModeStar.displayName = 'InteractiveModeStar';\n\nInteractiveModeStar.propTypes = {\n  /** Applied as data-hook HTML attribute that can be used in the tests */\n  dataHook: PropTypes.string,\n\n  /** Specifies a CSS class name to be appended to the component’s root element.\n   * @internal\n   */\n\n  className: PropTypes.string,\n\n  /** Specifies the size of the star rating bar. Interactive mode must be 'large' or 'medium'. The default value for the read only mode is 'medium'. */\n  starsRatingBarSize: PropTypes.oneOf(['large', 'medium']),\n\n  /** The star index. */\n  index: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** The star rating bar’s selected rate. */\n  selectedStarIndex: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** The star rating bar’s hovered star index. */\n  hoveredStarIndex: PropTypes.oneOf([0, 1, 2, 3, 4, 5]).isRequired,\n\n  /** A Handler for clicking on the star\n   * ##### Signature:\n   * function(rating: number) => void\n   * * `rating`: 1 | 2 | 3 | 4 | 5\n   */\n  onClick: PropTypes.func,\n\n  /** A Handler for mouse enter\n   * ##### Signature:\n   * function(rating: number) => void\n   * * `rating`: 1 | 2 | 3 | 4 | 5\n   */\n  onMouseEnter: PropTypes.func,\n\n  /** A Handler for mouse leave\n   * ##### Signature:\n   * function() => void\n   */\n  onMouseLeave: PropTypes.func,\n\n  /** A Handler for focus\n   * ##### Signature:\n   * function() => void\n   */\n  handleFocus: PropTypes.func,\n\n  /** A Handler for blur\n   * ##### Signature:\n   * function() => void\n   */\n  handleBlur: PropTypes.func,\n};\n\nexport default withFocusable(InteractiveModeStar);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEA,IAAAK,iBAAA,GAAAL,OAAA;AAGkC,IAAAM,YAAA;AAElC,MAAMC,mBAAmB,SAASC,cAAK,CAACC,aAAa,CAAC;EAAAC,YAAA;IAAA,SAAAC,SAAA;IAAA,KACpDC,aAAa,GAAG,MAAM;MACpB,IAAM;QAAEC;MAAM,CAAC,GAAG,IAAI,CAACC,KAAK;MAC5B,IAAI,CAACA,KAAK,CAACC,YAAY,CAACF,KAAK,CAAC;IAChC,CAAC;IAAA,KAEDG,aAAa,GAAG,MAAM;MACpB,IAAI,CAACF,KAAK,CAACG,YAAY,CAAC,CAAC;IAC3B,CAAC;IAAA,KAEDC,QAAQ,GAAG,MAAM;MACf,IAAM;QAAEL;MAAM,CAAC,GAAG,IAAI,CAACC,KAAK;MAC5B,IAAI,CAACA,KAAK,CAACK,OAAO,CAACN,KAAK,CAAC;IAC3B,CAAC;IAAA,KAEDO,QAAQ,GAAG,MAAM;MACf,IAAM;QAAEC,gBAAgB;QAAER;MAAM,CAAC,GAAG,IAAI,CAACC,KAAK;;MAE9C;MACA,IAAI,CAACA,KAAK,CAACQ,WAAW,CAACT,KAAK,CAAC;MAE7BQ,gBAAgB,CAAC,CAAC;IACpB,CAAC;IAAA,KAEDE,OAAO,GAAG,MAAM;MACd,IAAM;QAAEC;MAAgB,CAAC,GAAG,IAAI,CAACV,KAAK;;MAEtC;MACA,IAAI,CAACA,KAAK,CAACW,UAAU,CAAC,CAAC;MAEvBD,eAAe,CAAC,CAAC;IACnB,CAAC;EAAA;EAEDE,MAAMA,CAAA,EAAG;IACP,IAAM;MACJC,QAAQ;MACRC,iBAAiB;MACjBf,KAAK;MACLgB,kBAAkB;MAClBC;IACF,CAAC,GAAG,IAAI,CAAChB,KAAK;IAEd,IAAMiB,cAAc,GAAGD,gBAAgB,KAAK,CAAC;IAC7C,IAAME,oBAAoB,GAAGF,gBAAgB,KAAKjB,KAAK;;IAEvD;IACA;IACA,IAAMoB,YAAY,GAAGF,cAAc,GAC/BlB,KAAK,IAAIiB,gBAAgB,GACzBjB,KAAK,IAAIe,iBAAiB;IAE9B,IAAMM,WAAW,GAAG;MAClBC,IAAI,EAAEC,iCAAsB,CAACP,kBAAkB;IACjD,CAAC;IAED,oBACE/B,MAAA,CAAAuC,OAAA,CAAAC,aAAA;MACEC,IAAI,EAAC,OAAO;MACZ,gBAAcN,YAAa;MAC3B,cAAYpB,KAAM;MAClB,aAAWc,QAAS;MACpB,cAAYd,KAAM;MAClB2B,SAAS,EAAE,IAAAC,yBAAE,EAACC,8BAAO,CAACC,IAAI,EAAE,IAAI,CAAC7B,KAAK,CAAC0B,SAAS,CAAE;MAClDrB,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACD,QAAQ,CAACL,KAAK,CAAE;MACpCE,YAAY,EAAEA,CAAA,KAAM,IAAI,CAACH,aAAa,CAACC,KAAK,CAAE;MAC9CI,YAAY,EAAEA,CAAA,KAAM,IAAI,CAACD,aAAa,CAAC,CAAE;MACzC4B,OAAO,EAAE,IAAI,CAACxB,QAAS;MACvByB,MAAM,EAAE,IAAI,CAACtB,OAAQ;MAAAuB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1C,YAAA;QAAA2C,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEpBjB,YAAY,gBACXnC,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAACjC,iBAAA,CAAA8C,UAAc,MAAAC,SAAA,CAAAf,OAAA;MACb;IAAW,GACPH,WAAW;MACf,aAAWmB,oBAAS,CAACC,UAAW;MAChCd,SAAS,EAAE,IAAAC,yBAAE,EAACC,8BAAO,CAACa,IAAI,EAAE;QAC1BC,MAAM,EAAE,IAAI;QACZC,OAAO,EAAEzB;MACX,CAAC,CAAE;MAAAc,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1C,YAAA;QAAA2C,UAAA;QAAAC,YAAA;MAAA;IAAA,EACJ,CAAC,gBAEFpD,MAAA,CAAAuC,OAAA,CAAAC,aAAA,CAACjC,iBAAA,CAAAqD,IAAQ,MAAAN,SAAA,CAAAf,OAAA;MACP;IAAW,GACPH,WAAW;MACf,aAAWmB,oBAAS,CAACM,SAAU;MAC/BnB,SAAS,EAAE,IAAAC,yBAAE,EAACC,8BAAO,CAACa,IAAI,EAAE;QAC1BK,KAAK,EAAE,IAAI;QACXH,OAAO,EAAEzB;MACX,CAAC,CAAE;MAAAc,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1C,YAAA;QAAA2C,UAAA;QAAAC,YAAA;MAAA;IAAA,EACJ,CAEG,CAAC;EAEb;AACF;AAEA3C,mBAAmB,CAACsD,WAAW,GAAG,qBAAqB;AAEvDtD,mBAAmB,CAACuD,SAAS,GAAG;EAC9B;EACAnC,QAAQ,EAAEoC,kBAAS,CAACC,MAAM;EAE1B;AACF;AACA;;EAEExB,SAAS,EAAEuB,kBAAS,CAACC,MAAM;EAE3B;EACAnC,kBAAkB,EAAEkC,kBAAS,CAACE,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;EAExD;EACApD,KAAK,EAAEkD,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,UAAU;EAErD;EACAtC,iBAAiB,EAAEmC,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,UAAU;EAEjE;EACApC,gBAAgB,EAAEiC,kBAAS,CAACE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAACC,UAAU;EAEhE;AACF;AACA;AACA;AACA;EACE/C,OAAO,EAAE4C,kBAAS,CAACI,IAAI;EAEvB;AACF;AACA;AACA;AACA;EACEpD,YAAY,EAAEgD,kBAAS,CAACI,IAAI;EAE5B;AACF;AACA;AACA;EACElD,YAAY,EAAE8C,kBAAS,CAACI,IAAI;EAE5B;AACF;AACA;AACA;EACE7C,WAAW,EAAEyC,kBAAS,CAACI,IAAI;EAE3B;AACF;AACA;AACA;EACE1C,UAAU,EAAEsC,kBAAS,CAACI;AACxB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEa,IAAAiC,wBAAa,EAAC/D,mBAAmB,CAAC","ignoreList":[]}

package/dist/cjs/StarsRatingBar/components/InteractiveModeStar.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_166_0_InteractiveModeStar";
+var _namespace_ = "wds_1_167_0_InteractiveModeStar";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_InteractiveModeStar__root","star":"wds_1_166_0_InteractiveModeStar__star"};
+module.exports.classes = {"root":"wds_1_167_0_InteractiveModeStar__root","star":"wds_1_167_0_InteractiveModeStar__star"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StatisticsWidget/StatisticsItem/StatisticsItem.st.css.js

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_166_0_StatisticsItem";
+var _namespace_ = "wds_1_167_0_StatisticsItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_StatisticsItem__root","item":"wds_1_166_0_StatisticsItem__item","loader":"wds_1_166_0_StatisticsItem__loader","description":"wds_1_166_0_StatisticsItem__description","info":"wds_1_166_0_StatisticsItem__info","percentage":"wds_1_166_0_StatisticsItem__percentage","tooltip":"wds_1_166_0_StatisticsItem__tooltip"};
+module.exports.classes = {"root":"wds_1_167_0_StatisticsItem__root","item":"wds_1_167_0_StatisticsItem__item","loader":"wds_1_167_0_StatisticsItem__loader","description":"wds_1_167_0_StatisticsItem__description","info":"wds_1_167_0_StatisticsItem__info","percentage":"wds_1_167_0_StatisticsItem__percentage","tooltip":"wds_1_167_0_StatisticsItem__tooltip"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StatisticsWidget/StatisticsWidget.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_StatisticsWidget";
+var _namespace_ = "wds_1_167_0_StatisticsWidget";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_StatisticsWidget__root"};
+module.exports.classes = {"root":"wds_1_167_0_StatisticsWidget__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StatusIndicator/StatusIndicator.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_StatusIndicator";
+var _namespace_ = "wds_1_167_0_StatusIndicator";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_StatusIndicator__root"};
+module.exports.classes = {"root":"wds_1_167_0_StatusIndicator__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/StatusToast/StatusToast.st.css.js

@@ -5,7 +5,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_StatusToast";
+var _namespace_ = "wds_1_167_0_StatusToast";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_StatusToast__root","toast":"wds_1_166_0_StatusToast__toast","icon":"wds_1_166_0_StatusToast__icon","content":"wds_1_166_0_StatusToast__content","action":"wds_1_166_0_StatusToast__action"};
+module.exports.classes = {"root":"wds_1_167_0_StatusToast__root","toast":"wds_1_167_0_StatusToast__toast","icon":"wds_1_167_0_StatusToast__icon","content":"wds_1_167_0_StatusToast__content","action":"wds_1_167_0_StatusToast__action"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Stepper/Stepper.st.css.js

@@ -4,7 +4,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
 
 
 
-var _namespace_ = "wds_1_166_0_Stepper";
+var _namespace_ = "wds_1_167_0_Stepper";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -12,7 +12,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_Stepper__root"};
+module.exports.classes = {"root":"wds_1_167_0_Stepper__root"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/Stepper/components/Step.st.css.js

@@ -9,7 +9,7 @@ const { classesRuntime, statesRuntime } = require("./../../stylable-cjs-runtime.
 
 
 
-var _namespace_ = "wds_1_166_0_Step";
+var _namespace_ = "wds_1_167_0_Step";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -17,7 +17,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_166_0_Step__root","text-medium-normal":"wds_1_166_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_166_0_StylableTypography__text-medium-thin","text-small-normal":"wds_1_166_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_166_0_StylableTypography__text-small-thin","marker":"wds_1_166_0_Step__marker","content":"wds_1_166_0_Step__content","text":"wds_1_166_0_Step__text","arrow":"wds_1_166_0_Step__arrow"};
+module.exports.classes = {"root":"wds_1_167_0_Step__root","text-medium-normal":"wds_1_167_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_167_0_StylableTypography__text-medium-thin","text-small-normal":"wds_1_167_0_StylableTypography__text-small-normal","text-small-thin":"wds_1_167_0_StylableTypography__text-small-thin","marker":"wds_1_167_0_Step__marker","content":"wds_1_167_0_Step__content","text":"wds_1_167_0_Step__text","arrow":"wds_1_167_0_Step__arrow"};
 module.exports.keyframes = {}; 
 module.exports.layers = {};
 module.exports.containers = {};