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

package/dist/es/components/PageTitle/PageTitle.js

@@ -2,25 +2,23 @@ import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { Header, Grid, GridColumn } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
-import "./PageTitle.css";
 import Breadcrumbs from "../Breadcrumbs/Breadcrumbs";
+import "./PageTitle.css";
 var testIdPrefix = 'PageTitle';
 var cn = cnCreate('mfui-page-title');
-
 var PageTitle = function PageTitle(_ref) {
   var dataAttrs = _ref.dataAttrs,
-      title = _ref.title,
-      breadcrumbs = _ref.breadcrumbs,
-      badge = _ref.badge,
-      _ref$isFullWidth = _ref.isFullWidth,
-      isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
-      _ref$hasBreadcrumbsMi = _ref.hasBreadcrumbsMicrodata,
-      hasBreadcrumbsMicrodata = _ref$hasBreadcrumbsMi === void 0 ? false : _ref$hasBreadcrumbsMi,
-      className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      rootRef = _ref.rootRef;
+    title = _ref.title,
+    breadcrumbs = _ref.breadcrumbs,
+    badge = _ref.badge,
+    _ref$isFullWidth = _ref.isFullWidth,
+    isFullWidth = _ref$isFullWidth === void 0 ? true : _ref$isFullWidth,
+    _ref$hasBreadcrumbsMi = _ref.hasBreadcrumbsMicrodata,
+    hasBreadcrumbsMicrodata = _ref$hasBreadcrumbsMi === void 0 ? false : _ref$hasBreadcrumbsMi,
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    rootRef = _ref.rootRef;
   var isBreadcrumbs = !!(breadcrumbs === null || breadcrumbs === void 0 ? void 0 : breadcrumbs.length);
   var renderPageTitle = React.useCallback(function () {
     return /*#__PURE__*/React.createElement(React.Fragment, null, badge && /*#__PURE__*/React.createElement("div", {
@@ -61,27 +59,4 @@ var PageTitle = function PageTitle(_ref) {
     className: cn('breadcrumbs', [classes.breadcrumbs])
   }), isFullWidth ? renderPageTitle() : renderPageTitleWithGrid());
 };
-
-PageTitle.propTypes = {
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    breadcrumbs: PropTypes.objectOf(PropTypes.string.isRequired),
-    breadcrumbsLink: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,
-  breadcrumbs: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string.isRequired,
-    href: PropTypes.string
-  }).isRequired),
-  badge: PropTypes.string,
-  isFullWidth: PropTypes.bool,
-  hasBreadcrumbsMicrodata: PropTypes.bool,
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    breadcrumbs: PropTypes.string
-  }),
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])])
-};
 export default PageTitle;

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import './Partners.less';
-export declare type ItemType = {
+import './Partners.scss';
+export type ItemType = {
     src: string;
     href?: string;
     alt: string;

package/dist/es/components/Partners/Partners.js

@@ -1,52 +1,45 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-var _slidesSettings;
-
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.array.slice.js";
 import * as React from 'react';
 import { Grid, GridColumn, Tile, Carousel } from '@megafon/ui-core';
 import { breakpoints, cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import * as PropTypes from 'prop-types';
 import "./Partners.css";
 var MAX_GRID_ITEMS_LENGTH = 8;
-var slidesSettings = (_slidesSettings = {}, _defineProperty(_slidesSettings, breakpoints.MOBILE_SMALL_START, {
+var slidesSettings = _defineProperty(_defineProperty(_defineProperty({}, breakpoints.MOBILE_SMALL_START, {
   slidesPerView: 2,
   spaceBetween: 16
-}), _defineProperty(_slidesSettings, breakpoints.MOBILE_MIDDLE_START, {
+}), breakpoints.MOBILE_MIDDLE_START, {
   slidesPerView: 3,
   spaceBetween: 20
-}), _defineProperty(_slidesSettings, breakpoints.DESKTOP_SMALL_START, {
+}), breakpoints.DESKTOP_SMALL_START, {
   slidesPerView: 4,
   spaceBetween: 20
-}), _slidesSettings);
+});
 var testIdPrefix = 'Partners';
 var cn = cnCreate('mfui-partners');
-
 var Partners = function Partners(_ref) {
   var rootRef = _ref.rootRef,
-      _ref$classes = _ref.classes;
-  _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
-  var root = _ref$classes.root,
-      itemClass = _ref$classes.itemClass,
-      dataAttrs = _ref.dataAttrs,
-      className = _ref.className,
-      items = _ref.items,
-      onChange = _ref.onChange,
-      onNextClick = _ref.onNextClick,
-      onPrevClick = _ref.onPrevClick;
+    _ref$classes = _ref.classes,
+    _ref$classes2 = _ref$classes === void 0 ? {} : _ref$classes,
+    root = _ref$classes2.root,
+    itemClass = _ref$classes2.itemClass,
+    dataAttrs = _ref.dataAttrs,
+    className = _ref.className,
+    items = _ref.items,
+    onChange = _ref.onChange,
+    onNextClick = _ref.onNextClick,
+    onPrevClick = _ref.onPrevClick;
   var renderItem = React.useCallback(function (item) {
     var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
     if (!item) {
       return null;
     }
-
     var src = item.src,
-        href = item.href,
-        alt = item.alt,
-        rel = item.rel;
+      href = item.href,
+      alt = item.alt,
+      rel = item.rel;
     return /*#__PURE__*/React.createElement(Tile, {
       href: href,
       rel: rel,
@@ -108,28 +101,4 @@ var Partners = function Partners(_ref) {
     className: cn([root, className])
   }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), items.length > MAX_GRID_ITEMS_LENGTH ? renderCarousel() : renderGrid());
 };
-
-Partners.propTypes = {
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    itemClass: PropTypes.string
-  }),
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    item: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  className: PropTypes.string,
-  items: PropTypes.arrayOf(PropTypes.shape({
-    href: PropTypes.string,
-    rel: PropTypes.string,
-    src: PropTypes.string.isRequired,
-    alt: PropTypes.string.isRequired
-  }).isRequired).isRequired,
-  onChange: PropTypes.func,
-  onNextClick: PropTypes.func,
-  onPrevClick: PropTypes.func
-};
 export default Partners;

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

@@ -1,10 +1,10 @@
 import * as React from 'react';
-import './PictureWithDescription.less';
+import './PictureWithDescription.scss';
 export declare const pictureAlignTypes: {
     readonly LEFT: "left";
     readonly RIGHT: "right";
 };
-declare type PictureAlignTypesType = typeof pictureAlignTypes[keyof typeof pictureAlignTypes];
+type PictureAlignTypesType = (typeof pictureAlignTypes)[keyof typeof pictureAlignTypes];
 export interface IPictureWithDescriptionProps {
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
@@ -25,6 +25,8 @@ export interface IPictureWithDescriptionProps {
     pictureAlt?: string;
     /** Выравнивание текста по верхнему краю */
     isTextTopAlign?: boolean;
+    /** Дочерний элемент компонента */
+    children?: React.ReactNode;
 }
 declare const PictureWithDescription: React.FC<IPictureWithDescriptionProps>;
 export default PictureWithDescription;

package/dist/es/components/PictureWithDescription/PictureWithDescription.js

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { Header } from '@megafon/ui-core';
 import { cnCreate } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
 import "./PictureWithDescription.css";
 export var pictureAlignTypes = {
   LEFT: 'left',
@@ -9,19 +8,18 @@ export var pictureAlignTypes = {
 };
 var testIdPrefix = 'PictureWithDescription';
 var cn = cnCreate('mfui-picture-with-description');
-
 var PictureWithDescription = function PictureWithDescription(_ref) {
   var rootRef = _ref.rootRef,
-      className = _ref.className,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      title = _ref.title,
-      pictureUrl = _ref.pictureUrl,
-      _ref$pictureAlign = _ref.pictureAlign,
-      pictureAlign = _ref$pictureAlign === void 0 ? 'left' : _ref$pictureAlign,
-      pictureAlt = _ref.pictureAlt,
-      isTextTopAlign = _ref.isTextTopAlign,
-      children = _ref.children;
+    className = _ref.className,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    title = _ref.title,
+    pictureUrl = _ref.pictureUrl,
+    _ref$pictureAlign = _ref.pictureAlign,
+    pictureAlign = _ref$pictureAlign === void 0 ? 'left' : _ref$pictureAlign,
+    pictureAlt = _ref.pictureAlt,
+    isTextTopAlign = _ref.isTextTopAlign,
+    children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
     className: cn([className, classes.root]),
     ref: rootRef
@@ -47,20 +45,4 @@ var PictureWithDescription = function PictureWithDescription(_ref) {
     className: cn('content')
   }, children)));
 };
-
-PictureWithDescription.propTypes = {
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    root: PropTypes.string,
-    title: PropTypes.string
-  }),
-  title: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
-  pictureUrl: PropTypes.string.isRequired,
-  pictureAlign: PropTypes.oneOf([pictureAlignTypes.LEFT, pictureAlignTypes.RIGHT]),
-  pictureAlt: PropTypes.string,
-  isTextTopAlign: PropTypes.bool
-};
 export default PictureWithDescription;

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

@@ -1,10 +1,10 @@
-import React, { Ref, ComponentProps } from 'react';
+import * as React from 'react';
 import { PromoBadge } from '@megafon/ui-core';
-import './Property.less';
+import './Property.scss';
 import { Item } from './types';
 export interface IProperty {
     /** Ссылка на корневой элемент */
-    rootRef?: Ref<HTMLDivElement>;
+    rootRef?: React.Ref<HTMLDivElement>;
     /** Массив с данными для строки */
     items: Item[];
     /** Дополнительный класс для основного контейнера */
@@ -12,7 +12,7 @@ export interface IProperty {
     /** Текст для бейджа */
     badge?: string;
     /** Тип бейджа */
-    badgeType?: ComponentProps<typeof PromoBadge>['type'];
+    badgeType?: React.ComponentProps<typeof PromoBadge>['type'];
     /** Текст тултипа */
     tooltip?: string;
     /** Отключить верхнюю границу */

package/dist/es/components/Property/Property.js

@@ -1,15 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.symbol.js";
 import "core-js/modules/es.symbol.description.js";
-import React, { Fragment, useRef } from 'react';
+import "core-js/modules/es.array.map.js";
+import * as React from 'react';
 import { Grid, GridColumn, PromoBadge, Caption, Tooltip } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs, convert } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
 import "./Property.css";
 import { getColumnConfig } from "../../helpers/getColumnConfig";
 import PropertyDescription from "./PropertyDescription";
-
 var InfoIcon = function InfoIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
@@ -17,37 +15,34 @@ var InfoIcon = function InfoIcon(props) {
     d: "M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8zm0 5c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1zm1 8V9H9v6h2z"
   }));
 };
-
 export var testIdPrefix = 'Property';
 var cn = cnCreate('mfui-property');
-
 var Property = function Property(_ref) {
   var rootRef = _ref.rootRef,
-      items = _ref.items,
-      className = _ref.className,
-      _ref$badge = _ref.badge,
-      badge = _ref$badge === void 0 ? '' : _ref$badge,
-      _ref$badgeType = _ref.badgeType,
-      badgeType = _ref$badgeType === void 0 ? 'popular' : _ref$badgeType,
-      tooltip = _ref.tooltip,
-      icon = _ref.icon,
-      _ref$disableBorderTop = _ref.disableBorderTop,
-      disableBorderTop = _ref$disableBorderTop === void 0 ? false : _ref$disableBorderTop,
-      _ref$borderBottom = _ref.borderBottom,
-      borderBottom = _ref$borderBottom === void 0 ? false : _ref$borderBottom,
-      _ref$borderColor = _ref.borderColor,
-      borderColor = _ref$borderColor === void 0 ? 'default' : _ref$borderColor,
-      _ref$mergedValue = _ref.mergedValue,
-      mergedValue = _ref$mergedValue === void 0 ? '' : _ref$mergedValue,
-      _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs;
-  var tooltipRef = useRef(null);
-
-  var renderTitle = function renderTitle(title, titleSize, isFirstItem) {
-    return title && title.map(function (titleItem, i) {
+    items = _ref.items,
+    className = _ref.className,
+    _ref$badge = _ref.badge,
+    badge = _ref$badge === void 0 ? '' : _ref$badge,
+    _ref$badgeType = _ref.badgeType,
+    badgeType = _ref$badgeType === void 0 ? 'popular' : _ref$badgeType,
+    tooltip = _ref.tooltip,
+    icon = _ref.icon,
+    _ref$disableBorderTop = _ref.disableBorderTop,
+    disableBorderTop = _ref$disableBorderTop === void 0 ? false : _ref$disableBorderTop,
+    _ref$borderBottom = _ref.borderBottom,
+    borderBottom = _ref$borderBottom === void 0 ? false : _ref$borderBottom,
+    _ref$borderColor = _ref.borderColor,
+    borderColor = _ref$borderColor === void 0 ? 'default' : _ref$borderColor,
+    _ref$mergedValue = _ref.mergedValue,
+    mergedValue = _ref$mergedValue === void 0 ? '' : _ref$mergedValue,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs;
+  var tooltipRef = React.useRef(null);
+  var renderTitle = function renderTitle(titles, titleSize, isFirstItem) {
+    return titles === null || titles === void 0 ? void 0 : titles.map(function (titleItem, i) {
       var isFirstTitle = i === 0;
       return /*#__PURE__*/React.createElement("div", {
         key: i,
@@ -66,11 +61,10 @@ var Property = function Property(_ref) {
       }, tooltip)));
     });
   };
-
   var renderDescription = function renderDescription(description) {
-    return description && description.map(function (_ref2, j) {
+    return description === null || description === void 0 ? void 0 : description.map(function (_ref2, j) {
       var value = _ref2.value,
-          isCollapsible = _ref2.isCollapsible;
+        isCollapsible = _ref2.isCollapsible;
       return /*#__PURE__*/React.createElement("div", {
         className: cn('desc', {
           collapsible: isCollapsible
@@ -89,7 +83,6 @@ var Property = function Property(_ref) {
       }));
     });
   };
-
   var renderValue = function renderValue(valueFrameColor, value, valueUnit) {
     return /*#__PURE__*/React.createElement("div", {
       className: cn('value-wrapper', {
@@ -103,7 +96,6 @@ var Property = function Property(_ref) {
       hasMargin: false
     }, convert(valueUnit, {})));
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({
     className: cn({
       'border-top': !disableBorderTop,
@@ -121,17 +113,17 @@ var Property = function Property(_ref) {
     className: cn('wrapper')
   }, items.map(function (_ref3, i) {
     var title = _ref3.title,
-        value = _ref3.value,
-        description = _ref3.description,
-        _ref3$valueUnit = _ref3.valueUnit,
-        valueUnit = _ref3$valueUnit === void 0 ? '' : _ref3$valueUnit,
-        _ref3$titleSize = _ref3.titleSize,
-        titleSize = _ref3$titleSize === void 0 ? 'default' : _ref3$titleSize,
-        _ref3$valueFrameColor = _ref3.valueFrameColor,
-        valueFrameColor = _ref3$valueFrameColor === void 0 ? 'none' : _ref3$valueFrameColor;
+      value = _ref3.value,
+      description = _ref3.description,
+      _ref3$valueUnit = _ref3.valueUnit,
+      valueUnit = _ref3$valueUnit === void 0 ? '' : _ref3$valueUnit,
+      _ref3$titleSize = _ref3.titleSize,
+      titleSize = _ref3$titleSize === void 0 ? 'default' : _ref3$titleSize,
+      _ref3$valueFrameColor = _ref3.valueFrameColor,
+      valueFrameColor = _ref3$valueFrameColor === void 0 ? 'none' : _ref3$valueFrameColor;
     var isFirstItem = i === 0;
     var isRenderBadge = isFirstItem && !!badge;
-    return /*#__PURE__*/React.createElement(Fragment, {
+    return /*#__PURE__*/React.createElement(React.Fragment, {
       key: i
     }, /*#__PURE__*/React.createElement("div", {
       className: cn('main', {
@@ -146,40 +138,4 @@ var Property = function Property(_ref) {
     }, badge), title ? renderTitle(title, titleSize, isFirstItem) : renderDescription(description)), mergedValue && isFirstItem && renderValue(valueFrameColor, mergedValue, valueUnit), !mergedValue && value && renderValue(valueFrameColor, value, valueUnit)), title && renderDescription(description));
   })))));
 };
-
-Property.propTypes = {
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  items: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]),
-    description: PropTypes.arrayOf(PropTypes.shape({
-      value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]).isRequired,
-      isCollapsible: PropTypes.bool
-    })),
-    value: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-    titleSize: PropTypes.oneOf(['default', 'big']),
-    valueUnit: PropTypes.string,
-    valueFrameColor: PropTypes.oneOf(['none', 'default', 'gray'])
-  }).isRequired).isRequired,
-  className: PropTypes.string,
-  badge: PropTypes.string,
-  badgeType: PropTypes.oneOf(['hit', 'new', 'vip', 'popular', 'user-choice', 'interests']),
-  tooltip: PropTypes.string,
-  disableBorderTop: PropTypes.bool,
-  borderBottom: PropTypes.bool,
-  borderColor: PropTypes.oneOf(['default', 'darker']),
-  mergedValue: PropTypes.string,
-  icon: PropTypes.node,
-  fullWidth: PropTypes.bool,
-  dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired),
-    moreLink: PropTypes.objectOf(PropTypes.string.isRequired)
-  }),
-  classes: PropTypes.shape({
-    title: PropTypes.string,
-    openedDescription: PropTypes.string,
-    toggleDescription: PropTypes.string
-  })
-};
 export default Property;

package/dist/es/components/Property/PropertyDescription.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import './PropertyDescription.less';
-import { Desc } from './types';
+import './PropertyDescription.scss';
+import { DescriptionType } from './types';
 export declare const testIdPrefix = "PropertyDescription";
-declare const PropertyDescription: React.FC<Desc>;
+declare const PropertyDescription: React.FC<DescriptionType>;
 export default PropertyDescription;

package/dist/es/components/Property/PropertyDescription.js

@@ -1,34 +1,27 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import * as React from 'react';
 import { Collapse } from '@megafon/ui-core';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
 import "./PropertyDescription.css";
 export var testIdPrefix = 'PropertyDescription';
 var cn = cnCreate('mfui-property-description');
-
 var PropertyDescription = function PropertyDescription(_ref) {
   var value = _ref.value,
-      _ref$isCollapsible = _ref.isCollapsible,
-      isCollapsible = _ref$isCollapsible === void 0 ? false : _ref$isCollapsible,
-      _ref$classes = _ref.classes,
-      classes = _ref$classes === void 0 ? {} : _ref$classes,
-      dataAttrs = _ref.dataAttrs;
-
+    _ref$isCollapsible = _ref.isCollapsible,
+    isCollapsible = _ref$isCollapsible === void 0 ? false : _ref$isCollapsible,
+    _ref$classes = _ref.classes,
+    classes = _ref$classes === void 0 ? {} : _ref$classes,
+    dataAttrs = _ref.dataAttrs;
   var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isOpened = _React$useState2[0],
-      setIsOpened = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isOpened = _React$useState2[0],
+    setIsOpened = _React$useState2[1];
   var handleClickDesc = React.useCallback(function () {
     return setIsOpened(!isOpened);
   }, [isOpened]);
-
   if (isCollapsible) {
     return /*#__PURE__*/React.createElement("div", {
       className: cn([isOpened ? classes.open : undefined]),
@@ -43,21 +36,8 @@ var PropertyDescription = function PropertyDescription(_ref) {
       className: cn('collapse', classes.toggle)
     }), isOpened ? 'Скрыть' : 'Подробнее'));
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: cn()
   }, value);
 };
-
-PropertyDescription.propTypes = {
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]).isRequired,
-  isCollapsible: PropTypes.bool,
-  classes: PropTypes.shape({
-    open: PropTypes.string,
-    toggle: PropTypes.string
-  }),
-  dataAttrs: PropTypes.shape({
-    moreLink: PropTypes.objectOf(PropTypes.string.isRequired)
-  })
-};
 export default PropertyDescription;

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare type Desc = {
+export type DescriptionType = {
     value: string | React.ReactNode[];
     isCollapsible?: boolean;
     classes?: {
@@ -10,10 +10,12 @@ export declare type Desc = {
         moreLink?: Record<string, string>;
     };
 };
-export declare type Item = {
-    title?: string[] | React.ReactNode[];
-    titleSize?: 'default' | 'big';
-    description?: Desc[];
+export type TitleSizeType = 'default' | 'big';
+export type ValueFrameColor = 'none' | 'default' | 'gray';
+export type Item = {
+    title?: React.ReactNode[];
+    titleSize?: TitleSizeType;
+    description?: DescriptionType[];
     value?: string | React.ReactNode;
     valueUnit?: string;
     valueFrameColor?: 'none' | 'default' | 'gray';

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

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

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import './Steps.less';
+import './Steps.scss';
 export interface ISteps {
     /** Дополнительный класс корневого элемента */
     className?: string;
@@ -13,6 +13,7 @@ export interface ISteps {
     rootRef?: React.Ref<HTMLDivElement>;
     /** Заголовок */
     title?: string;
+    children: React.ReactNode;
 }
 declare const Steps: React.FC<ISteps>;
 export default Steps;

package/dist/es/components/Steps/Steps.js

@@ -2,16 +2,14 @@ import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { Header } from '@megafon/ui-core';
 import { cnCreate, convert, titleConvertConfig } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
 import "./Steps.css";
 var cn = cnCreate('mfui-steps');
-
 var Steps = function Steps(_ref) {
   var className = _ref.className,
-      classes = _ref.classes,
-      title = _ref.title,
-      rootRef = _ref.rootRef,
-      children = _ref.children;
+    classes = _ref.classes,
+    title = _ref.title,
+    rootRef = _ref.rootRef,
+    children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
     className: cn([className]),
     ref: rootRef
@@ -27,17 +25,4 @@ var Steps = function Steps(_ref) {
     }, child);
   })));
 };
-
-Steps.propTypes = {
-  className: PropTypes.string,
-  classes: PropTypes.shape({
-    title: PropTypes.string,
-    list: PropTypes.string,
-    item: PropTypes.string
-  }),
-  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
-    current: PropTypes.elementType
-  }), PropTypes.any])]),
-  title: PropTypes.string
-};
 export default Steps;

package/dist/es/components/Steps/StepsItem.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import './StepsItem.less';
+import * as React from 'react';
+import './StepsItem.scss';
 interface IStepsItem {
     /** Номер элемента */
     index: number;

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

@@ -1,13 +1,11 @@
-import React from 'react';
+import * as React from 'react';
 import { Paragraph } from '@megafon/ui-core';
 import { cnCreate, convert, textConvertConfig } from '@megafon/ui-helpers';
-import PropTypes from 'prop-types';
 import "./StepsItem.css";
 var cn = cnCreate('mfui-steps-item');
-
 var StepsItem = function StepsItem(_ref) {
   var index = _ref.index,
-      text = _ref.text;
+    text = _ref.text;
   return /*#__PURE__*/React.createElement("div", {
     className: cn()
   }, /*#__PURE__*/React.createElement("span", {
@@ -20,9 +18,4 @@ var StepsItem = function StepsItem(_ref) {
     className: cn('nodes')
   }, text)));
 };
-
-StepsItem.propTypes = {
-  index: PropTypes.number.isRequired,
-  text: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.node)]).isRequired
-};
 export default StepsItem;