@megafon/ui-shared 2.0.0-beta.224 → 2.0.0-beta.228

package/dist/lib/components/TextBox/TextBoxPicture.css

@@ -0,0 +1,23 @@
+h1,
+h2,
+h3,
+h4,
+h5 {
+  margin: 0;
+}
+.mfui-beta-text-box-picture_margin_default {
+  margin: 16px 0;
+}
+.mfui-beta-text-box-picture_margin_big-top {
+  margin: 24px 0 16px;
+}
+.mfui-beta-text-box-picture_margin_big-bottom {
+  margin: 16px 0 24px;
+}
+.mfui-beta-text-box-picture_margin_big-vertical {
+  margin: 24px 0;
+}
+.mfui-beta-text-box-picture__img {
+  width: 100%;
+  height: 100%;
+}

package/dist/lib/components/TextBox/TextBoxPicture.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import './TextBoxPicture.less';
+export declare const pictureMarginTypes: {
+    readonly DEFAULT: "default";
+    readonly BIG_TOP: "big-top";
+    readonly BIG_BOTTOM: "big-bottom";
+    readonly BIG_VERTICAL: "big-vertical";
+};
+declare type PictureMarginTypesType = typeof pictureMarginTypes[keyof typeof pictureMarginTypes];
+export interface ITextBoxPictureProps {
+    /** URL картинки */
+    url: string;
+    /** Значение вертикальных отступов */
+    margin?: PictureMarginTypesType;
+}
+declare const TextBoxPicture: React.FC<ITextBoxPictureProps>;
+export default TextBoxPicture;

package/dist/lib/components/TextBox/TextBoxPicture.js

@@ -0,0 +1,48 @@
+"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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.pictureMarginTypes = void 0;
+
+var React = _interopRequireWildcard(require("react"));
+
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
+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; }
+
+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; }
+
+var pictureMarginTypes = {
+  DEFAULT: 'default',
+  BIG_TOP: 'big-top',
+  BIG_BOTTOM: 'big-bottom',
+  BIG_VERTICAL: 'big-vertical'
+};
+exports.pictureMarginTypes = pictureMarginTypes;
+var cn = (0, _uiHelpers.cnCreate)('mfui-beta-text-box-picture');
+
+var TextBoxPicture = function TextBoxPicture(_ref) {
+  var url = _ref.url,
+      _ref$margin = _ref.margin,
+      margin = _ref$margin === void 0 ? pictureMarginTypes.DEFAULT : _ref$margin;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn({
+      margin: margin
+    })
+  }, /*#__PURE__*/React.createElement("img", {
+    className: cn('img'),
+    src: url
+  }));
+};
+
+TextBoxPicture.propTypes = {
+  url: PropTypes.string.isRequired,
+  margin: PropTypes.oneOf([pictureMarginTypes.DEFAULT, pictureMarginTypes.BIG_TOP, pictureMarginTypes.BIG_BOTTOM, pictureMarginTypes.BIG_VERTICAL])
+};
+var _default = TextBoxPicture;
+exports["default"] = _default;

package/dist/lib/components/VideoBanner/VideoBanner.css

@@ -11,26 +11,26 @@ h5 {
 }
 @media screen and (min-width: 1280px) {
   .mfui-beta-video-banner {
-    margin-left: -80px;
     margin-right: -80px;
+    margin-left: -80px;
   }
 }
 @media screen and (min-width: 1024px) and (max-width: 1279px) {
   .mfui-beta-video-banner {
-    margin-left: -64px;
     margin-right: -64px;
+    margin-left: -64px;
   }
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .mfui-beta-video-banner {
-    margin-left: -48px;
     margin-right: -48px;
+    margin-left: -48px;
   }
 }
 @media screen and (max-width: 767px) {
   .mfui-beta-video-banner {
-    margin-left: -16px;
     margin-right: -16px;
+    margin-left: -16px;
   }
 }
 .mfui-beta-video-banner__wrapper {
@@ -76,17 +76,17 @@ h5 {
 .mfui-beta-video-banner__background-image,
 .mfui-beta-video-banner__video {
   position: absolute;
-  left: 50%;
   top: 50%;
+  left: 50%;
   -webkit-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
 }
 .mfui-beta-video-banner__background-image {
   width: 100%;
   height: 100%;
+  background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
-  background-repeat: no-repeat;
 }
 .mfui-beta-video-banner__content {
   position: relative;
@@ -160,14 +160,14 @@ h5 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
   margin: -24px -10px 0;
 }
 @media screen and (max-width: 767px) {

package/dist/lib/components/VideoBlock/VideoBlock.css

@@ -21,10 +21,10 @@ h5 {
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  height: 100%;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
+  height: 100%;
 }
 @media screen and (max-width: 767px) {
   .mfui-beta-video-block__content {
@@ -38,8 +38,8 @@ h5 {
 }
 @media screen and (min-width: 768px) {
   .mfui-beta-video-block__content {
-    padding-right: 20px;
     margin-right: 20px;
+    padding-right: 20px;
   }
 }
 .mfui-beta-video-block__header {
@@ -54,8 +54,8 @@ h5 {
   margin-top: 24px;
 }
 .mfui-beta-video-block__button {
-  margin-top: 32px;
   width: 171px;
+  margin-top: 32px;
 }
 @media screen and (max-width: 767px) {
   .mfui-beta-video-block__button {

package/dist/lib/index.d.ts

@@ -28,6 +28,7 @@ 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

@@ -183,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() {
@@ -262,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.224",
+  "version": "2.0.0-beta.228",
   "files": [
     "dist"
   ],
@@ -23,8 +23,8 @@
     "coverage:unit": "jest --ci --collectCoverage --coverageDirectory=coverage",
     "typecheck": "tsc --noEmit -p .",
     "lint": "yarn lint:ts && yarn lint:less",
-    "lint:less": "stylelint --syntax less src/**/*.less src/**/**/*.less",
     "lint:ts": "tslint -c tslint.json '{src,scripts}/**/*.ts?(x)'",
+    "lint:less": "stylelint --syntax less src/**/*.less src/**/**/*.less",
     "test": "yarn test:unit",
     "test:unit": "jest",
     "test:update": "jest --updateSnapshot"
@@ -33,8 +33,8 @@
     "access": "public"
   },
   "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",
@@ -43,13 +43,14 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
+    "@megafon/ui-icons": "^0.0.2-beta.3",
+    "@svgr/core": "^2.4.1",
     "@types/enzyme": "^3.10.5",
     "@types/enzyme-adapter-react-16": "^1.0.6",
     "@types/jest": "^25.1.3",
     "@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",
@@ -70,21 +71,17 @@
     "through2": "^2.0.5",
     "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/runtime": "^7.8.4",
-    "@megafon/ui-core": "^2.0.0-beta.155",
+    "@megafon/ui-core": "^2.0.0-beta.159",
     "@megafon/ui-helpers": "^1.0.0-beta.0",
-    "@megafon/ui-icons": "^0.0.2-beta.1",
     "core-js": "^3.6.4",
-    "deep-equal": "^1.1.1",
     "htmr": "^0.9.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.7.2",
-    "react-input-mask": "^2.0.4",
     "swiper": "^6.5.6"
   },
-  "gitHead": "aa70aa701ecacc7a9f5f926e592cbc269effc095"
+  "gitHead": "8a04b2f928c7239725d4296bd60b14aabeb2cc4a"
 }