@megafon/ui-shared 4.7.0 → 4.9.0

package/dist/lib/components/AudioPlayer/style/AudioProgress.css

@@ -0,0 +1,35 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-audio-progress {
+  width: 100%;
+  margin-right: 16px;
+}
+.mfui-audio-progress__info {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
+}
+.mfui-audio-progress__value {
+  color: var(-spbSky3);
+  font-size: 12px;
+  line-height: 18px;
+}
+.mfui-audio-progress__range-wrapper {
+  margin-top: -2px;
+}
+.mfui-audio-progress__title {
+  color: var(--stcBlack);
+  font-size: 12px;
+  line-height: 18px;
+}

package/dist/lib/components/AudioPlayer/style/AudioRange.css

@@ -0,0 +1,68 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-audio-range {
+  width: 100%;
+  height: 4px;
+  border-radius: 2px;
+  background: var(--spbSky2);
+  background-image: -webkit-gradient(linear, left top, left bottom, from(#00B956), to(#00B956));
+  background-image: linear-gradient(#00B956, #00B956);
+  background-repeat: no-repeat;
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+.mfui-audio-range:focus {
+  outline: none;
+}
+.mfui-audio-range::-webkit-slider-thumb {
+  width: 16px;
+  height: 16px;
+  border: none;
+  border-radius: 50%;
+  background: var(--stcWhite);
+  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
+          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
+  -webkit-appearance: none;
+}
+.mfui-audio-range::-moz-range-thumb {
+  width: 16px;
+  height: 16px;
+  border: none;
+  border-radius: 50%;
+  background: var(--stcWhite);
+  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
+  -webkit-appearance: none;
+}
+.mfui-audio-range::-ms-thumb {
+  width: 16px;
+  height: 16px;
+  border: none;
+  border-radius: 50%;
+  background: var(--stcWhite);
+  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
+  -webkit-appearance: none;
+}
+.mfui-audio-range::-webkit-slider-runnable-track {
+  border: none;
+  background: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -webkit-appearance: none;
+}
+.mfui-audio-range::-moz-range-track {
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  -webkit-appearance: none;
+}
+.mfui-audio-range::-ms-track {
+  border: none;
+  background: transparent;
+  box-shadow: none;
+  -webkit-appearance: none;
+}

package/dist/lib/components/AudioPlayer/style/AudioVolume.css

@@ -0,0 +1,34 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-audio-volume {
+  width: 24px;
+}
+.mfui-audio-volume__tooltip-content {
+  padding: 7px 16px 14px;
+  border-radius: 12px;
+}
+.mfui-audio-volume__tooltip-content-shadow {
+  border-radius: 12px;
+}
+.mfui-audio-volume__icon {
+  display: none;
+  width: 24px;
+  min-width: 24px;
+  height: 24px;
+  cursor: pointer;
+  fill: var(--brandGreen);
+}
+.mfui-audio-volume__icon_visible {
+  display: block;
+}
+.mfui-audio-volume__icon:hover {
+  fill: var(--buttonHoverGreen);
+}
+.mfui-audio-volume__range {
+  max-width: 128px;
+}

package/dist/lib/components/AudioPlayer/timerFormatUtil.d.ts

@@ -0,0 +1,2 @@
+declare const timerFormat: (sec: number) => string;
+export default timerFormat;

package/dist/lib/components/AudioPlayer/timerFormatUtil.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.concat");
+
+require("core-js/modules/es.parse-int");
+
+var getMinutes = function getMinutes(sec) {
+  var min = parseInt("".concat(sec / 60), 10);
+
+  if (min < 10) {
+    return "0".concat(min);
+  }
+
+  return "".concat(min);
+};
+/**
+ * @param {Number} sec
+ * @returns {String}
+ */
+
+
+var getSeconds = function getSeconds(sec) {
+  if (sec < 10) {
+    return "0".concat(sec);
+  }
+
+  return "".concat(sec);
+};
+
+var timerFormat = function timerFormat(sec) {
+  var min = getMinutes(sec);
+  var seconds = getSeconds(sec % 60);
+  return "".concat(min, ":").concat(seconds);
+};
+
+var _default = timerFormat;
+exports["default"] = _default;

package/dist/lib/components/Instructions/Instructions.js

@@ -17,8 +17,6 @@ var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
-var _htmr = _interopRequireDefault(require("htmr"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react2 = require("swiper/react");
@@ -147,14 +145,14 @@ var Instructions = function Instructions(_ref) {
         resolution: resolution
       }),
       as: "h2"
-    }, title);
+    }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig));
   }, [title]);
 
   var renderText = _react["default"].useCallback(function () {
     return /*#__PURE__*/_react["default"].createElement(_uiCore.Paragraph, {
       className: cn('text', [additionalText]),
       hasMargin: false
-    }, (0, _htmr["default"])(text));
+    }, (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig));
   }, [text, additionalText]);
 
   var renderPicture = _react["default"].useCallback(function () {

package/dist/lib/components/Steps/Steps.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import './Steps.less';
 export interface ISteps {
+    /** Дополнительный класс корневого элемента */
+    className?: string;
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
     /** Заголовок */

package/dist/lib/components/Steps/Steps.js

@@ -26,17 +26,18 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 var cn = (0, _uiHelpers.cnCreate)('mfui-steps');
 
 var Steps = function Steps(_ref) {
-  var title = _ref.title,
+  var className = _ref.className,
+      title = _ref.title,
       rootRef = _ref.rootRef,
       children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: cn(),
+    className: cn([className]),
     ref: rootRef
   }, /*#__PURE__*/React.createElement(_uiCore.Header, {
     as: "h2",
     align: "center",
     className: cn('title')
-  }, title), /*#__PURE__*/React.createElement("ul", {
+  }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/React.createElement("ul", {
     className: cn('list')
   }, React.Children.map(children, function (child) {
     return /*#__PURE__*/React.createElement("li", {
@@ -46,6 +47,7 @@ var Steps = function Steps(_ref) {
 };
 
 Steps.propTypes = {
+  className: _propTypes["default"].string,
   rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
     current: _propTypes["default"].elementType
   }), _propTypes["default"].any])]),

package/dist/lib/components/Steps/StepsItem.js

@@ -28,7 +28,7 @@ var StepsItem = function StepsItem(_ref) {
     className: cn('text-wrapper')
   }, /*#__PURE__*/_react["default"].createElement(_uiCore.Paragraph, {
     hasMargin: false
-  }, text)));
+  }, typeof text === 'string' ? (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig) : text)));
 };
 
 StepsItem.propTypes = {

package/dist/lib/index.d.ts

@@ -1,4 +1,8 @@
 export { default as AccordionBox } from './components/AccordionBox/AccordionBox';
+export { default as AudioPlayer } from './components/AudioPlayer/AudioPlayer';
+export { default as AudioProgress } from './components/AudioPlayer/AudioProgress';
+export { default as AudioRange } from './components/AudioPlayer/AudioRange';
+export { default as AudioVolume } from './components/AudioPlayer/AudioVolume';
 export { default as BannerBox } from './components/BannerBox/BannerBox';
 export { default as BenefitsIcons } from './components/BenefitsIcons/BenefitsIcons';
 export { default as BenefitsIconsTile } from './components/BenefitsIcons/BenefitsIconsTile';
@@ -33,6 +37,7 @@ export { default as TextBox } from './components/TextBox/TextBox';
 export { default as TextBoxPicture } from './components/TextBox/TextBoxPicture';
 export { default as TextWithIcon } from './components/TextWithIcon/TextWithIcon';
 export { default as TextWithIconItem } from './components/TextWithIcon/TextWithIconItem';
+export { default as timerFormatUtil } from './components/AudioPlayer/timerFormatUtil';
 export { default as TitleDescriptionBox } from './components/TitleDescriptionBox/TitleDescriptionBox';
 export { default as VideoBanner } from './components/VideoBanner/VideoBanner';
 export { default as VideoBlock } from './components/VideoBlock/VideoBlock';

package/dist/lib/index.js

@@ -9,6 +9,30 @@ Object.defineProperty(exports, "AccordionBox", {
     return _AccordionBox["default"];
   }
 });
+Object.defineProperty(exports, "AudioPlayer", {
+  enumerable: true,
+  get: function get() {
+    return _AudioPlayer["default"];
+  }
+});
+Object.defineProperty(exports, "AudioProgress", {
+  enumerable: true,
+  get: function get() {
+    return _AudioProgress["default"];
+  }
+});
+Object.defineProperty(exports, "AudioRange", {
+  enumerable: true,
+  get: function get() {
+    return _AudioRange["default"];
+  }
+});
+Object.defineProperty(exports, "AudioVolume", {
+  enumerable: true,
+  get: function get() {
+    return _AudioVolume["default"];
+  }
+});
 Object.defineProperty(exports, "BannerBox", {
   enumerable: true,
   get: function get() {
@@ -213,6 +237,12 @@ Object.defineProperty(exports, "TextWithIconItem", {
     return _TextWithIconItem["default"];
   }
 });
+Object.defineProperty(exports, "timerFormatUtil", {
+  enumerable: true,
+  get: function get() {
+    return _timerFormatUtil["default"];
+  }
+});
 Object.defineProperty(exports, "TitleDescriptionBox", {
   enumerable: true,
   get: function get() {
@@ -234,6 +264,14 @@ Object.defineProperty(exports, "VideoBlock", {
 
 var _AccordionBox = _interopRequireDefault(require("./components/AccordionBox/AccordionBox"));
 
+var _AudioPlayer = _interopRequireDefault(require("./components/AudioPlayer/AudioPlayer"));
+
+var _AudioProgress = _interopRequireDefault(require("./components/AudioPlayer/AudioProgress"));
+
+var _AudioRange = _interopRequireDefault(require("./components/AudioPlayer/AudioRange"));
+
+var _AudioVolume = _interopRequireDefault(require("./components/AudioPlayer/AudioVolume"));
+
 var _BannerBox = _interopRequireDefault(require("./components/BannerBox/BannerBox"));
 
 var _BenefitsIcons = _interopRequireDefault(require("./components/BenefitsIcons/BenefitsIcons"));
@@ -302,6 +340,8 @@ var _TextWithIcon = _interopRequireDefault(require("./components/TextWithIcon/Te
 
 var _TextWithIconItem = _interopRequireDefault(require("./components/TextWithIcon/TextWithIconItem"));
 
+var _timerFormatUtil = _interopRequireDefault(require("./components/AudioPlayer/timerFormatUtil"));
+
 var _TitleDescriptionBox = _interopRequireDefault(require("./components/TitleDescriptionBox/TitleDescriptionBox"));
 
 var _VideoBanner = _interopRequireDefault(require("./components/VideoBanner/VideoBanner"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.7.0",
+  "version": "4.9.0",
   "files": [
     "dist"
   ],
@@ -52,7 +52,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.4.1",
+    "@megafon/ui-icons": "^2.4.2",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -85,13 +85,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^4.10.0",
-    "@megafon/ui-helpers": "^2.3.1",
+    "@megafon/ui-core": "^4.11.0",
+    "@megafon/ui-helpers": "^2.4.0",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "ac8874d2fae1f64db72d87a5c0352360a70b9a4d"
+  "gitHead": "3fecd142b2a2dac4027b90855c8b6a933ae30d61"
 }