@megafon/ui-shared 5.17.0 → 6.0.0-beta.2

package/dist/es/components/BenefitsIcons/BenefitsIcons.js

@@ -1,44 +1,38 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "core-js/modules/es.array.map.js";
-import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, breakpoints, filterDataAttrs } from '@megafon/ui-helpers';
 import throttle from 'lodash.throttle';
-import PropTypes from 'prop-types';
 import throttleTime from "../../constants/throttleTime";
 import BenefitsIconsTile from "./BenefitsIconsTile";
 import getMultiColumnConfig, { getOneColumnConfig } from "./helpers";
-import { IconPositionEnum, ItemsAlignEnum, BackgroundEnum } from "./types";
+import { IconPositionEnum, ItemsAlignEnum } from "./types";
 import "./style/BenefitsIcons.css";
 var testIdPrefix = 'BenefitsIcons';
 var cn = cnCreate('mfui-benefits-icons');
-
 var BenefitsIcons = function BenefitsIcons(_ref) {
   var dataAttrs = _ref.dataAttrs,
-      rootRef = _ref.rootRef,
-      _ref$iconPosition = _ref.iconPosition,
-      iconPosition = _ref$iconPosition === void 0 ? 'left-top' : _ref$iconPosition,
-      _ref$background = _ref.background,
-      background = _ref$background === void 0 ? 'transparent' : _ref$background,
-      _ref$inOneColumn = _ref.inOneColumn,
-      inOneColumn = _ref$inOneColumn === void 0 ? false : _ref$inOneColumn,
-      items = _ref.items,
-      className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes;
-
+    rootRef = _ref.rootRef,
+    _ref$iconPosition = _ref.iconPosition,
+    iconPosition = _ref$iconPosition === void 0 ? 'left-top' : _ref$iconPosition,
+    _ref$background = _ref.background,
+    background = _ref$background === void 0 ? 'transparent' : _ref$background,
+    _ref$inOneColumn = _ref.inOneColumn,
+    inOneColumn = _ref$inOneColumn === void 0 ? false : _ref$inOneColumn,
+    items = _ref.items,
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes;
   var _React$useState = React.useState(iconPosition === IconPositionEnum.CENTER_TOP ? 'center' : 'left'),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      itemsAlign = _React$useState2[0],
-      setItemsAlign = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    itemsAlign = _React$useState2[0],
+    setItemsAlign = _React$useState2[1];
   var _React$useState3 = React.useState(iconPosition),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      localIconPosition = _React$useState4[0],
-      setLocalIconPosition = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    localIconPosition = _React$useState4[0],
+    setLocalIconPosition = _React$useState4[1];
   var resizeHandler = React.useCallback(function () {
     if (window.innerWidth <= breakpoints.MOBILE_MIDDLE_END) {
       setItemsAlign(ItemsAlignEnum.CENTER);
@@ -50,12 +44,10 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
   }, [iconPosition]);
   React.useEffect(function () {
     var resizeHandlerThrottled = throttle(resizeHandler, throttleTime.resize);
-
     if (inOneColumn) {
       resizeHandler();
       window.addEventListener('resize', resizeHandlerThrottled);
     }
-
     return function () {
       window.removeEventListener('resize', resizeHandlerThrottled);
     };
@@ -82,11 +74,11 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
     }
   }, items.map(function (_ref2, i) {
     var title = _ref2.title,
-        text = _ref2.text,
-        icon = _ref2.icon,
-        alt = _ref2.alt,
-        itemClasses = _ref2.classes,
-        itemDataAttrs = _ref2.dataAttrs;
+      text = _ref2.text,
+      icon = _ref2.icon,
+      alt = _ref2.alt,
+      itemClasses = _ref2.classes,
+      itemDataAttrs = _ref2.dataAttrs;
     var columnConfig = inOneColumn ? getOneColumnConfig(iconPosition) : getMultiColumnConfig(iconPosition, items.length, i);
     return /*#__PURE__*/React.createElement(GridColumn, _extends({
       className: cn('column', [classes.gridColumn]),
@@ -109,37 +101,4 @@ var BenefitsIcons = function BenefitsIcons(_ref) {
     }));
   }))));
 };
-
-BenefitsIcons.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  iconPosition: PropTypes.oneOf(Object.values(IconPositionEnum)),
-  background: PropTypes.oneOf(Object.values(BackgroundEnum)),
-  inOneColumn: PropTypes.bool,
-  items: PropTypes.arrayOf(PropTypes.shape({
-    dataAttrs: PropTypes.shape({
-      root: PropTypes.objectOf(PropTypes.string.isRequired)
-    }),
-    classes: PropTypes.shape({
-      root: PropTypes.string,
-      icon: PropTypes.string,
-      title: PropTypes.string,
-      text: PropTypes.string,
-      contentWrapper: PropTypes.string
-    }),
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
-    text: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
-    icon: PropTypes.node.isRequired,
-    alt: PropTypes.string
-  }).isRequired).isRequired,
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    item: PropTypes.string
-  })
-};
 export default BenefitsIcons;

package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IBenefit, IconPosition, BackgroundType } from './types';
-import './style/BenefitsIconsTile.less';
+import './style/BenefitsIconsTile.scss';
 export interface IBenefitsIconsTile extends IBenefit {
     iconPosition?: IconPosition;
     background?: BackgroundType;

package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js

@@ -1,26 +1,21 @@
 import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { Header } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
-import { IconPositionEnum, BackgroundEnum } from "./types";
 import "./style/BenefitsIconsTile.css";
 var testIdPrefix = 'BenefitsIconsTile';
 var cn = cnCreate('mfui-benefits-icons-tile');
-
 var BenefitsIconsTile = function BenefitsIconsTile(_ref) {
   var dataAttrs = _ref.dataAttrs,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      title = _ref.title,
-      text = _ref.text,
-      icon = _ref.icon,
-      iconPosition = _ref.iconPosition,
-      background = _ref.background,
-      alt = _ref.alt,
-      className = _ref.className;
-
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    title = _ref.title,
+    text = _ref.text,
+    icon = _ref.icon,
+    iconPosition = _ref.iconPosition,
+    background = _ref.background,
+    alt = _ref.alt,
+    className = _ref.className;
   var renderIcon = function renderIcon() {
     if (typeof icon === 'string') {
       return /*#__PURE__*/React.createElement("img", {
@@ -30,13 +25,11 @@ var BenefitsIconsTile = function BenefitsIconsTile(_ref) {
         "data-testid": "".concat(testIdPrefix, "-img")
       });
     }
-
     return /*#__PURE__*/React.createElement("div", {
       className: cn('svg-icon', [classes.icon]),
       "data-testid": "".concat(testIdPrefix, "-svg")
     }, icon);
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       'icon-position': iconPosition,
@@ -55,24 +48,4 @@ var BenefitsIconsTile = function BenefitsIconsTile(_ref) {
     className: cn('content', [classes.text])
   }, text))));
 };
-
-BenefitsIconsTile.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    icon: PropTypes.string,
-    title: PropTypes.string,
-    text: PropTypes.string,
-    contentWrapper: PropTypes.string
-  }),
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
-  text: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
-  iconPosition: PropTypes.oneOf(Object.values(IconPositionEnum)),
-  background: PropTypes.oneOf(Object.values(BackgroundEnum)),
-  icon: PropTypes.node.isRequired,
-  alt: PropTypes.string
-};
 export default BenefitsIconsTile;

package/dist/es/components/BenefitsIcons/helpers.d.ts

@@ -1,8 +1,8 @@
-import { GridConfig } from './types';
+import { GridConfig, IconPosition } from './types';
 declare const getLeftSideConfig: (count: number, index: number) => GridConfig;
 declare const getLeftTopConfig: (count: number, index: number) => GridConfig;
 declare const getCenterTopConfig: (count: number, index: number) => GridConfig;
-declare const getOneColumnConfig: (iconPosition: "left-top" | "center-top" | "left-side") => GridConfig;
-declare const getMultiColumnConfig: (iconPosition: "left-top" | "center-top" | "left-side", count: number, index: number) => GridConfig;
+declare const getOneColumnConfig: (iconPosition: IconPosition) => GridConfig;
+declare const getMultiColumnConfig: (iconPosition: IconPosition, count: number, index: number) => GridConfig;
 export default getMultiColumnConfig;
 export { getLeftSideConfig, getLeftTopConfig, getCenterTopConfig, getOneColumnConfig };

package/dist/es/components/BenefitsIcons/helpers.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { IconPositionEnum } from "./types"; // left-aligned column with left side icon
-
+import { IconPositionEnum } from "./types";
+// left-aligned column with left side icon
 var getLeftSideConfig = function getLeftSideConfig(count, index) {
   var everySecondWithoutOffset = index % 2 ? '1' : undefined;
   var columnSize = {
@@ -8,7 +8,6 @@ var getLeftSideConfig = function getLeftSideConfig(count, index) {
     desktop: '5',
     tablet: '10'
   };
-
   switch (count) {
     case 2:
     case 4:
@@ -16,19 +15,16 @@ var getLeftSideConfig = function getLeftSideConfig(count, index) {
         leftOffsetWide: everySecondWithoutOffset,
         leftOffsetDesktop: everySecondWithoutOffset
       });
-
     default:
       return _extends(_extends({}, columnSize), {
         leftOffsetDesktop: everySecondWithoutOffset
       });
   }
-}; // left-aligned column with left-aligned icon on top
-
-
+};
+// left-aligned column with left-aligned icon on top
 var getLeftTopConfig = function getLeftTopConfig(count, index) {
   var everySecondWithoutOffset = index % 2 ? '1' : undefined;
   var everyThirdWithoutOffset = index % 3 ? '1' : undefined;
-
   switch (count) {
     case 2:
       return {
@@ -39,7 +35,6 @@ var getLeftTopConfig = function getLeftTopConfig(count, index) {
         leftOffsetDesktop: everySecondWithoutOffset,
         leftOffsetTablet: everySecondWithoutOffset
       };
-
     case 4:
       return {
         wide: '3',
@@ -48,7 +43,6 @@ var getLeftTopConfig = function getLeftTopConfig(count, index) {
         leftOffsetDesktop: everySecondWithoutOffset,
         leftOffsetTablet: everySecondWithoutOffset
       };
-
     default:
       return {
         wide: '3',
@@ -58,14 +52,12 @@ var getLeftTopConfig = function getLeftTopConfig(count, index) {
         leftOffsetTablet: everySecondWithoutOffset
       };
   }
-}; // center-aligned column with center-aligned icon on top
-
-
+};
+// center-aligned column with center-aligned icon on top
 var getCenterTopConfig = function getCenterTopConfig(count, index) {
   var isEvenIndex = !(index % 2);
   var everyEvenWithLeftOffset = isEvenIndex ? '1' : undefined;
   var everyOddWithRightOffset = isEvenIndex ? undefined : '1';
-
   switch (count) {
     case 4:
       return {
@@ -77,7 +69,6 @@ var getCenterTopConfig = function getCenterTopConfig(count, index) {
         rightOffsetTablet: everyOddWithRightOffset,
         rightOffsetDesktop: everyOddWithRightOffset
       };
-
     default:
       return {
         wide: '4',
@@ -86,7 +77,6 @@ var getCenterTopConfig = function getCenterTopConfig(count, index) {
       };
   }
 };
-
 var getOneColumnConfig = function getOneColumnConfig(iconPosition) {
   return iconPosition !== IconPositionEnum.CENTER_TOP ? {
     wide: '10',
@@ -98,19 +88,15 @@ var getOneColumnConfig = function getOneColumnConfig(iconPosition) {
     tablet: '12'
   };
 };
-
 var getMultiColumnConfig = function getMultiColumnConfig(iconPosition, count, index) {
   switch (iconPosition) {
     case IconPositionEnum.LEFT_TOP:
       return getLeftTopConfig(count, index);
-
     case IconPositionEnum.CENTER_TOP:
       return getCenterTopConfig(count, index);
-
     default:
       return getLeftSideConfig(count, index);
   }
 };
-
 export default getMultiColumnConfig;
 export { getLeftSideConfig, getLeftTopConfig, getCenterTopConfig, getOneColumnConfig };

package/dist/es/components/BenefitsIcons/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
 export interface IBenefit {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
@@ -27,20 +27,20 @@ export declare const IconPositionEnum: {
     readonly CENTER_TOP: "center-top";
     readonly LEFT_SIDE: "left-side";
 };
-export declare type IconPosition = typeof IconPositionEnum[keyof typeof IconPositionEnum];
+export type IconPosition = (typeof IconPositionEnum)[keyof typeof IconPositionEnum];
 export declare const ItemsAlignEnum: {
     readonly LEFT: "left";
     readonly CENTER: "center";
 };
-export declare type ItemsAlignType = typeof ItemsAlignEnum[keyof typeof ItemsAlignEnum];
+export type ItemsAlignType = (typeof ItemsAlignEnum)[keyof typeof ItemsAlignEnum];
 export declare const BackgroundEnum: {
     readonly TRANSPARENT: "transparent";
     readonly GRAY: "gray";
     readonly GREEN: "green";
     readonly PURPLE: "purple";
 };
-export declare type BackgroundType = typeof BackgroundEnum[keyof typeof BackgroundEnum];
-export declare type GridConfig = {
+export type BackgroundType = (typeof BackgroundEnum)[keyof typeof BackgroundEnum];
+export type GridConfig = {
     wide?: TGridSizeValues;
     desktop?: TGridSizeValues;
     tablet?: TGridSizeValues;

package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IBenefit, GridGutterSize } from './types';
-import './BenfitsPictures.less';
+import './BenfitsPictures.scss';
 export declare const ONLY_LEFT_ALIGN_ITEMS_COUNT = 3;
 export interface IBenefitsPicturesProps {
     /** Ссылка на корневой элемент */

package/dist/es/components/BenefitsPictures/BenefitsPictures.js

@@ -2,53 +2,46 @@ import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import "core-js/modules/es.array.map.js";
 import * as React from 'react';
-import { useCallback } from 'react';
 import { Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
 import { breakpoints, cnCreate } from '@megafon/ui-helpers';
 import convert from 'htmr';
 import throttle from 'lodash.throttle';
-import PropTypes from 'prop-types';
 import throttleTime from "../../constants/throttleTime";
 import getCenterConfig, { getLeftConfig } from "./helpers";
 import "./BenfitsPictures.css";
 export var ONLY_LEFT_ALIGN_ITEMS_COUNT = 3;
 var testIdPrefix = 'BenefitsPictures';
 var cn = cnCreate('mfui-benefits-pictures');
-
 var BenefitsPictures = function BenefitsPictures(_ref) {
   var items = _ref.items,
-      _ref$align = _ref.align,
-      align = _ref$align === void 0 ? 'left' : _ref$align,
-      _ref$textAlign = _ref.textAlign,
-      textAlign = _ref$textAlign === void 0 ? 'auto' : _ref$textAlign,
-      _ref$imgAlign = _ref.imgAlign,
-      imgAlign = _ref$imgAlign === void 0 ? 'auto' : _ref$imgAlign,
-      _ref$gridGap = _ref.gridGap,
-      gridGap = _ref$gridGap === void 0 ? 'large' : _ref$gridGap,
-      rootRef = _ref.rootRef,
-      className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes;
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'left' : _ref$align,
+    _ref$textAlign = _ref.textAlign,
+    textAlign = _ref$textAlign === void 0 ? 'auto' : _ref$textAlign,
+    _ref$imgAlign = _ref.imgAlign,
+    imgAlign = _ref$imgAlign === void 0 ? 'auto' : _ref$imgAlign,
+    _ref$gridGap = _ref.gridGap,
+    gridGap = _ref$gridGap === void 0 ? 'large' : _ref$gridGap,
+    rootRef = _ref.rootRef,
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes;
   var isLargeGutter = gridGap === 'large';
   var isGridCenterAlign = align === 'center' && items.length !== ONLY_LEFT_ALIGN_ITEMS_COUNT;
-
   var _React$useState = React.useState(gridGap),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      currentGutter = _React$useState2[0],
-      setCurrentGutter = _React$useState2[1];
-
-  var resizeHandler = useCallback(function () {
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    currentGutter = _React$useState2[0],
+    setCurrentGutter = _React$useState2[1];
+  var resizeHandler = React.useCallback(function () {
     if (!isLargeGutter) {
       return;
     }
-
     if (window.innerWidth < breakpoints.DESKTOP_MIDDLE_START) {
       setCurrentGutter('medium');
     } else {
       setCurrentGutter('large');
     }
   }, [isLargeGutter]);
-
   var renderText = function renderText(text) {
     if (typeof text === 'string') {
       return /*#__PURE__*/React.createElement(Paragraph, {
@@ -59,10 +52,8 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
         }
       }, convert(text));
     }
-
     return text;
   };
-
   React.useEffect(function () {
     var throttledResizeHandler = throttle(resizeHandler, throttleTime.resize);
     resizeHandler();
@@ -86,9 +77,9 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
     }
   }, items.map(function (_ref2, index) {
     var img = _ref2.img,
-        title = _ref2.title,
-        text = _ref2.text,
-        alt = _ref2.alt;
+      title = _ref2.title,
+      text = _ref2.text,
+      alt = _ref2.alt;
     return /*#__PURE__*/React.createElement(GridColumn, _extends({}, align === 'left' ? getLeftConfig(items.length, index) : getCenterConfig(items.length, index, gridGap), {
       key: index
     }), /*#__PURE__*/React.createElement("div", {
@@ -117,25 +108,4 @@ var BenefitsPictures = function BenefitsPictures(_ref) {
     }, convert(title)), !!text && renderText(text))));
   }))));
 };
-
-BenefitsPictures.propTypes = {
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  items: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string,
-    text: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
-    img: PropTypes.string.isRequired,
-    alt: PropTypes.string
-  }).isRequired).isRequired,
-  align: PropTypes.oneOf(['left', 'center']),
-  textAlign: PropTypes.oneOf(['left', 'center', 'auto']),
-  imgAlign: PropTypes.oneOf(['left', 'center', 'auto']),
-  gridGap: PropTypes.oneOf(['medium', 'large']),
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    item: PropTypes.string
-  })
-};
 export default BenefitsPictures;

package/dist/es/components/BenefitsPictures/BenfitsPictures.css

@@ -1,43 +1 @@
-h1,
-h2,
-h3,
-h4,
-h5 {
-  margin: 0;
-}
-.mfui-benefits-pictures {
-  overflow: hidden;
-}
-.mfui-benefits-pictures__inner {
-  margin-bottom: -40px;
-}
-@media screen and (min-width: 768px) {
-  .mfui-benefits-pictures__inner {
-    margin-bottom: -48px;
-  }
-}
-.mfui-benefits-pictures__item {
-  margin-bottom: 40px;
-}
-@media screen and (min-width: 768px) {
-  .mfui-benefits-pictures__item {
-    margin-bottom: 48px;
-  }
-}
-.mfui-benefits-pictures__content_h-align_center {
-  text-align: center;
-}
-.mfui-benefits-pictures__img {
-  max-width: 100%;
-  margin-bottom: 32px;
-  border-radius: 12px;
-  vertical-align: top;
-}
-.mfui-benefits-pictures__img_h-align_center {
-  display: block;
-  margin-right: auto;
-  margin-left: auto;
-}
-.mfui-benefits-pictures__title {
-  margin-bottom: 12px;
-}
+h1,h2,h3,h4,h5{margin:0}.mfui-benefits-pictures{overflow:hidden}.mfui-benefits-pictures__inner{margin-bottom:-40px}@media screen and (min-width:768px){.mfui-benefits-pictures__inner{margin-bottom:-48px}}.mfui-benefits-pictures__item{margin-bottom:40px}@media screen and (min-width:768px){.mfui-benefits-pictures__item{margin-bottom:48px}}.mfui-benefits-pictures__content_h-align_center{text-align:center}.mfui-benefits-pictures__img{border-radius:12px;margin-bottom:32px;max-width:100%;vertical-align:top}.mfui-benefits-pictures__img_h-align_center{display:block;margin-left:auto;margin-right:auto}.mfui-benefits-pictures__title{margin-bottom:12px}

package/dist/es/components/BenefitsPictures/helpers.d.ts

@@ -1,8 +1,8 @@
 import { GridConfig } from './types';
 declare const columnSize: GridConfig;
 declare const isOddIndex: (index: number) => boolean;
-declare const getEvenOffset: (index: number) => "1" | undefined;
-declare const getOddOffset: (index: number) => "1" | undefined;
+declare const getEvenOffset: (index: number) => '1' | undefined;
+declare const getOddOffset: (index: number) => '1' | undefined;
 declare const getLeftConfig: (count: number, index: number) => GridConfig;
 declare const getCenterMediumConfig: (count: number, index: number) => GridConfig;
 declare const getCenterLargeConfig: (count: number, index: number) => GridConfig;

package/dist/es/components/BenefitsPictures/helpers.js

@@ -4,19 +4,15 @@ var columnSize = {
   desktop: '4',
   tablet: '5'
 };
-
 var isOddIndex = function isOddIndex(index) {
   return !((index + 1) % 2);
 };
-
 var getEvenOffset = function getEvenOffset(index) {
   return isOddIndex(index) ? '1' : undefined;
 };
-
 var getOddOffset = function getOddOffset(index) {
   return isOddIndex(index) ? undefined : '1';
 };
-
 var getLeftConfig = function getLeftConfig(count, index) {
   switch (count) {
     case 2:
@@ -26,21 +22,18 @@ var getLeftConfig = function getLeftConfig(count, index) {
         leftOffsetDesktop: getEvenOffset(index),
         leftOffsetTablet: getEvenOffset(index)
       });
-
     default:
       return _extends(_extends({}, columnSize), {
         leftOffsetTablet: getEvenOffset(index)
       });
   }
 };
-
 var getCenterMediumConfig = function getCenterMediumConfig(count, index) {
   switch (count) {
     case 3:
       return _extends(_extends({}, columnSize), {
         leftOffsetTablet: getOddOffset(index)
       });
-
     case 4:
       return _extends(_extends({}, columnSize), {
         rightOffsetWide: getOddOffset(index),
@@ -50,7 +43,6 @@ var getCenterMediumConfig = function getCenterMediumConfig(count, index) {
         rightOffsetTablet: getEvenOffset(index),
         leftOffsetTablet: getOddOffset(index)
       });
-
     default:
       return _extends(_extends({}, columnSize), {
         rightOffsetWide: getOddOffset(index),
@@ -58,7 +50,6 @@ var getCenterMediumConfig = function getCenterMediumConfig(count, index) {
       });
   }
 };
-
 var getCenterLargeConfig = function getCenterLargeConfig(count, index) {
   switch (count) {
     case 4:
@@ -70,30 +61,25 @@ var getCenterLargeConfig = function getCenterLargeConfig(count, index) {
         leftOffsetTablet: getOddOffset(index),
         rightOffsetTablet: getEvenOffset(index)
       });
-
     case 3:
       return _extends(_extends({}, columnSize), {
         leftOffsetTablet: getOddOffset(index)
       });
-
     default:
       return _extends({}, columnSize);
   }
 };
-
 var getCenterConfig = function getCenterConfig(count, index, gutterSize) {
   switch (gutterSize) {
     case 'medium':
       {
         return getCenterMediumConfig(count, index);
       }
-
     default:
       {
         return getCenterLargeConfig(count, index);
       }
   }
 };
-
 export default getCenterConfig;
 export { columnSize, isOddIndex, getEvenOffset, getOddOffset, getLeftConfig, getCenterMediumConfig, getCenterLargeConfig };

package/dist/es/components/BenefitsPictures/types.d.ts

@@ -9,8 +9,8 @@ export interface IBenefit {
     /** Значение тега alt для изображения */
     alt?: string;
 }
-declare type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
-export declare type GridConfig = {
+type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+export type GridConfig = {
     wide?: TGridSizeValues;
     desktop?: TGridSizeValues;
     tablet?: TGridSizeValues;
@@ -21,5 +21,5 @@ export declare type GridConfig = {
     rightOffsetTablet?: TGridSizeValues;
     rightOffsetWide?: TGridSizeValues;
 };
-export declare type GridGutterSize = 'large' | 'medium';
+export type GridGutterSize = 'large' | 'medium';
 export {};

package/dist/es/components/BenefitsPictures/types.js

@@ -0,0 +1 @@
+export {};