@megafon/ui-shared 5.16.0 → 6.0.0-beta.1

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

@@ -1,62 +1,48 @@
 "use strict";
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.testIdPrefix = exports.VideoTypes = void 0;
-
+exports.testIdPrefix = exports["default"] = exports.VideoTypes = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-require("core-js/modules/es.array.concat.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.object.values.js");
-
-var _react = _interopRequireDefault(require("react"));
-
+require("core-js/modules/es.array.concat.js");
+var React = _interopRequireWildcard(require("react"));
 var _uiCore = require("@megafon/ui-core");
-
 var _uiHelpers = require("@megafon/ui-helpers");
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var VideoTypes = {
+var VideoTypes = exports.VideoTypes = {
   YOUTUBE: 'youtube',
   VIDEO: 'video'
 };
-exports.VideoTypes = VideoTypes;
-var testIdPrefix = 'VideoBlock';
-exports.testIdPrefix = testIdPrefix;
+var testIdPrefix = exports.testIdPrefix = 'VideoBlock';
 var cn = (0, _uiHelpers.cnCreate)('mfui-video-block');
-
 var VideoBlock = function VideoBlock(_ref) {
   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,
-      _ref$contentPositionR = _ref.contentPositionRight,
-      contentPositionRight = _ref$contentPositionR === void 0 ? false : _ref$contentPositionR,
-      poster = _ref.poster,
-      _ref$playsinline = _ref.playsinline,
-      playsinline = _ref$playsinline === void 0 ? false : _ref$playsinline,
-      _ref$fixWhiteVideoBac = _ref.fixWhiteVideoBackground,
-      fixWhiteVideoBackground = _ref$fixWhiteVideoBac === void 0 ? false : _ref$fixWhiteVideoBac;
-
-  var renderVideo = _react["default"].useCallback(function () {
+    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,
+    _ref$contentPositionR = _ref.contentPositionRight,
+    contentPositionRight = _ref$contentPositionR === void 0 ? false : _ref$contentPositionR,
+    poster = _ref.poster,
+    _ref$playsinline = _ref.playsinline,
+    playsinline = _ref$playsinline === void 0 ? false : _ref$playsinline,
+    _ref$fixWhiteVideoBac = _ref.fixWhiteVideoBackground,
+    fixWhiteVideoBackground = _ref$fixWhiteVideoBac === void 0 ? false : _ref$fixWhiteVideoBac;
+  var renderVideo = React.useCallback(function () {
     switch (videoType) {
       case VideoTypes.YOUTUBE:
         {
@@ -71,9 +57,9 @@ var VideoBlock = function VideoBlock(_ref) {
           var playlist = "&playlist=".concat(videoSrc);
           var playsinlineProp = "&playsinline=".concat(playsinline ? 1 : 0);
           var src = "".concat(url).concat(autoplay).concat(mute).concat(loop).concat(rel).concat(controls).concat(showinfo).concat(ivLoadPolicy).concat(playlist).concat(playsinlineProp);
-          return /*#__PURE__*/_react["default"].createElement("div", {
+          return /*#__PURE__*/React.createElement("div", {
             className: cn('youtube')
-          }, /*#__PURE__*/_react["default"].createElement("iframe", {
+          }, /*#__PURE__*/React.createElement("iframe", {
             className: cn('iframe'),
             src: src,
             width: "100%",
@@ -85,13 +71,11 @@ var VideoBlock = function VideoBlock(_ref) {
             "data-testid": "".concat(testIdPrefix, "-iframe-video")
           }));
         }
-
       case VideoTypes.VIDEO:
         {
-          return (
-            /*#__PURE__*/
+          return /*#__PURE__*/(
             // eslint-disable-next-line jsx-a11y/media-has-caption
-            _react["default"].createElement("video", {
+            React.createElement("video", {
               className: cn('video', {
                 'fix-background': fixWhiteVideoBackground
               }),
@@ -102,39 +86,37 @@ var VideoBlock = function VideoBlock(_ref) {
               poster: poster,
               playsInline: playsinline,
               "data-testid": "".concat(testIdPrefix, "-video")
-            }, /*#__PURE__*/_react["default"].createElement("source", {
+            }, /*#__PURE__*/React.createElement("source", {
               src: videoSrc,
               type: "video/mp4"
             }))
           );
         }
-
       default:
         {
           return null;
         }
     }
   }, [videoType, videoSrc, isAutoplay, isMuted, poster, playsinline, fixWhiteVideoBackground]);
-
-  var renderContent = _react["default"].useCallback(function (_ref2) {
+  var renderContent = React.useCallback(function (_ref2) {
     var title = _ref2.title,
-        description = _ref2.description,
-        href = _ref2.href,
-        buttonDownload = _ref2.buttonDownload,
-        buttonTitle = _ref2.buttonTitle,
-        buttonRel = _ref2.buttonRel,
-        onButtonClick = _ref2.onButtonClick;
-    return /*#__PURE__*/_react["default"].createElement("div", {
+      description = _ref2.description,
+      href = _ref2.href,
+      buttonDownload = _ref2.buttonDownload,
+      buttonTitle = _ref2.buttonTitle,
+      buttonRel = _ref2.buttonRel,
+      onButtonClick = _ref2.onButtonClick;
+    return /*#__PURE__*/React.createElement("div", {
       className: cn('content', {
         'position-right': contentPositionRight
       }),
       "data-testid": "".concat(testIdPrefix, "-content")
-    }, /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
+    }, /*#__PURE__*/React.createElement(_uiCore.Header, {
       as: "h2",
       className: cn('header')
-    }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/_react["default"].createElement("div", {
+    }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/React.createElement("div", {
       className: cn('description', [classes.description])
-    }, typeof description === 'string' ? (0, _uiHelpers.convert)(description, _uiHelpers.textConvertConfig) : description), buttonTitle && /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
+    }, typeof description === 'string' ? (0, _uiHelpers.convert)(description, _uiHelpers.textConvertConfig) : description), buttonTitle && /*#__PURE__*/React.createElement(_uiCore.Button, {
       dataAttrs: {
         root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
       },
@@ -145,77 +127,39 @@ var VideoBlock = function VideoBlock(_ref) {
       rel: buttonRel
     }, buttonTitle));
   }, [classes.button, classes.description, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button, contentPositionRight]);
-
-  var renderGridColumns = _react["default"].useCallback(function () {
+  var renderGridColumns = React.useCallback(function () {
     var columns = [];
     var columnWidth = content ? '7' : '10';
-
     if (content) {
-      columns.push( /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, {
+      columns.push( /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
         all: "5",
         tablet: "12",
         mobile: "12",
-        orderTablet: "2",
-        orderMobile: "2",
+        orderTablet: "1",
+        orderMobile: "1",
+        orderWide: contentPositionRight ? '1' : '0',
+        orderDesktop: contentPositionRight ? '1' : '0',
         key: "column-content",
-        className: cn('content-column', {
-          'position-right': contentPositionRight
-        })
+        className: cn('content-column')
       }, renderContent(content)));
     }
-
-    columns.push( /*#__PURE__*/_react["default"].createElement(_uiCore.GridColumn, {
+    columns.push( /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
       all: columnWidth,
       tablet: "12",
       mobile: "12",
       key: "column-video",
-      className: cn('video-column', {
-        'position-left': contentPositionRight
-      })
+      orderDesktop: contentPositionRight ? '0' : '1',
+      orderWide: contentPositionRight ? '0' : '1',
+      className: cn('video-column')
     }, renderVideo()));
     return columns;
   }, [renderContent, renderVideo, content, contentPositionRight]);
-
-  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className, classes.root]),
     ref: rootRef
-  }), /*#__PURE__*/_react["default"].createElement(_uiCore.Grid, {
+  }), /*#__PURE__*/React.createElement(_uiCore.Grid, {
     hAlign: "center",
     className: cn('grid')
   }, renderGridColumns()));
 };
-
-VideoBlock.propTypes = {
-  dataAttrs: _propTypes["default"].shape({
-    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
-    button: _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"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-    href: _propTypes["default"].string,
-    buttonTitle: _propTypes["default"].string,
-    buttonDownload: _propTypes["default"].bool,
-    buttonRel: _propTypes["default"].string,
-    onButtonClick: _propTypes["default"].func
-  }),
-  videoType: _propTypes["default"].oneOf(Object.values(VideoTypes)),
-  videoSrc: _propTypes["default"].string.isRequired,
-  isMuted: _propTypes["default"].bool,
-  isAutoplay: _propTypes["default"].bool,
-  poster: _propTypes["default"].string,
-  playsinline: _propTypes["default"].bool,
-  contentPositionRight: _propTypes["default"].bool,
-  fixWhiteVideoBackground: _propTypes["default"].bool
-};
-var _default = VideoBlock;
-exports["default"] = _default;
+var _default = exports["default"] = VideoBlock;

package/dist/lib/constants/throttleTime.js

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

package/dist/lib/helpers/getColumnConfig.d.ts

@@ -1,2 +1,6 @@
 import React from 'react';
-export declare const getColumnConfig: (isFullWidth: boolean) => Pick<React.PropsWithChildren<import("@megafon/ui-core/dist/lib/components/Grid/GridColumn").IGridColumn>, "all" | "wide" | "mobile" | "desktop" | "tablet">;
+import { GridColumn } from '@megafon/ui-core';
+type GridColumnPropsType = React.ComponentProps<typeof GridColumn>;
+type GridColumnConfigType = Partial<Pick<GridColumnPropsType, 'all' | 'wide' | 'desktop' | 'tablet' | 'mobile'>>;
+export declare const getColumnConfig: (isFullWidth: boolean) => GridColumnConfigType;
+export {};

package/dist/lib/helpers/getColumnConfig.js

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getColumnConfig = void 0;
-
-var getColumnConfig = function getColumnConfig(isFullWidth) {
+var getColumnConfig = exports.getColumnConfig = function getColumnConfig(isFullWidth) {
   return isFullWidth ? {
     all: '12'
   } : {
@@ -14,6 +13,4 @@ var getColumnConfig = function getColumnConfig(isFullWidth) {
     tablet: '12',
     mobile: '12'
   };
-};
-
-exports.getColumnConfig = getColumnConfig;
+};

package/dist/lib/index.js

@@ -249,127 +249,80 @@ Object.defineProperty(exports, "TextWithIconItem", {
     return _TextWithIconItem["default"];
   }
 });
-Object.defineProperty(exports, "timerFormatUtil", {
+Object.defineProperty(exports, "TitleDescriptionBox", {
   enumerable: true,
   get: function get() {
-    return _timerFormatUtil["default"];
+    return _TitleDescriptionBox["default"];
   }
 });
-Object.defineProperty(exports, "TitleDescriptionBox", {
+Object.defineProperty(exports, "VideoBanner", {
   enumerable: true,
   get: function get() {
-    return _TitleDescriptionBox["default"];
+    return _VideoBanner["default"];
   }
 });
-Object.defineProperty(exports, "useTrackDuration", {
+Object.defineProperty(exports, "VideoBlock", {
   enumerable: true,
   get: function get() {
-    return _useTrackDuration["default"];
+    return _VideoBlock["default"];
   }
 });
-Object.defineProperty(exports, "VideoBanner", {
+Object.defineProperty(exports, "timerFormatUtil", {
   enumerable: true,
   get: function get() {
-    return _VideoBanner["default"];
+    return _timerFormatUtil["default"];
   }
 });
-Object.defineProperty(exports, "VideoBlock", {
+Object.defineProperty(exports, "useTrackDuration", {
   enumerable: true,
   get: function get() {
-    return _VideoBlock["default"];
+    return _useTrackDuration["default"];
   }
 });
-
 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"));
-
 var _BenefitsIconsTile = _interopRequireDefault(require("./components/BenefitsIcons/BenefitsIconsTile"));
-
 var _BenefitsPictures = _interopRequireDefault(require("./components/BenefitsPictures/BenefitsPictures"));
-
 var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs/Breadcrumbs"));
-
 var _BreadcrumbsItem = _interopRequireDefault(require("./components/Breadcrumbs/components/BreadcrumbsItem"));
-
 var _ButtonBanner = _interopRequireDefault(require("./components/ButtonBanner/ButtonBanner"));
-
 var _ButtonLinkBox = _interopRequireDefault(require("./components/ButtonLinkBox/ButtonLinkBox"));
-
 var _Card = _interopRequireDefault(require("./components/Card/Card"));
-
 var _CardsBox = _interopRequireDefault(require("./components/CardsBox/CardsBox"));
-
 var _CarouselBox = _interopRequireDefault(require("./components/CarouselBox/CarouselBox"));
-
 var _Container = _interopRequireDefault(require("./components/Container/Container"));
-
 var _DownloadLink = _interopRequireDefault(require("./components/DownloadLinks/DownloadLink"));
-
 var _DownloadLinks = _interopRequireDefault(require("./components/DownloadLinks/DownloadLinks"));
-
 var _FaqWrapper = _interopRequireDefault(require("./components/FaqWrapper/FaqWrapper"));
-
 var _ImageBanner = _interopRequireDefault(require("./components/ImageBanner/ImageBanner"));
-
 var _Instructions = _interopRequireDefault(require("./components/Instructions/Instructions"));
-
 var _NotificationBox = _interopRequireDefault(require("./components/NotificationBox/NotificationBox"));
-
 var _PageTitle = _interopRequireDefault(require("./components/PageTitle/PageTitle"));
-
 var _Partners = _interopRequireDefault(require("./components/Partners/Partners"));
-
 var _PictureWithDescription = _interopRequireDefault(require("./components/PictureWithDescription/PictureWithDescription"));
-
 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"));
-
 var _TableCell = _interopRequireDefault(require("./components/Table/TableCell"));
-
 var _TableRow = _interopRequireDefault(require("./components/Table/TableRow"));
-
 var _TabsBox = _interopRequireDefault(require("./components/TabsBox/TabsBox"));
-
 var _TextBox = _interopRequireDefault(require("./components/TextBox/TextBox"));
-
 var _TextBoxPicture = _interopRequireDefault(require("./components/TextBox/TextBoxPicture"));
-
 var _TextWithIcon = _interopRequireDefault(require("./components/TextWithIcon/TextWithIcon"));
-
 var _TextWithIconItem = _interopRequireDefault(require("./components/TextWithIcon/TextWithIconItem"));
-
 var _timerFormatUtil = _interopRequireDefault(require("./components/AudioPlayer/timerFormatUtil"));
-
 var _TitleDescriptionBox = _interopRequireDefault(require("./components/TitleDescriptionBox/TitleDescriptionBox"));
-
 var _useTrackDuration = _interopRequireDefault(require("./components/AudioPlayer/hooks/useTrackDuration"));
-
 var _VideoBanner = _interopRequireDefault(require("./components/VideoBanner/VideoBanner"));
-
 var _VideoBlock = _interopRequireDefault(require("./components/VideoBlock/VideoBlock"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/package.json

@@ -1,94 +1,91 @@
 {
-  "name": "@megafon/ui-shared",
-  "version": "5.16.0",
-  "files": [
-    "dist"
-  ],
-  "main": "dist/lib/index.js",
-  "module": "dist/es/index.js",
-  "typings": "dist/lib/index.d.ts",
-  "sideEffects": [
-    "*.css",
-    "*.less"
-  ],
-  "author": "MegaFon",
-  "license": "MIT",
-  "scripts": {
-    "build": "gulp build",
-    "cleanDist": "rm -rf dist",
-    "coverage": "yarn coverage:unit",
-    "coverage:unit": "jest --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:less:fix": "yarn lint:less --fix",
-    "test": "yarn test:unit",
-    "test:unit": "jest",
-    "test:update": "jest --updateSnapshot"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "lint-staged": {
-    "src/**/**/*.(js|jsx|ts|tsx)": [
-      "eslint --max-warnings=0 --config ../../.eslintrc.json"
-    ]
-  },
-  "peerDependencies": {
-    "react": ">=16.13.0",
-    "react-dom": ">=16.13.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.8.6",
-    "@babel/plugin-transform-object-assign": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.8.3",
-    "@babel/preset-env": "^7.8.6",
-    "@babel/preset-react": "^7.8.3",
-    "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.26.0",
-    "@svgr/core": "^2.4.1",
-    "@testing-library/jest-dom": "5.16.2",
-    "@testing-library/react": "12.1.2",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "13.5.0",
-    "@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",
-    "babel-plugin-module-resolver": "^3.2.0",
-    "del": "^3.0.0",
-    "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
-    "enzyme-to-json": "^3.4.4",
-    "glob": "^7.1.6",
-    "gulp": "^4.0.2",
-    "gulp-babel": "^8.0.0-beta.2",
-    "gulp-imagemin": "^7.1.0",
-    "gulp-less": "^4.0.1",
-    "gulp-typescript": "^5.0.1",
-    "jest": "^25.1.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",
-    "typescript": "^3.8.3"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^5.18.0",
-    "@megafon/ui-helpers": "^2.6.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": "083ea89de7d915f3d2d74aff90e4ec8213a235f5"
+    "name": "@megafon/ui-shared",
+    "version": "6.0.0-beta.1",
+    "files": [
+        "dist"
+    ],
+    "main": "dist/lib/index.js",
+    "module": "dist/es/index.js",
+    "typings": "dist/lib/index.d.ts",
+    "sideEffects": [
+        "*.css",
+        "*.less"
+    ],
+    "author": "MegaFon",
+    "license": "MIT",
+    "scripts": {
+        "build": "gulp build",
+        "cleanDist": "rm -rf dist",
+        "coverage": "yarn coverage:unit",
+        "coverage:unit": "jest --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:less:fix": "yarn lint:less --fix",
+        "test": "yarn test:unit",
+        "test:unit": "jest",
+        "test:update": "jest --updateSnapshot"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "lint-staged": {
+        "src/**/**/*.(js|jsx|ts|tsx)": [
+            "eslint --max-warnings=0 --config ../../.eslintrc.json"
+        ]
+    },
+    "peerDependencies": {
+        "react": ">=18",
+        "react-dom": ">18"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.8.6",
+        "@babel/plugin-transform-object-assign": "^7.8.3",
+        "@babel/plugin-transform-runtime": "^7.8.3",
+        "@babel/preset-env": "^7.8.6",
+        "@babel/preset-react": "^7.8.3",
+        "@babel/preset-typescript": "^7.8.3",
+        "@megafon/ui-icons": "^3.0.0-beta.1",
+        "@svgr/core": "^2.4.1",
+        "@testing-library/jest-dom": "6.4.2",
+        "@testing-library/react": "14.2.1",
+        "@testing-library/user-event": "14.5.2",
+        "@types/jest": "^29.5.12",
+        "@types/react": "^18.2.63",
+        "@types/react-dom": "^18.2.19",
+        "autoprefixer": "^10.4.18",
+        "babel-plugin-module-resolver": "^3.2.0",
+        "cssnano": "^6.1.0",
+        "del": "^3.0.0",
+        "glob": "^7.1.6",
+        "gulp": "^4.0.2",
+        "gulp-babel": "^8.0.0-beta.2",
+        "gulp-imagemin": "^7.1.0",
+        "gulp-less": "^4.0.1",
+        "gulp-postcss": "^10.0.0",
+        "gulp-sass": "^5.1.0",
+        "gulp-typescript": "^5.0.1",
+        "jest": "^29.7.0",
+        "less-plugin-autoprefix": "^2.0.0",
+        "merge2": "^1.3.0",
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "sass": "^1.72.0",
+        "stylelint": "^9.10.1",
+        "through2": "^2.0.5",
+        "typescript": "^5.3.3"
+    },
+    "dependencies": {
+        "@babel/runtime": "^7.8.4",
+        "@megafon/ui-core": "^6.0.0-beta.1",
+        "@megafon/ui-helpers": "^3.0.0-beta.1",
+        "core-js": "^3.6.4",
+        "htmr": "^1.0.2",
+        "lodash.throttle": "^4.1.1",
+        "swiper": "^11.1.1"
+    },
+    "gitHead": "2db17c7af18944d764c52bb54e00af56f03499b1"
 }