@desynova-digital/player 3.7.6 → 3.7.7

package/components/control-bar/SubtitleLanguagesMenuButton.js

@@ -20,6 +20,8 @@ var _Menu = require('../Menu');
 
 var _Menu2 = _interopRequireDefault(_Menu);
 
+var _components = require('@desynova-digital/components');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -33,10 +35,25 @@ var propTypes = {
   player: _propTypes.PropTypes.instanceOf(Object)
 };
 
+var IconButtonStyles = (0, _styledComponents2.default)(_components.Button).withConfig({
+  displayName: 'SubtitleLanguagesMenuButton__IconButtonStyles',
+  componentId: 'sc-1g8hfwo-0'
+})(['border:none;pointer-events:stroke;background-color:', ';svg{path{fill:', ' !important;}}&:hover,&:focus,&:active{border:none;border-radius:', ';svg{path{fill:', ' !important;}}}'], function (props) {
+  return props.backgroundColor;
+}, function (_ref) {
+  var svgFillDefault = _ref.svgFillDefault;
+  return svgFillDefault;
+}, function (props) {
+  return props.borderRadius ? props.borderRadius : 'none';
+}, function (_ref2) {
+  var hoverColor = _ref2.hoverColor;
+  return hoverColor;
+});
+
 var SubtitleMenuBlock = (0, _styledComponents2.default)('div').withConfig({
   displayName: 'SubtitleLanguagesMenuButton__SubtitleMenuBlock',
-  componentId: 'sc-1g8hfwo-0'
-})(['text-align:left;background:transparent;cursor:pointer;border-bottom:1px solid #eeeeee;&:last-child{border:none;}&:hover,&:focus{background:rgba(0,206,198,0.1);}p{padding 15px;font-family:SFUIText-Medium;font-size:12px;white-space:nowrap;}']);
+  componentId: 'sc-1g8hfwo-1'
+})(['display:flex;justify-content:space-between;text-align:left;background:transparent;cursor:pointer;border-bottom:1px solid #eeeeee;&:last-child{border:none;}&:hover,&:focus{background:rgba(0,206,198,0.1);}p{padding 15px;font-family:SFUIText-Medium;font-size:12px;white-space:nowrap;}.icon-wrapper{padding:9px;}.tooltip-container{.tooltip-block{white-space:nowrap;padding:0px;left:-15px;:after{right:0px;left:auto;}p{text-transform:capitalize;font-size:10px;padding:12px;}}}']);
 
 var SubtitleLanguagesMenuButton = function (_Component) {
   _inherits(SubtitleLanguagesMenuButton, _Component);
@@ -116,6 +133,30 @@ var SubtitleLanguagesMenuButton = function (_Component) {
                     style: activeLanguage === subtitle.subtitle_info_id ? { color: '#00cec6', pointerEvents: 'none' } : { color: '#333333' }
                   },
                   subtitle.title
+                ),
+                subtitle.srt_file_name && _react2.default.createElement(
+                  'div',
+                  { className: 'icon-wrapper' },
+                  _react2.default.createElement(IconButtonStyles, {
+                    display: 'rounded',
+                    appearance: 'cta',
+                    icon: 'download',
+                    label: 'Download',
+                    iconWidth: 14,
+                    iconHeight: 14,
+                    width: 22,
+                    height: 22,
+                    hoverColor: '#FFFFFF',
+                    hoverBackgroundColor: '#00cec6',
+                    backgroundColor: activeLanguage === subtitle.subtitle_info_id ? '#00cec6' : 'rgb(51,51,51,0.1)',
+                    svgFillDefault: activeLanguage === subtitle.subtitle_info_id ? '#FFFFFF' : 'rgb(51,51,51)',
+                    borderRadius: '50%',
+                    onClick: function onClick(e) {
+                      console.log("icon clicked1");
+                      window.open(subtitle.srt_file_name, '_blank');
+                      e.stopPropagation();
+                    }
+                  })
                 )
               );
             })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@desynova-digital/player",
-  "version": "3.7.6",
+  "version": "3.7.7",
   "description": "Video Player Package for Contido Application",
   "main": "index.js",
   "scripts": {