@megafon/ui-core 8.16.3 → 8.17.1

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

@@ -1,130 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/web.timers.js";
-import React from 'react';
-import { cnCreate, detectTouch } from '@megafon/ui-helpers';
-import Tooltip from "../../../Tooltip/Tooltip";
-import PaginationButton from "../PaginationButton/PaginationButton";
-import "./PaginationNavigation.css";
-var NothingIcon = function NothingIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M7 9a1 1 0 11-1 1 1 1 0 011-1zm2 1a1 1 0 101-1 1 1 0 00-1 1zm3 0a1 1 0 101-1 1 1 0 00-1 1z"
-  }));
-};
-var ArrowRightIcon = function ArrowRightIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M12.5 20.8l4.8-4.8-4.8-4.8 1.6-1.7 6.4 6.5-6.4 6.5z"
-  }));
-};
-var ArrowsRightIcon = function ArrowsRightIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M5 12.976L7.996 10 5 7.023 6.002 6 10 10l-3.998 4L5 12.976zM10 12.976L12.996 10 10 7.023 11.002 6 15 10l-3.998 4L10 12.976z"
-  }));
-};
-export var HINTS = {
-  PREV: 'Предыдущая страница',
-  SKIP_PREV: 'Предыдущие 4 страницы',
-  SKIP_NEXT: 'Следующие 4 страницы',
-  NEXT: 'Следующая страница'
-};
-var delayShow = 250;
-var delayHide = 50;
-var cn = cnCreate('mfui-pagination-navigation');
-var PaginationNavigation = function PaginationNavigation(_ref) {
-  var variant = _ref.variant,
-    _ref$direction = _ref.direction,
-    direction = _ref$direction === void 0 ? 'right' : _ref$direction,
-    theme = _ref.theme,
-    form = _ref.form,
-    disabled = _ref.disabled,
-    value = _ref.value,
-    hint = _ref.hint,
-    onClick = _ref.onClick,
-    className = _ref.className,
-    dataAttrs = _ref.dataAttrs;
-  var isTouch = detectTouch();
-  var _React$useState = React.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    timeoutId = _React$useState2[0],
-    setTimeoutId = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    isHovered = _React$useState4[0],
-    setIsHovered = _React$useState4[1];
-  var triggerRef = React.useRef(null);
-  var hasHint = !!hint && !disabled && !isTouch;
-  var handleClick = React.useCallback(function () {
-    onClick === null || onClick === void 0 ? void 0 : onClick(value);
-  }, [onClick, value]);
-  var handleHover = React.useCallback(function (isHovering) {
-    if (timeoutId) {
-      clearTimeout(timeoutId);
-    }
-    var delay = isHovering ? delayShow : delayHide;
-    var newTimeoutId = setTimeout(function () {
-      setIsHovered(isHovering);
-    }, delay);
-    setTimeoutId(newTimeoutId);
-  }, [timeoutId]);
-  var handleMouseEnter = React.useCallback(function () {
-    return handleHover(true);
-  }, [handleHover]);
-  var handleMouseLeave = React.useCallback(function () {
-    return handleHover(false);
-  }, [handleHover]);
-  var renderIcon = function renderIcon() {
-    if (variant === 'skip') {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(NothingIcon, {
-        className: cn('skip-icon-base')
-      }), !disabled && /*#__PURE__*/React.createElement(ArrowsRightIcon, {
-        className: cn('skip-icon-hover')
-      }));
-    }
-    return /*#__PURE__*/React.createElement(ArrowRightIcon, {
-      className: cn('arrow-icon')
-    });
-  };
-  React.useEffect(function () {
-    if (disabled) {
-      setIsHovered(false);
-      timeoutId && clearTimeout(timeoutId);
-    }
-    return function () {
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
-    };
-  }, [disabled, timeoutId]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn([className])
-  }, /*#__PURE__*/React.createElement(PaginationButton, {
-    className: cn('button', {
-      direction: direction
-    }),
-    dataAttrs: dataAttrs,
-    disabled: disabled,
-    theme: theme,
-    form: form,
-    onClick: handleClick,
-    onMouseEnter: hasHint ? handleMouseEnter : undefined,
-    onMouseLeave: hasHint ? handleMouseLeave : undefined,
-    rootRef: triggerRef
-  }, /*#__PURE__*/React.createElement("div", {
-    className: cn('icon')
-  }, renderIcon())), hasHint && /*#__PURE__*/React.createElement(Tooltip, {
-    isOpened: isHovered,
-    triggerEvent: "controlled",
-    triggerElement: triggerRef,
-    colorTheme: "blue",
-    placement: "bottom",
-    fallbackPlacements: ['bottom'],
-    offset: "small"
-  }, hint));
-};
-export default PaginationNavigation;

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

@@ -1,8 +0,0 @@
-import { ComponentProps } from 'react';
-import ValueField from '../ValueField/ValueField';
-import { ThemeType } from './types';
-export declare const getRange: (from: number, to: number, step?: number) => number[];
-export declare const removeFirstZeros: (value: string) => string;
-export declare const getInputRangeValue: (value: string | number, maxValue: number, minValue: number) => number;
-export type ValueFieldThemeType = ComponentProps<typeof ValueField>['theme'];
-export declare const setValueFieldTheme: (theme: ThemeType) => ValueFieldThemeType;

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

@@ -1,37 +0,0 @@
-import "core-js/modules/es.number.constructor.js";
-import "core-js/modules/es.regexp.exec.js";
-import "core-js/modules/es.regexp.test.js";
-import "core-js/modules/es.string.replace.js";
-export var getRange = function getRange(from, to) {
-  var step = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
-  var i = from;
-  var range = [];
-  while (i <= to) {
-    range.push(i);
-    i += step;
-  }
-  return range;
-};
-export var removeFirstZeros = function removeFirstZeros(value) {
-  return /^0.+/.test(value) ? value.replace(/^(0)+/, '') : value;
-};
-export var getInputRangeValue = function getInputRangeValue(value, maxValue, minValue) {
-  var numberValue = Number(value);
-  if (numberValue > maxValue) {
-    return maxValue;
-  }
-  if (numberValue < minValue) {
-    return minValue;
-  }
-  return numberValue;
-};
-export var setValueFieldTheme = function setValueFieldTheme(theme) {
-  switch (theme) {
-    case 'light':
-      return 'color';
-    case 'gray':
-      return 'gray';
-    default:
-      return 'default';
-  }
-};

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

@@ -1,25 +0,0 @@
-export declare const PaginationTypes: {
-    readonly CLASSIC: "classic";
-    readonly MODERN: "modern";
-};
-export type PaginationTypesType = (typeof PaginationTypes)[keyof typeof PaginationTypes];
-export type ButtonFormType = 'brick' | 'round';
-export type ValueType = string | number;
-export type ThemeType = 'default' | 'light' | 'gray';
-type SettingsType = {
-    neighbourCount: {
-        main: number;
-        mobile: number;
-        mobileXS: number;
-    };
-    visibleNumbers: {
-        main: number;
-        mobile: number;
-        mobileXS: number;
-    };
-    skipStep: number;
-};
-export type SettingsMapType = {
-    [key in PaginationTypesType]: SettingsType;
-};
-export {};

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

@@ -1,4 +0,0 @@
-export var PaginationTypes = {
-  CLASSIC: 'classic',
-  MODERN: 'modern'
-};

package/dist/es/components/Pagination/usePagination.d.ts

@@ -1,13 +0,0 @@
-import { PaginationTypesType, ValueType } from './types';
-export declare const BUTTONS: {
-    SKIP_PREV: string;
-    SKIP_NEXT: string;
-    FIRST: number;
-};
-type usePaginationReturnType = {
-    paginationItems: ValueType[];
-    skipPrevPage: number;
-    skipNextPage: number;
-};
-declare const usePagination: (type: PaginationTypesType, totalPages: number, activePage: number) => usePaginationReturnType;
-export default usePagination;

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

@@ -1,107 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import "core-js/modules/es.array.concat.js";
-import React from 'react';
-import useResolution from "../../hooks/useResolution";
-import { getRange } from "./helpers";
-import { PaginationTypes } from "./types";
-export var BUTTONS = {
-  SKIP_PREV: 'SKIP_PREV',
-  SKIP_NEXT: 'SKIP_NEXT',
-  FIRST: 1
-};
-var PAGINATION_SETTINGS = _defineProperty(_defineProperty({}, PaginationTypes.CLASSIC, {
-  neighbourCount: {
-    main: 1,
-    mobile: 1,
-    mobileXS: 0
-  },
-  visibleNumbers: {
-    main: 7,
-    mobile: 7,
-    mobileXS: 5
-  },
-  skipStep: 0
-}), PaginationTypes.MODERN, {
-  neighbourCount: {
-    main: 3,
-    mobile: 2,
-    mobileXS: 1
-  },
-  visibleNumbers: {
-    main: 6,
-    mobile: 5,
-    mobileXS: 4
-  },
-  skipStep: 4
-});
-var getItems = function getItems(_ref) {
-  var type = _ref.type,
-    totalPages = _ref.totalPages,
-    activePage = _ref.activePage,
-    buttonsCount = _ref.buttonsCount,
-    neighbourCount = _ref.neighbourCount;
-  var isClassicType = type === PaginationTypes.CLASSIC;
-  var isMoreThenButtonsCount = totalPages > buttonsCount;
-  var lastPage = totalPages;
-  if (!isMoreThenButtonsCount) {
-    return getRange(BUTTONS.FIRST, lastPage);
-  }
-  var hasLeftHiddenButtons = activePage > Math.ceil(buttonsCount / 2);
-  var hasRightHiddenButtons = isClassicType ? lastPage > activePage + neighbourCount + 2 : lastPage > activePage + neighbourCount;
-  if (!hasLeftHiddenButtons && hasRightHiddenButtons) {
-    var _range = getRange(BUTTONS.FIRST, buttonsCount - 2);
-    return [].concat(_toConsumableArray(_range), [BUTTONS.SKIP_NEXT, lastPage]);
-  }
-  if (hasLeftHiddenButtons && !hasRightHiddenButtons) {
-    var _range2 = isClassicType ? getRange(totalPages - (2 + 2 * neighbourCount), totalPages) : getRange(totalPages - neighbourCount, totalPages);
-    return [BUTTONS.FIRST, BUTTONS.SKIP_PREV].concat(_toConsumableArray(_range2));
-  }
-  var range = isClassicType ? getRange(activePage - neighbourCount, activePage + neighbourCount) : getRange(activePage, activePage + neighbourCount);
-  return [BUTTONS.FIRST, BUTTONS.SKIP_PREV].concat(_toConsumableArray(range), [BUTTONS.SKIP_NEXT, lastPage]);
-};
-var usePagination = function usePagination(type, totalPages, activePage) {
-  var _PAGINATION_SETTINGS$ = PAGINATION_SETTINGS[type],
-    neighbourCount = _PAGINATION_SETTINGS$.neighbourCount,
-    visibleNumbers = _PAGINATION_SETTINGS$.visibleNumbers,
-    skipStep = _PAGINATION_SETTINGS$.skipStep;
-  var _useResolution = useResolution(),
-    isMobileExtraSmall = _useResolution.isMobileExtraSmall,
-    isMobile = _useResolution.isMobile;
-  var _React$useState = React.useState({
-      neighbourCount: neighbourCount.main,
-      buttonsCount: visibleNumbers.main
-    }),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    config = _React$useState2[0],
-    setConfig = _React$useState2[1];
-  var paginationItems = getItems({
-    type: type,
-    totalPages: totalPages,
-    activePage: activePage,
-    neighbourCount: config.neighbourCount,
-    buttonsCount: config.buttonsCount
-  });
-  var skipPrevPage = Math.max(1, activePage - skipStep);
-  var skipNextPage = Math.min(totalPages, activePage + skipStep);
-  React.useEffect(function () {
-    if (isMobileExtraSmall) {
-      setConfig({
-        neighbourCount: neighbourCount.mobileXS,
-        buttonsCount: visibleNumbers.mobileXS
-      });
-      return;
-    }
-    setConfig({
-      neighbourCount: isMobile ? neighbourCount.mobile : neighbourCount.main,
-      buttonsCount: isMobile ? visibleNumbers.mobile : visibleNumbers.main
-    });
-  }, [isMobile, isMobileExtraSmall, visibleNumbers, neighbourCount]);
-  return {
-    paginationItems: paginationItems,
-    skipPrevPage: skipPrevPage,
-    skipNextPage: skipNextPage
-  };
-};
-export default usePagination;

package/dist/es/components/Paragraph/Paragraph.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-paragraph{font-family:inherit;font-size:15px;font-weight:400;line-height:24px;margin:0}.mfui-paragraph_align_left{text-align:left}.mfui-paragraph_align_center{text-align:center}.mfui-paragraph_align_right{text-align:right}.mfui-paragraph_space_wide{line-height:24px}.mfui-paragraph_space_tight{line-height:18px}.mfui-paragraph_has-margin{margin:0 0 16px}.mfui-paragraph_color_inherit{color:inherit}.mfui-paragraph_color_default{color:var(--content)}.mfui-paragraph_color_gray{color:var(--spbSky3)}.mfui-paragraph_color_white{color:var(--stcWhite)}.mfui-paragraph_color_green{color:var(--brandGreen)}.mfui-paragraph_color_purple{color:var(--brandPurple)}

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

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import './Paragraph.scss';
-declare const COLORS: {
-    readonly INHERIT: "inherit";
-    readonly DEFAULT: "default";
-    readonly GRAY: "gray";
-    readonly WHITE: "white";
-    readonly GREEN: "green";
-    readonly PURPLE: "purple";
-};
-type ColorType = (typeof COLORS)[keyof typeof COLORS];
-export interface IParagraphProps {
-    /** Выравнивание по горизонтали */
-    align?: 'left' | 'center' | 'right';
-    /** Поведение текста при встраивании в широкий или узкий контейнер */
-    space?: 'wide' | 'tight';
-    /** Вертикальный отступ */
-    hasMargin?: boolean;
-    /** Цвет текста */
-    color?: ColorType;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    /** Дочерний элемент компонента */
-    children: React.ReactNode;
-}
-declare const Paragraph: React.FC<IParagraphProps>;
-export default Paragraph;

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

@@ -1,34 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./Paragraph.css";
-var COLORS = {
-  INHERIT: 'inherit',
-  DEFAULT: 'default',
-  GRAY: 'gray',
-  WHITE: 'white',
-  GREEN: 'green',
-  PURPLE: 'purple'
-};
-var cn = cnCreate('mfui-paragraph');
-var Paragraph = function Paragraph(_ref) {
-  var align = _ref.align,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? 'default' : _ref$color,
-    _ref$space = _ref.space,
-    space = _ref$space === void 0 ? 'wide' : _ref$space,
-    className = _ref.className,
-    _ref$hasMargin = _ref.hasMargin,
-    hasMargin = _ref$hasMargin === void 0 ? true : _ref$hasMargin,
-    dataAttrs = _ref.dataAttrs,
-    children = _ref.children;
-  return /*#__PURE__*/React.createElement("p", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      align: align,
-      color: color,
-      space: space,
-      'has-margin': hasMargin
-    }, className)
-  }), children);
-};
-export default Paragraph;

package/dist/es/components/Parameter/Parameter.css

@@ -1 +0,0 @@
-@charset "UTF-8";h1,h2,h3,h4,h5{margin:0}.mfui-parameter__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px 0}.mfui-parameter_border-top.mfui-parameter_border-color_default .mfui-parameter__wrapper{border-top:1px solid var(--spbSky1)}.mfui-parameter_border-bottom.mfui-parameter_border-color_default .mfui-parameter__wrapper{border-bottom:1px solid var(--spbSky1)}.mfui-parameter_border-top.mfui-parameter_border-color_darker .mfui-parameter__wrapper{border-top:1px solid var(--spbSky2)}.mfui-parameter_border-bottom.mfui-parameter_border-color_darker .mfui-parameter__wrapper{border-bottom:1px solid var(--spbSky2)}.mfui-parameter__main{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-parameter__main:not(:first-child){margin-top:24px}.mfui-parameter__main_with-out-title{margin-top:16px!important}.mfui-parameter__main_with-badge{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-parameter__title-item_size_default{font-size:15px;font-weight:500;line-height:24px}.mfui-parameter__title-item_size_big{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-parameter__title-item_size_big{font-size:20px;line-height:28px}}@media screen and (max-width:767px){.mfui-parameter__title-item{font-size:15px;font-weight:500;line-height:24px}}.mfui-parameter__icon{display:inline-block;height:24px;margin-left:1px;margin-right:8px;overflow:hidden;vertical-align:bottom;width:24px}.mfui-parameter__badge{margin-bottom:8px}@media screen and (min-width:768px){.mfui-parameter__title .mfui-parameter__desc{width:100%}}.mfui-parameter__tooltip{cursor:pointer;display:inline-block;height:20px;margin-left:8px;vertical-align:text-bottom;width:20px;fill:var(--spbSky2)}.mfui-parameter__tooltip-inner{max-width:350px}.mfui-parameter__desc{margin-top:12px}@media screen and (min-width:768px){.mfui-parameter__desc{width:70%}}.mfui-parameter__desc_collapsible{margin-top:12px}.mfui-parameter__value-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;border-radius:8px;padding:4px 8px;text-align:right;white-space:pre-line}.mfui-parameter__value-wrapper_frame_default{background:var(--base)}.mfui-parameter__value-wrapper_frame_gray{background:var(--spbSky0)}.mfui-parameter__value{font-size:18px;font-weight:500;letter-spacing:.5px;line-height:24px}@media screen and (min-width:1280px){.mfui-parameter__value{font-size:20px;line-height:28px}}@media screen and (max-width:767px){.mfui-parameter__value{font-size:15px;font-weight:500;line-height:24px}}.mfui-parameter__value-unit:before{content:" "}

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

@@ -1,59 +0,0 @@
-import * as React from 'react';
-import PromoBadge from '../Badges/PromoBadge/PromoBadge';
-import { DescriptionType } from './components/ParameterDescription';
-import './Parameter.scss';
-type BadgeTypesType = React.ComponentProps<typeof PromoBadge>['type'];
-type BadgeColorType = React.ComponentProps<typeof PromoBadge>['color'];
-type TitleSizeType = 'default' | 'big';
-type ValueFrameColorType = 'none' | 'default' | 'gray';
-type ItemType = {
-    title?: React.ReactNode[];
-    titleSize?: TitleSizeType;
-    description?: DescriptionType[];
-    value?: string | React.ReactNode;
-    valueUnit?: string;
-    valueFrameColor?: ValueFrameColorType;
-};
-export interface IParameter {
-    /** Массив с данными для строки */
-    items: ItemType[];
-    /** Дополнительный класс для основного контейнера */
-    className?: string;
-    /** Текст для бейджа */
-    badge?: string;
-    /** DEPRECATED. Тип бэйджа (используйте badgeColor) */
-    badgeType?: BadgeTypesType;
-    /** Цвет бейджа */
-    badgeColor?: BadgeColorType;
-    /** Текст тултипа */
-    tooltip?: string;
-    /** Отключить верхнюю границу */
-    disableBorderTop?: boolean;
-    /** Наличие нижней границы */
-    borderBottom?: boolean;
-    /** Цвет верхней и нижней границ */
-    borderColor?: 'default' | 'darker';
-    /** Единое значение для всей строки */
-    mergedValue?: string;
-    /** Иконка для строки */
-    icon?: React.ReactNode;
-    /** Растягивание компонента на всю доступную ширину */
-    fullWidth?: boolean;
-    /** Дополнительные data атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        moreLink?: Record<string, string>;
-        itemTitle?: Record<string, string>;
-        itemValue?: Record<string, string>;
-    };
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        title?: string;
-        openedDescription?: string;
-        toggleDescription?: string;
-    };
-    /** Ссылка на корневой элемент */
-    rootRef?: React.Ref<HTMLDivElement>;
-}
-declare const Parameter: React.FC<IParameter>;
-export default Parameter;

package/dist/es/components/Parameter/Parameter.js

@@ -1,139 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.symbol.description.js";
-import "core-js/modules/es.array.map.js";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs, convert } from '@megafon/ui-helpers';
-import PromoBadge from "../Badges/PromoBadge/PromoBadge";
-import Caption from "../Caption/Caption";
-import Grid from "../Grid/Grid";
-import GridColumn from "../Grid/GridColumn";
-import Tooltip from "../Tooltip/Tooltip";
-import ParameterDescription from "./components/ParameterDescription";
-import { getColumnConfig } from "./helpers";
-import "./Parameter.css";
-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 cn = cnCreate('mfui-parameter');
-var Parameter = function Parameter(_ref) {
-  var 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,
-    badgeColor = _ref.badgeColor,
-    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,
-    rootRef = _ref.rootRef;
-  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", _extends({
-        key: i,
-        className: cn('title-item', {
-          size: titleSize
-        }, [classes.title])
-      }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemTitle, i + 1)), icon && isFirstTitle && /*#__PURE__*/React.createElement("div", {
-        className: cn('icon')
-      }, icon), titleItem, tooltip && isFirstItem && isFirstTitle && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-        className: cn('tooltip'),
-        ref: tooltipRef
-      }, /*#__PURE__*/React.createElement(InfoIcon, null)), /*#__PURE__*/React.createElement(Tooltip, {
-        className: cn('tooltip-inner'),
-        triggerElement: tooltipRef
-      }, tooltip)));
-    });
-  };
-  var renderDescription = function renderDescription(description) {
-    return description === null || description === void 0 ? void 0 : description.map(function (_ref2, j) {
-      var value = _ref2.value,
-        isCollapsible = _ref2.isCollapsible;
-      return /*#__PURE__*/React.createElement("div", {
-        className: cn('desc', {
-          collapsible: isCollapsible
-        }),
-        key: j
-      }, /*#__PURE__*/React.createElement(ParameterDescription, {
-        value: value,
-        isCollapsible: isCollapsible,
-        dataAttrs: {
-          moreLink: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreLink
-        },
-        classes: {
-          open: classes.openedDescription,
-          toggle: classes.toggleDescription
-        }
-      }));
-    });
-  };
-  var renderValue = function renderValue(valueFrameColor, value, valueUnit) {
-    return /*#__PURE__*/React.createElement("div", _extends({
-      className: cn('value-wrapper', {
-        frame: valueFrameColor
-      })
-    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.itemValue)), /*#__PURE__*/React.createElement("div", {
-      className: cn('value')
-    }, typeof value === 'string' ? convert(value, {}) : value), valueUnit && /*#__PURE__*/React.createElement(Caption, {
-      className: cn('value-unit'),
-      hasMargin: false
-    }, convert(valueUnit, {})));
-  };
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: cn({
-      'border-top': !disableBorderTop,
-      'border-bottom': borderBottom,
-      'border-color': borderColor
-    }, [className])
-  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    ref: rootRef
-  }), /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(GridColumn, getColumnConfig(fullWidth), /*#__PURE__*/React.createElement("div", {
-    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;
-    var isFirstItem = i === 0;
-    var isRenderBadge = isFirstItem && !!badge;
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: i
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cn('main', {
-        'with-badge': isRenderBadge,
-        'with-out-title': !title
-      })
-    }, /*#__PURE__*/React.createElement("div", {
-      className: cn('title')
-    }, isRenderBadge && /*#__PURE__*/React.createElement(PromoBadge, {
-      className: cn('badge'),
-      type: badgeType,
-      color: badgeColor
-    }, badge), title ? renderTitle(title, titleSize, isFirstItem) : renderDescription(description)), mergedValue && isFirstItem && renderValue(valueFrameColor, mergedValue, valueUnit), !mergedValue && value && renderValue(valueFrameColor, value, valueUnit)), title && renderDescription(description));
-  })))));
-};
-export default Parameter;

package/dist/es/components/Parameter/components/ParameterDescription.css

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-parameter-description__collapse{color:var(--systemBlue);cursor:pointer;font-size:12px;-webkit-text-decoration:underline dashed var(--systemBlue);text-decoration:underline dashed var(--systemBlue)}.mfui-parameter-description__content-inner{margin-bottom:8px}

package/dist/es/components/Parameter/components/ParameterDescription.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import './ParameterDescription.scss';
-export type DescriptionType = {
-    value: string | React.ReactNode[];
-    isCollapsible?: boolean;
-    classes?: {
-        toggle?: string;
-        open?: string;
-    };
-    dataAttrs?: {
-        root?: Record<string, string>;
-        moreLink?: Record<string, string>;
-    };
-};
-declare const ParameterDescription: React.FC<DescriptionType>;
-export default ParameterDescription;

package/dist/es/components/Parameter/components/ParameterDescription.js

@@ -1,39 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import Collapse from "../../_Collapse/Collapse";
-import "./ParameterDescription.css";
-var cn = cnCreate('mfui-parameter-description');
-var ParameterDescription = function ParameterDescription(_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;
-  var _React$useState = React.useState(false),
-    _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", _extends({
-      className: cn([isOpened ? classes.open : undefined])
-    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), /*#__PURE__*/React.createElement(Collapse, {
-      className: cn('content'),
-      classNameContainer: cn('content-inner'),
-      isOpened: isOpened
-    }, value), /*#__PURE__*/React.createElement("span", _extends({
-      className: cn('collapse', classes.toggle)
-    }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.moreLink), {
-      onClick: handleClickDesc
-    }), isOpened ? 'Скрыть' : 'Подробнее'));
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: cn()
-  }, value);
-};
-export default ParameterDescription;