@megafon/ui-core 4.15.6 → 4.16.1

package/CHANGELOG.md

@@ -3,6 +3,34 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.16.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.16.0...@megafon/ui-core@4.16.1) (2023-05-23)
+
+
+### Bug Fixes
+
+* **counterbadge:** fix required props ([6824153](https://github.com/MegafonWebLab/megafon-ui/commit/6824153b4f2543eb3961cd408c447c8bcb9cd83d))
+
+
+
+
+
+# [4.16.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.15.6...@megafon/ui-core@4.16.0) (2023-05-17)
+
+
+### Bug Fixes
+
+* **contentarea:** new prop indents ([4e161ed](https://github.com/MegafonWebLab/megafon-ui/commit/4e161ed9fb7705709410e482d2a237f5d527e7fe))
+
+
+### Features
+
+* **badges:** add counter badge ([de83e09](https://github.com/MegafonWebLab/megafon-ui/commit/de83e093928c1b6c3947ba06d5035dbf017e6356))
+* **badges:** add new PriceBadge icon type - info ([49dfcbb](https://github.com/MegafonWebLab/megafon-ui/commit/49dfcbbb0f299522d75c044282b9625bbc130af2))
+
+
+
+
+
 ## [4.15.6](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.15.5...@megafon/ui-core@4.15.6) (2023-05-02)
 
 

package/dist/es/colors/Colors.js

@@ -1,10 +1,10 @@
-import "core-js/modules/es.symbol";
-import "core-js/modules/es.symbol.description";
-import "core-js/modules/es.array.includes";
-import "core-js/modules/es.array.map";
-import "core-js/modules/es.function.name";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.symbol.description.js";
+import "core-js/modules/es.function.name.js";
 import * as React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
 import Grid from "../components/Grid/Grid";

package/dist/es/components/Badges/components/CounterBadge/CounterBadge.css

@@ -0,0 +1,54 @@
+.mfui-counter-badge {
+  padding: 5px 6px;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  min-width: 24px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 14px;
+  border-radius: 12px;
+}
+.mfui-counter-badge_limited {
+  padding: 5px 12px;
+}
+@media screen and (min-width: 1024px) {
+  .mfui-counter-badge_adaptive {
+    min-width: 28px;
+    font-size: 15px;
+    line-height: 18px;
+  }
+}
+.mfui-counter-badge_icon {
+  padding: 2px 4px 2px 12px;
+}
+.mfui-counter-badge_adaptive.mfui-counter-badge_icon {
+  padding: 4px 4px 4px 12px;
+}
+.mfui-counter-badge__icon {
+  margin-left: 4px;
+  width: 20px;
+  min-width: 20px;
+  height: 20px;
+}
+.mfui-counter-badge_theme_light-blue {
+  background-color: var(--311C20);
+}
+.mfui-counter-badge_theme_light-blue .mfui-counter-badge__icon {
+  fill: var(--311C);
+}
+.mfui-counter-badge_theme_purple {
+  background-color: var(--brandPurple20);
+}
+.mfui-counter-badge_theme_purple .mfui-counter-badge__icon {
+  fill: var(--brandPurple);
+}

package/dist/es/components/Badges/components/CounterBadge/CounterBadge.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import './CounterBadge.less';
+export declare const CounterBadgeColorTheme: {
+    readonly LIGHT_BLUE: "light-blue";
+    readonly PURPLE: "purple";
+};
+declare type CounterBadgeColorThemeType = typeof CounterBadgeColorTheme[keyof typeof CounterBadgeColorTheme];
+export interface ICounterBadgeProps {
+    /** Текущее значение */
+    currentValue: number;
+    /** Максимальное значение */
+    totalCount?: number;
+    /** Наличие иконки */
+    hasIcon?: boolean;
+    /** Кастомная иконка */
+    customIcon?: JSX.Element;
+    /** Цветовая тема */
+    colorTheme?: CounterBadgeColorThemeType;
+    /** Адаптивный режим */
+    isAdaptive?: boolean;
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные data-атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+}
+declare const CounterBadge: React.FC<ICounterBadgeProps>;
+export default CounterBadge;

package/dist/es/components/Badges/components/CounterBadge/CounterBadge.js

@@ -0,0 +1,61 @@
+import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.object.values.js";
+import * as React from 'react';
+import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
+import * as PropTypes from 'prop-types';
+import "./CounterBadge.css";
+
+var DefaultIcon = function DefaultIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M11.39 9H16v1l-7.5 8H7l1.61-7H4v-1l7.5-8H13z",
+    fillRule: "evenodd"
+  }));
+};
+
+export var CounterBadgeColorTheme = {
+  LIGHT_BLUE: 'light-blue',
+  PURPLE: 'purple'
+};
+var cn = cnCreate('mfui-counter-badge');
+
+var CounterBadge = function CounterBadge(_ref) {
+  var totalCount = _ref.totalCount,
+      currentValue = _ref.currentValue,
+      _ref$hasIcon = _ref.hasIcon,
+      hasIcon = _ref$hasIcon === void 0 ? false : _ref$hasIcon,
+      customIcon = _ref.customIcon,
+      _ref$colorTheme = _ref.colorTheme,
+      colorTheme = _ref$colorTheme === void 0 ? 'light-blue' : _ref$colorTheme,
+      _ref$isAdaptive = _ref.isAdaptive,
+      isAdaptive = _ref$isAdaptive === void 0 ? false : _ref$isAdaptive,
+      className = _ref.className,
+      dataAttrs = _ref.dataAttrs;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: cn({
+      limited: !!totalCount,
+      adaptive: isAdaptive,
+      theme: colorTheme,
+      icon: hasIcon
+    }, className)
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement("span", {
+    className: cn('value')
+  }, currentValue, !!totalCount && "/".concat(totalCount)), hasIcon && /*#__PURE__*/React.createElement("div", {
+    className: cn('icon')
+  }, customIcon || /*#__PURE__*/React.createElement(DefaultIcon, null)));
+};
+
+CounterBadge.propTypes = {
+  totalCount: PropTypes.number,
+  currentValue: PropTypes.number.isRequired,
+  customIcon: PropTypes.element,
+  colorTheme: PropTypes.oneOf(Object.values(CounterBadgeColorTheme)),
+  hasIcon: PropTypes.bool,
+  isAdaptive: PropTypes.bool,
+  className: PropTypes.string,
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired).isRequired
+  })
+};
+export default CounterBadge;

package/dist/es/components/Badges/components/PriceBadge/PriceBadge.d.ts

@@ -11,6 +11,7 @@ export declare const PriceBadgeIcon: {
     readonly PRICE: "price";
     readonly CHECK: "check";
     readonly ATTENTION: "attention";
+    readonly INFO: "info";
 };
 export declare const PriseBadgeSize: {
     readonly SMALL: "small";

package/dist/es/components/Badges/components/PriceBadge/PriceBadge.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
@@ -23,6 +23,14 @@ var CheckIcon = function CheckIcon(props) {
   }));
 };
 
+var InfoIcon = function InfoIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 20 20"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    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"
+  }));
+};
+
 var PriceIcon = function PriceIcon(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 20 20"
@@ -61,6 +69,14 @@ var CheckIconBig = function CheckIconBig(props) {
   }));
 };
 
+var InfoIconBig = function InfoIconBig(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M16 4C9.4 4 4 9.4 4 16s5.4 12 12 12 12-5.4 12-12S22.6 4 16 4zm1 18h-2v-8h2v8zm0-10h-2v-2h2v2z"
+  }));
+};
+
 var PriceIconBig = function PriceIconBig(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     viewBox: "0 0 32 32"
@@ -91,7 +107,8 @@ export var PriceBadgeIcon = {
   TIMER: 'timer',
   PRICE: 'price',
   CHECK: 'check',
-  ATTENTION: 'attention'
+  ATTENTION: 'attention',
+  INFO: 'info'
 };
 export var PriseBadgeSize = {
   SMALL: 'small',
@@ -114,6 +131,9 @@ var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
     case iconType === PriceBadgeIcon.ATTENTION && isBigIcon:
       return AttentionIconBig;
 
+    case iconType === PriceBadgeIcon.INFO && isBigIcon:
+      return InfoIconBig;
+
     case iconType === PriceBadgeIcon.PRICE:
       return PriceIcon;
 
@@ -123,6 +143,9 @@ var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
     case iconType === PriceBadgeIcon.ATTENTION:
       return AttentionIcon;
 
+    case iconType === PriceBadgeIcon.INFO:
+      return InfoIcon;
+
     default:
       return TimerIcon;
   }

package/dist/es/components/Badges/components/PromoBadge/PromoBadge.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';

package/dist/es/components/Badges/components/TimerBadge/Timer/Timer.js

@@ -1,7 +1,7 @@
-import "core-js/modules/es.array.concat";
-import "core-js/modules/es.date.to-string";
-import "core-js/modules/es.math.trunc";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.math.trunc.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.date.to-string.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import format from 'date-fns/format';

package/dist/es/components/Badges/components/TimerBadge/TimerBadge.js

@@ -1,8 +1,8 @@
-import "core-js/modules/es.date.now";
-import "core-js/modules/es.date.to-string";
-import "core-js/modules/web.timers";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.date.now.js";
+import "core-js/modules/es.date.to-string.js";
+import "core-js/modules/web.timers.js";
 import React, { useEffect, useState } from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';

package/dist/es/components/Banner/Banner.js

@@ -1,8 +1,8 @@
-import "core-js/modules/es.array.map";
-import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
 import _typeof from "@babel/runtime/helpers/typeof";
 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 { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';

package/dist/es/components/Button/Button.js

@@ -1,9 +1,9 @@
-import "core-js/modules/es.array.concat";
-import "core-js/modules/es.array.is-array";
-import "core-js/modules/es.object.values";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.is-array.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.object.values.js";
 import React from 'react';
 import { cnCreate, detectTouch, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';

package/dist/es/components/Calendar/Calendar.js

@@ -1,11 +1,11 @@
-import "core-js/modules/es.symbol";
-import "core-js/modules/es.array.concat";
-import "core-js/modules/es.array.index-of";
-import "core-js/modules/es.array.map";
-import "core-js/modules/es.date.to-string";
 import _typeof from "@babel/runtime/helpers/typeof";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.date.to-string.js";
+import "core-js/modules/es.array.concat.js";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};

package/dist/es/components/Calendar/components/Day/Day.js

@@ -1,7 +1,7 @@
-import "core-js/modules/es.symbol";
-import "core-js/modules/es.array.index-of";
-import "core-js/modules/es.date.to-string";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.date.to-string.js";
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};

package/dist/es/components/Calendar/components/Month/Month.js

@@ -1,6 +1,6 @@
-import "core-js/modules/es.array.concat";
-import "core-js/modules/es.array.map";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.map.js";
 import React from 'react';
 import { checkEventIsClickOrEnterPress, cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import "./Month.css";

package/dist/es/components/Caption/Caption.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';

package/dist/es/components/Carousel/Carousel.js

@@ -1,7 +1,3 @@
-import "core-js/modules/es.array.index-of";
-import "core-js/modules/es.array.is-array";
-import "core-js/modules/es.array.map";
-import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
 import _typeof from "@babel/runtime/helpers/typeof";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
@@ -9,6 +5,10 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 var _defaultSlidesSetting;
 
+import "core-js/modules/es.array.is-array.js";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.values.js";
 import React from 'react';
 import { breakpoints, cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import throttle from 'lodash.throttle';

package/dist/es/components/Carousel/checkBreakpointsPropTypes.js

@@ -1,6 +1,6 @@
-import "core-js/modules/es.array.concat";
-import "core-js/modules/es.number.constructor";
 import _typeof from "@babel/runtime/helpers/typeof";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.array.concat.js";
 import * as PropTypes from 'prop-types';
 
 var checkBreakpointsPropTypes = function checkBreakpointsPropTypes(settingsPropTypes) {

package/dist/es/components/Checkbox/Checkbox.js

@@ -1,6 +1,6 @@
-import "core-js/modules/es.function.name";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.function.name.js";
 import React, { useState, useEffect } from 'react';
 import { checkEventIsClickOrEnterPress, cnCreate, detectTouch, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';

package/dist/es/components/ContentArea/ContentArea.css

@@ -77,6 +77,12 @@ h5 {
   padding-right: 0;
   padding-left: 0;
 }
+@media screen and (max-width: 359px) {
+  .mfui-content-area__inner_indents_small-mobile {
+    padding-right: 8px;
+    padding-left: 8px;
+  }
+}
 .mfui-content-area__inner_background-color_transparent {
   background-color: transparent;
 }

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

@@ -17,7 +17,11 @@ declare const DisableIndents: {
     readonly TABLET_DESKTOP: "tablet-desktop";
     readonly ALL: "all";
 };
+declare const Indents: {
+    readonly SMALL_MOBILE: "small-mobile";
+};
 declare type DisableIndentsType = typeof DisableIndents[keyof typeof DisableIndents];
+declare type IndentsType = typeof Indents[keyof typeof Indents];
 export interface IConrentAreaProps {
     /** Фоновый цвет внешнего контейнера */
     outerBackgroundColor?: BackgroundColorType;
@@ -25,6 +29,8 @@ export interface IConrentAreaProps {
     innerBackgroundColor?: BackgroundColorType;
     /** Отключение отступов на различных разрешениях */
     disableIndents?: DisableIndentsType;
+    /** Изменение отступов на различных разрешениях */
+    indents?: IndentsType;
     /** Дополнительные классы для корневого элемента */
     className?: string;
     /** Дополнительные классы для корневого и внутренних элементов */

package/dist/es/components/ContentArea/ContentArea.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
@@ -20,6 +20,9 @@ var DisableIndents = {
   TABLET_DESKTOP: 'tablet-desktop',
   ALL: 'all'
 };
+var Indents = {
+  SMALL_MOBILE: 'small-mobile'
+};
 var cn = cnCreate('mfui-content-area');
 
 var ContentArea = function ContentArea(_ref) {
@@ -28,6 +31,7 @@ var ContentArea = function ContentArea(_ref) {
       _ref$innerBackgroundC = _ref.innerBackgroundColor,
       innerBackgroundColor = _ref$innerBackgroundC === void 0 ? 'transparent' : _ref$innerBackgroundC,
       disableIndents = _ref.disableIndents,
+      indents = _ref.indents,
       children = _ref.children,
       className = _ref.className,
       classes = _ref.classes,
@@ -39,13 +43,15 @@ var ContentArea = function ContentArea(_ref) {
   }), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner), {
     className: cn('inner', {
       'disable-indents': disableIndents,
-      'background-color': innerBackgroundColor
+      'background-color': innerBackgroundColor,
+      indents: indents
     }, classes === null || classes === void 0 ? void 0 : classes.inner)
   }), children));
 };
 
 ContentArea.propTypes = {
   disableIndents: PropTypes.oneOf(Object.values(DisableIndents)),
+  indents: PropTypes.oneOf(Object.values(Indents)),
   className: PropTypes.string,
   classes: PropTypes.shape({
     root: PropTypes.string,

package/dist/es/components/Counter/Counter.js

@@ -1,6 +1,6 @@
-import "core-js/modules/es.number.constructor";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.number.constructor.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';

package/dist/es/components/Grid/Grid.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.array.map";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.map.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
@@ -27,7 +27,7 @@ var Grid = function Grid(_ref) {
       'gutters-bottom': guttersBottom
     })
   }), React.Children.map(children, function (child) {
-    return React.cloneElement(child, {
+    return /*#__PURE__*/React.cloneElement(child, {
       className: cn('column', {
         'gutter-left': guttersLeft,
         'gutter-bottom': guttersBottom

package/dist/es/components/Logo/Logo.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.array.concat";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.concat.js";
 import * as React from 'react';
 import { cnCreate } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';

package/dist/es/components/NavArrow/NavArrow.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import "./NavArrow.css";
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';

package/dist/es/components/Notification/Notification.js

@@ -1,8 +1,8 @@
-import "core-js/modules/es.object.values";
-import "core-js/modules/es.string.link";
-import "core-js/modules/web.timers";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/web.timers.js";
+import "core-js/modules/es.string.link.js";
+import "core-js/modules/es.object.values.js";
 import React, { useEffect, useRef, useState } from 'react';
 import { cnCreate, filterDataAttrs, convert, titleConvertConfig, textConvertConfig } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';

package/dist/es/components/Pagination/components/PaginationButtons/PaginationButtons.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.array.map";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.array.map.js";
 import React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';

package/dist/es/components/Pagination/usePagination.js

@@ -1,6 +1,6 @@
-import "core-js/modules/es.array.concat";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import "core-js/modules/es.array.concat.js";
 import React from 'react';
 import throttle from 'lodash.throttle';
 import throttleTime from "../../constants/throttleTime";

package/dist/es/components/Paragraph/Paragraph.js

@@ -1,5 +1,5 @@
-import "core-js/modules/es.object.values";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';

package/dist/es/components/Preloader/Preloader.js

@@ -1,7 +1,7 @@
-import "core-js/modules/es.object.values";
-import "core-js/modules/web.timers";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/web.timers.js";
+import "core-js/modules/es.object.values.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';

package/dist/es/components/RadioButton/RadioButton.js

@@ -1,8 +1,8 @@
-import "core-js/modules/es.array.concat";
-import "core-js/modules/es.array.is-array";
-import "core-js/modules/es.function.name";
 import _extends from "@babel/runtime/helpers/extends";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.array.is-array.js";
+import "core-js/modules/es.array.concat.js";
 import * as React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';

package/dist/es/components/Search/Search.js

@@ -1,12 +1,12 @@
-import "core-js/modules/es.array.map";
-import "core-js/modules/es.object.values";
-import "core-js/modules/es.regexp.constructor";
-import "core-js/modules/es.regexp.exec";
-import "core-js/modules/es.regexp.to-string";
-import "core-js/modules/es.string.replace";
-import "core-js/modules/es.string.split";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
+import "core-js/modules/es.string.split.js";
+import "core-js/modules/es.regexp.constructor.js";
+import "core-js/modules/es.regexp.to-string.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.values.js";
 import React from 'react';
 import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
 import debounce from 'lodash.debounce';