@megafon/ui-shared 2.0.0-beta.97 → 2.0.1

package/dist/lib/components/VideoBlock/VideoBlock.js

@@ -1,17 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-require("core-js/modules/es.symbol");
-
-require("core-js/modules/es.symbol.description");
-
-require("core-js/modules/es.array.concat");
-
-require("core-js/modules/es.array.map");
-
-require("core-js/modules/es.object.values");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -23,65 +11,73 @@ require("core-js/modules/es.symbol.description");
 
 require("core-js/modules/es.array.concat");
 
-require("core-js/modules/es.array.map");
-
 require("core-js/modules/es.object.values");
 
-var React = _interopRequireWildcard(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
 
 var _uiCore = require("@megafon/ui-core");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _uiHelpers = require("@megafon/ui-helpers");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var VideoTypes = {
   YOUTUBE: 'youtube',
   VIDEO: 'video'
 };
 exports.VideoTypes = VideoTypes;
-var cn = (0, _uiCore.cnCreate)('mfui-beta-video-block');
+var cn = (0, _uiHelpers.cnCreate)('mfui-video-block');
 
 var VideoBlock = function VideoBlock(_ref) {
-  var content = _ref.content,
+  var dataAttrs = _ref.dataAttrs,
+      className = _ref.className,
+      _ref$classes = _ref.classes,
+      classes = _ref$classes === void 0 ? {} : _ref$classes,
+      rootRef = _ref.rootRef,
+      content = _ref.content,
       _ref$videoType = _ref.videoType,
       videoType = _ref$videoType === void 0 ? 'video' : _ref$videoType,
       videoSrc = _ref.videoSrc,
       _ref$isMuted = _ref.isMuted,
       isMuted = _ref$isMuted === void 0 ? true : _ref$isMuted,
       _ref$isAutoplay = _ref.isAutoplay,
-      isAutoplay = _ref$isAutoplay === void 0 ? false : _ref$isAutoplay,
-      className = _ref.className;
-  var renderVideo = React.useCallback(function () {
+      isAutoplay = _ref$isAutoplay === void 0 ? false : _ref$isAutoplay;
+
+  var renderVideo = _react["default"].useCallback(function () {
     switch (videoType) {
       case VideoTypes.YOUTUBE:
         {
           var src = "https://www.youtube.com/embed/".concat(videoSrc, "?&autoplay=").concat(isAutoplay ? 1 : 0, "&mute=").concat(isMuted ? 1 : 0, "&loop=1&rel=0&controls=0&showinfo=0e&iv_load_policy=3&playlist=").concat(videoSrc);
-          return /*#__PURE__*/React.createElement("iframe", {
+          return /*#__PURE__*/_react["default"].createElement("iframe", {
             src: src,
             width: "100%",
             height: "100%",
             frameBorder: "0",
-            allow: "autoplay"
+            allow: "autoplay",
+            title: "iframe"
           });
         }
 
       case VideoTypes.VIDEO:
         {
-          return /*#__PURE__*/React.createElement("video", {
-            className: cn('video'),
-            autoPlay: isAutoplay,
-            muted: isMuted,
-            controls: !isAutoplay,
-            loop: true
-          }, /*#__PURE__*/React.createElement("source", {
-            src: videoSrc,
-            type: "video/mp4"
-          }));
+          return (
+            /*#__PURE__*/
+            // eslint-disable-next-line jsx-a11y/media-has-caption
+            _react["default"].createElement("video", {
+              className: cn('video'),
+              autoPlay: isAutoplay,
+              muted: isMuted,
+              controls: !isAutoplay,
+              loop: true
+            }, /*#__PURE__*/_react["default"].createElement("source", {
+              src: videoSrc,
+              type: "video/mp4"
+            }))
+          );
         }
 
       default:
@@ -89,78 +85,90 @@ var VideoBlock = function VideoBlock(_ref) {
           return null;
         }
     }
-  }, [videoType, videoSrc]);
-  var renderContent = React.useCallback(function (data) {
-    var title = data.title,
-        description = data.description,
-        href = data.href,
-        buttonTitle = data.buttonTitle,
-        onButtonClick = data.onButtonClick;
-    return /*#__PURE__*/React.createElement("div", {
+  }, [isAutoplay, isMuted, videoType, videoSrc]);
+
+  var renderContent = _react["default"].useCallback(function (_ref2) {
+    var title = _ref2.title,
+        description = _ref2.description,
+        href = _ref2.href,
+        buttonDownload = _ref2.buttonDownload,
+        buttonTitle = _ref2.buttonTitle,
+        onButtonClick = _ref2.onButtonClick;
+    return /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('content')
-    }, /*#__PURE__*/React.createElement(_uiCore.Header, {
-      as: "h3",
+    }, /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
+      as: "h2",
       className: cn('header')
-    }, title), /*#__PURE__*/React.createElement("div", null, description && description.map(function (paragraph, i) {
-      return /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
-        key: i + paragraph,
-        className: cn('text'),
-        hasMargin: false
-      }, paragraph);
-    })), /*#__PURE__*/React.createElement(_uiCore.Button, {
-      className: cn('button'),
+    }, title), /*#__PURE__*/_react["default"].createElement("div", {
+      className: cn('description', [classes.description])
+    }, description), /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+      className: cn('button', [classes.button]),
       href: href,
-      onClick: onButtonClick
+      onClick: onButtonClick,
+      download: buttonDownload
     }, buttonTitle));
-  }, [content]);
-  var renderGridColumns = React.useCallback(function () {
+  }, [classes.button, classes.description]);
+
+  var renderGridColumns = _react["default"].useCallback(function () {
     var columns = [];
     var columnWidth = content ? '7' : '10';
 
     if (content) {
-      columns.push( /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
+      columns.push( /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, {
         all: "5",
         tablet: "12",
         mobile: "12",
         orderTablet: "2",
         orderMobile: "2",
-        key: 'column-content'
+        key: "column-content"
       }, renderContent && renderContent(content)));
     }
 
-    columns.push( /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
+    columns.push( /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, {
       all: columnWidth,
       tablet: "12",
       mobile: "12",
-      key: 'column-video'
-    }, /*#__PURE__*/React.createElement("div", {
+      key: "column-video"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('video-wrapper', {
         'with-content': !!content
       })
     }, renderVideo())));
     return columns;
   }, [renderContent, renderVideo, content]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn([className])
-  }, /*#__PURE__*/React.createElement(_uiCore.Grid, {
+
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs), {
+    className: cn([className, classes.root]),
+    ref: rootRef
+  }), /*#__PURE__*/_react["default"].createElement(_uiCore.Grid, {
     hAlign: "center",
     className: cn('grid')
   }, renderGridColumns()));
 };
 
 VideoBlock.propTypes = {
+  dataAttrs: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+  className: _propTypes["default"].string,
+  classes: _propTypes["default"].shape({
+    root: _propTypes["default"].string,
+    button: _propTypes["default"].string,
+    description: _propTypes["default"].string
+  }),
+  rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
+    current: _propTypes["default"].elementType
+  }), _propTypes["default"].any])]),
   content: _propTypes["default"].shape({
     title: _propTypes["default"].string.isRequired,
-    description: _propTypes["default"].array.isRequired,
+    description: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
     href: _propTypes["default"].string,
     buttonTitle: _propTypes["default"].string.isRequired,
+    buttonDownload: _propTypes["default"].bool,
     onButtonClick: _propTypes["default"].func
   }),
   videoType: _propTypes["default"].oneOf(Object.values(VideoTypes)),
   videoSrc: _propTypes["default"].string.isRequired,
   isMuted: _propTypes["default"].bool,
-  isAutoplay: _propTypes["default"].bool,
-  className: _propTypes["default"].string
+  isAutoplay: _propTypes["default"].bool
 };
 var _default = VideoBlock;
 exports["default"] = _default;

package/dist/lib/constants/throttleTime.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    resize: number;
+};
+export default _default;

package/dist/lib/constants/throttleTime.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = {
+  resize: 300
+};
+exports["default"] = _default;

package/dist/lib/index.d.ts

@@ -3,6 +3,8 @@ export { default as BannerBox } from './components/BannerBox/BannerBox';
 export { default as BenefitsIcons } from './components/BenefitsIcons/BenefitsIcons';
 export { default as BenefitsIconsTile } from './components/BenefitsIcons/BenefitsIconsTile';
 export { default as BenefitsPictures } from './components/BenefitsPictures/BenefitsPictures';
+export { default as Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs';
+export { default as ButtonBanner } from './components/ButtonBanner/ButtonBanner';
 export { default as ButtonLinkBox } from './components/ButtonLinkBox/ButtonLinkBox';
 export { default as Card } from './components/Card/Card';
 export { default as CardsBox } from './components/CardsBox/CardsBox';
@@ -11,16 +13,22 @@ export { default as Container } from './components/Container/Container';
 export { default as DownloadLink } from './components/DownloadLinks/DownloadLink';
 export { default as DownloadLinks } from './components/DownloadLinks/DownloadLinks';
 export { default as Instructions } from './components/Instructions/Instructions';
+export { default as PageTitle } from './components/PageTitle/PageTitle';
 export { default as Partners } from './components/Partners/Partners';
 export { default as PictureWithDescription } from './components/PictureWithDescription/PictureWithDescription';
 export { default as Property } from './components/Property/Property';
 export { default as PropertyDescription } from './components/Property/PropertyDescription';
+export { default as Steps } from './components/Steps/Steps';
+export { default as StepsItem } from './components/Steps/StepsItem';
+export { default as StoreBanner } from './components/StoreBanner/StoreBanner';
+export { default as StoreButton } from './components/StoreButton/StoreButton';
 export { default as TabBox } from './components/TabsBox/TabBox';
 export { default as Table } from './components/Table/Table';
 export { default as TableCell } from './components/Table/TableCell';
 export { default as TableRow } from './components/Table/TableRow';
 export { default as TabsBox } from './components/TabsBox/TabsBox';
 export { default as TextBox } from './components/TextBox/TextBox';
+export { default as TextBoxPicture } from './components/TextBox/TextBoxPicture';
 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

@@ -33,6 +33,18 @@ Object.defineProperty(exports, "BenefitsPictures", {
     return _BenefitsPictures["default"];
   }
 });
+Object.defineProperty(exports, "Breadcrumbs", {
+  enumerable: true,
+  get: function get() {
+    return _Breadcrumbs["default"];
+  }
+});
+Object.defineProperty(exports, "ButtonBanner", {
+  enumerable: true,
+  get: function get() {
+    return _ButtonBanner["default"];
+  }
+});
 Object.defineProperty(exports, "ButtonLinkBox", {
   enumerable: true,
   get: function get() {
@@ -81,6 +93,12 @@ Object.defineProperty(exports, "Instructions", {
     return _Instructions["default"];
   }
 });
+Object.defineProperty(exports, "PageTitle", {
+  enumerable: true,
+  get: function get() {
+    return _PageTitle["default"];
+  }
+});
 Object.defineProperty(exports, "Partners", {
   enumerable: true,
   get: function get() {
@@ -105,6 +123,30 @@ Object.defineProperty(exports, "PropertyDescription", {
     return _PropertyDescription["default"];
   }
 });
+Object.defineProperty(exports, "Steps", {
+  enumerable: true,
+  get: function get() {
+    return _Steps["default"];
+  }
+});
+Object.defineProperty(exports, "StepsItem", {
+  enumerable: true,
+  get: function get() {
+    return _StepsItem["default"];
+  }
+});
+Object.defineProperty(exports, "StoreBanner", {
+  enumerable: true,
+  get: function get() {
+    return _StoreBanner["default"];
+  }
+});
+Object.defineProperty(exports, "StoreButton", {
+  enumerable: true,
+  get: function get() {
+    return _StoreButton["default"];
+  }
+});
 Object.defineProperty(exports, "TabBox", {
   enumerable: true,
   get: function get() {
@@ -141,6 +183,12 @@ Object.defineProperty(exports, "TextBox", {
     return _TextBox["default"];
   }
 });
+Object.defineProperty(exports, "TextBoxPicture", {
+  enumerable: true,
+  get: function get() {
+    return _TextBoxPicture["default"];
+  }
+});
 Object.defineProperty(exports, "TitleDescriptionBox", {
   enumerable: true,
   get: function get() {
@@ -170,6 +218,10 @@ var _BenefitsIconsTile = _interopRequireDefault(require("./components/BenefitsIc
 
 var _BenefitsPictures = _interopRequireDefault(require("./components/BenefitsPictures/BenefitsPictures"));
 
+var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs/Breadcrumbs"));
+
+var _ButtonBanner = _interopRequireDefault(require("./components/ButtonBanner/ButtonBanner"));
+
 var _ButtonLinkBox = _interopRequireDefault(require("./components/ButtonLinkBox/ButtonLinkBox"));
 
 var _Card = _interopRequireDefault(require("./components/Card/Card"));
@@ -186,6 +238,8 @@ var _DownloadLinks = _interopRequireDefault(require("./components/DownloadLinks/
 
 var _Instructions = _interopRequireDefault(require("./components/Instructions/Instructions"));
 
+var _PageTitle = _interopRequireDefault(require("./components/PageTitle/PageTitle"));
+
 var _Partners = _interopRequireDefault(require("./components/Partners/Partners"));
 
 var _PictureWithDescription = _interopRequireDefault(require("./components/PictureWithDescription/PictureWithDescription"));
@@ -194,6 +248,14 @@ var _Property = _interopRequireDefault(require("./components/Property/Property")
 
 var _PropertyDescription = _interopRequireDefault(require("./components/Property/PropertyDescription"));
 
+var _Steps = _interopRequireDefault(require("./components/Steps/Steps"));
+
+var _StepsItem = _interopRequireDefault(require("./components/Steps/StepsItem"));
+
+var _StoreBanner = _interopRequireDefault(require("./components/StoreBanner/StoreBanner"));
+
+var _StoreButton = _interopRequireDefault(require("./components/StoreButton/StoreButton"));
+
 var _TabBox = _interopRequireDefault(require("./components/TabsBox/TabBox"));
 
 var _Table = _interopRequireDefault(require("./components/Table/Table"));
@@ -206,6 +268,8 @@ var _TabsBox = _interopRequireDefault(require("./components/TabsBox/TabsBox"));
 
 var _TextBox = _interopRequireDefault(require("./components/TextBox/TextBox"));
 
+var _TextBoxPicture = _interopRequireDefault(require("./components/TextBox/TextBoxPicture"));
+
 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": "2.0.0-beta.97",
+  "version": "2.0.1",
   "files": [
     "dist"
   ],
@@ -22,9 +22,11 @@
     "coverage": "yarn coverage:unit",
     "coverage:unit": "jest --ci --collectCoverage --coverageDirectory=coverage",
     "typecheck": "tsc --noEmit -p .",
+    "prettier:check": "prettier --list-different \"src/**/*.{js,jsx,ts,tsx}\"",
+    "prettier:fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
     "lint": "yarn lint:ts && yarn lint:less",
+    "lint:ts": "eslint --ext .js,.jsx,.ts,.tsx src --max-warnings=0",
     "lint:less": "stylelint --syntax less src/**/*.less src/**/**/*.less",
-    "lint:ts": "tslint -c tslint.json '{src,scripts}/**/*.ts?(x)'",
     "test": "yarn test:unit",
     "test:unit": "jest",
     "test:update": "jest --updateSnapshot"
@@ -32,78 +34,30 @@
   "publishConfig": {
     "access": "public"
   },
-  "jest": {
-    "globals": {
-      "ts-jest": {
-        "babelConfig": {
-          "presets": [
-            "@babel/preset-env",
-            "@babel/react"
-          ]
-        }
-      }
-    },
-    "moduleNameMapper": {
-      "\\.(css|less)$": "<rootDir>/scripts/styleMock.ts",
-      "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/scripts/fileMock.ts"
-    },
-    "moduleDirectories": [
-      "node_modules",
-      "src"
-    ],
-    "collectCoverageFrom": [
-      "src/**/*.{ts,tsx}",
-      "!src/utils/modernizr.ts"
-    ],
-    "coverageDirectory": "coverage",
-    "testURL": "http://localhost/",
-    "roots": [
-      "<rootDir>/src"
-    ],
-    "transform": {
-      "\\.tsx?$": "ts-jest"
-    },
-    "testPathIgnorePatterns": [
-      "/node_modules/",
-      "/lib/",
-      "/src/utils/modernizr.ts"
-    ],
-    "moduleFileExtensions": [
-      "ts",
-      "tsx",
-      "js",
-      "jsx",
-      "json",
-      "node"
-    ],
-    "snapshotSerializers": [
-      "enzyme-to-json/serializer"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/scripts/setupEnzyme.ts"
+  "lint-staged": {
+    "src/**/**/*.(js|jsx|ts|tsx)": [
+      "eslint --max-warnings=0 --config ../../.eslintrc.json"
     ]
   },
   "peerDependencies": {
-    "react": ">=16.4.1",
-    "react-dom": ">=16.4.1"
+    "react": ">=16.13.0",
+    "react-dom": ">=16.13.0"
   },
   "devDependencies": {
     "@babel/core": "^7.8.6",
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/plugin-transform-block-scoping": "^7.8.3",
     "@babel/plugin-transform-object-assign": "^7.8.3",
-    "@babel/plugin-transform-react-constant-elements": "^7.8.3",
+    "@babel/plugin-transform-runtime": "^7.8.3",
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
-    "@types/classnames": "^2.2.9",
+    "@babel/preset-typescript": "^7.8.3",
+    "@megafon/ui-icons": "^0.1.0",
+    "@svgr/core": "^2.4.1",
     "@types/enzyme": "^3.10.5",
     "@types/enzyme-adapter-react-16": "^1.0.6",
     "@types/jest": "^25.1.3",
-    "@types/jsdom": "^11.12.0",
     "@types/prop-types": "^15.7.3",
     "@types/react": "^16.9.23",
     "@types/react-dom": "^16.9.5",
-    "@types/webpack-env": "^1.15.1",
     "babel-plugin-module-resolver": "^3.2.0",
     "del": "^3.0.0",
     "enzyme": "^3.11.0",
@@ -114,35 +68,25 @@
     "gulp-babel": "^8.0.0-beta.2",
     "gulp-imagemin": "^7.1.0",
     "gulp-less": "^4.0.1",
-    "gulp-svgmin": "^2.2.0",
     "gulp-typescript": "^5.0.1",
-    "husky": "^1.3.1",
     "jest": "^25.1.0",
-    "jsdom": "^11.12.0",
     "less-plugin-autoprefix": "^2.0.0",
     "merge2": "^1.3.0",
     "react": "^16.13.0",
     "react-dom": "^16.13.0",
     "stylelint": "^9.10.1",
     "through2": "^2.0.5",
-    "ts-jest": "^25.2.1",
-    "tslint": "^5.20.1",
-    "tslint-react": "^3.6.0",
-    "typescript": "^3.8.3",
-    "webpack-filter-warnings-plugin": "^1.2.1"
+    "typescript": "^3.8.3"
   },
   "dependencies": {
-    "@babel/plugin-transform-runtime": "^7.8.3",
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^2.0.0-beta.80",
-    "classnames": "^2.2.6",
+    "@megafon/ui-core": "^2.1.0",
+    "@megafon/ui-helpers": "^1.0.0",
     "core-js": "^3.6.4",
-    "deep-equal": "^1.1.1",
-    "htmr": "^0.8.8",
+    "htmr": "^0.9.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.7.2",
-    "react-input-mask": "^2.0.4",
-    "react-slick": "^0.23.2"
+    "swiper": "^6.5.6"
   },
-  "gitHead": "de85b6753aa5f43048853f7853aa2cf84139be1c"
+  "gitHead": "42bd6840a217196ba9e80c6c77f92f5951881c12"
 }