@megafon/ui-core 8.17.0 → 8.17.1

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

@@ -1,210 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./PriceBadge.css";
-var ProfileIcon = function ProfileIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M5.22 18h9.55L16 13.47A8.28 8.28 0 0010 11a8.302 8.302 0 00-6 2.5L5.22 18zM14 6a4 4 0 10-8 0 4 4 0 008 0z"
-  }));
-};
-var ProfileIconBig = function ProfileIconBig(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M23 28l2-7.43-.32-.31A12.67 12.67 0 0016 17a12.68 12.68 0 00-8.68 3.27l-.32.3L9 28h14zM10 9a6 6 0 1012 0 6 6 0 00-12 0z"
-  }));
-};
-var AttentionIcon = function AttentionIcon(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 13c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7s-.1-.5-.3-.7c-.2-.2-.5-.3-.7-.3s-.5.1-.7.3c-.2.2-.3.4-.3.7s.1.5.3.7.5.3.7.3zM9 5v6h2V5H9z"
-  }));
-};
-var BanIcon = function BanIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M12.172 13.056a3.75 3.75 0 01-5.229-5.228l5.229 5.228zM10 6.25a3.75 3.75 0 013.056 5.922L7.827 6.943A3.733 3.733 0 0110 6.25z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 2a8 8 0 110 16 8 8 0 010-16zm0 3a5 5 0 100 10 5 5 0 000-10z"
-  }));
-};
-var CheckIcon = function CheckIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7.295 9.467l1.77 1.77 3.66-5.22 1.31.918-4.745 6.79-3.126-3.127 1.131-1.13z"
-  }));
-};
-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"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7.75 5.75H11a2.75 2.75 0 010 5.5H9.25V12h3v1.5h-3v1.75h-1.5V13.5h-1V12h1v-.75h-1v-1.5h1v-4zM11 7.25H9.25v2.5H11a1.25 1.25 0 000-2.5z"
-  }));
-};
-var TimerIcon = function TimerIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-8.414V5H9v5.414l3 3L13.414 12 11 9.586z"
-  }));
-};
-var AttentionIconBig = function AttentionIconBig(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-2h2v2zm0-4h-2v-8h2v8z"
-  }));
-};
-var BanIconBig = function BanIconBig(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M19.475 20.89a6 6 0 01-8.365-8.365l8.365 8.365zM16 10a6 6 0 014.89 9.475l-8.366-8.366A5.972 5.972 0 0116 10z"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16 4c6.627 0 12 5.373 12 12s-5.373 12-12 12S4 22.627 4 16 9.373 4 16 4zm0 4a8 8 0 100 16 8 8 0 000-16z"
-  }));
-};
-var CheckIconBig = function CheckIconBig(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12zm-1.306-10.016l6.32-7.672 1.486 1.37s-7.538 9.186-7.7 9.193c-.136 0-4.488-4.484-4.488-4.484l1.438-1.425 2.944 3.018z"
-  }));
-};
-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"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12zm-5-7v-2h2v-2h-2v-2h2V9h4a4 4 0 110 8h-2v2h4v2h-4v2h-2v-2h-2zm7.414-9.414A2 2 0 0017 11h-2v4h2a2 2 0 001.414-3.414z"
-  }));
-};
-var TimerIconBig = function TimerIconBig(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 32 32"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12zm1-12.414V9h-2v7.414l4 4L20.414 19 17 15.586z"
-  }));
-};
-export var PriceBadgeTheme = {
-  RED: 'red',
-  GREY: 'grey',
-  GREEN: 'green',
-  ORANGE: 'orange',
-  LIGHT: 'light',
-  DARK: 'dark',
-  PURPLE: 'purple'
-};
-export var PriceBadgeIcon = {
-  TIMER: 'timer',
-  PRICE: 'price',
-  CHECK: 'check',
-  ATTENTION: 'attention',
-  INFO: 'info',
-  PROFILE: 'profile',
-  BAN: 'ban'
-};
-export var PriseBadgeSize = {
-  SMALL: 'small',
-  BIG: 'big'
-};
-var getPriceBadgeIcon = function getPriceBadgeIcon(iconType, size) {
-  var isBigIcon = size === PriseBadgeSize.BIG;
-  switch (true) {
-    case iconType === PriceBadgeIcon.TIMER && isBigIcon:
-      return TimerIconBig;
-    case iconType === PriceBadgeIcon.PRICE && isBigIcon:
-      return PriceIconBig;
-    case iconType === PriceBadgeIcon.CHECK && isBigIcon:
-      return CheckIconBig;
-    case iconType === PriceBadgeIcon.ATTENTION && isBigIcon:
-      return AttentionIconBig;
-    case iconType === PriceBadgeIcon.INFO && isBigIcon:
-      return InfoIconBig;
-    case iconType === PriceBadgeIcon.PROFILE && isBigIcon:
-      return ProfileIconBig;
-    case iconType === PriceBadgeIcon.BAN && isBigIcon:
-      return BanIconBig;
-    case iconType === PriceBadgeIcon.PRICE:
-      return PriceIcon;
-    case iconType === PriceBadgeIcon.CHECK:
-      return CheckIcon;
-    case iconType === PriceBadgeIcon.ATTENTION:
-      return AttentionIcon;
-    case iconType === PriceBadgeIcon.INFO:
-      return InfoIcon;
-    case iconType === PriceBadgeIcon.PROFILE:
-      return ProfileIcon;
-    case iconType === PriceBadgeIcon.BAN:
-      return BanIcon;
-    default:
-      return TimerIcon;
-  }
-};
-var cn = cnCreate('mfui-price-badge');
-var PriceBadge = function PriceBadge(_ref) {
-  var _ref$iconType = _ref.iconType,
-    iconType = _ref$iconType === void 0 ? 'timer' : _ref$iconType,
-    _ref$isAdaptive = _ref.isAdaptive,
-    isAdaptive = _ref$isAdaptive === void 0 ? false : _ref$isAdaptive,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'grey' : _ref$theme,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'small' : _ref$size,
-    subTitle = _ref.subTitle,
-    className = _ref.className,
-    dataAttrs = _ref.dataAttrs,
-    children = _ref.children;
-  var Icon = getPriceBadgeIcon(iconType, size);
-  var showSubTitle = size === 'big' && !!subTitle;
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      theme: theme,
-      adaptive: isAdaptive,
-      size: size
-    }, className)
-  }), /*#__PURE__*/React.createElement("div", {
-    className: cn('icon-container')
-  }, /*#__PURE__*/React.createElement(Icon, {
-    className: cn('icon')
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn('text')
-  }, /*#__PURE__*/React.createElement("div", null, children), showSubTitle && /*#__PURE__*/React.createElement("div", {
-    className: cn('sub-title')
-  }, subTitle)));
-};
-export default PriceBadge;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-promo-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:8px;color:var(--stcWhite);padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-promo-badge_color_berry{background-color:var(--berry)}.mfui-promo-badge_color_brand-purple-20{background-color:var(--brandPurple20);color:var(--brandPurple)}.mfui-promo-badge_color_brand-purple{background-color:var(--brandPurple)}.mfui-promo-badge_color_night{background-color:var(--night)}.mfui-promo-badge_color_sky{background-color:var(--sky)}.mfui-promo-badge_color_flamingo{background-color:var(--flamingo)}.mfui-promo-badge_color_gradient-purple{background:var(--gradientPurple1);color:var(--stcWhite)}.mfui-promo-badge_size_small{border-radius:8px;height:18px;padding:0 8px}.mfui-promo-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:18px}

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

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import './PromoBadge.scss';
-export declare const PromoBadgeColors: {
-    readonly BERRY: "berry";
-    readonly BRAND_PURPLE_20: "brand-purple-20";
-    readonly BRAND_PURPLE: "brand-purple";
-    readonly NIGHT: "night";
-    readonly SKY: "sky";
-    readonly FLAMINGO: "flamingo";
-    readonly GRADIENT_PURPLE: "gradient-purple";
-};
-type PromoBadgeColorsType = (typeof PromoBadgeColors)[keyof typeof PromoBadgeColors];
-export declare const PromoBadgeSize: {
-    readonly SMALL: "small";
-    readonly MEDIUM: "medium";
-};
-type PromoBadgeSizeType = (typeof PromoBadgeSize)[keyof typeof PromoBadgeSize];
-export declare const PromoBadgeTypes: {
-    readonly HIT: "hit";
-    readonly NEW: "new";
-    readonly VIP: "vip";
-    readonly POPULAR: "popular";
-    readonly USER_CHOICE: "user-choice";
-    readonly INTERESTS: "interests";
-};
-type PromoBadgeTypesType = (typeof PromoBadgeTypes)[keyof typeof PromoBadgeTypes];
-export interface IPromoBadgeProps {
-    /** Цвет промо-бэйджа */
-    color?: PromoBadgeColorsType;
-    /** Размер промо-бэйджа */
-    size?: PromoBadgeSizeType;
-    /** DEPRECATED Тип промо-бэйджа (Используйте проп `color`) */
-    type?: PromoBadgeTypesType;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные data-атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-    children: JSX.Element[] | Element[] | JSX.Element | Element | string;
-}
-declare const PromoBadge: React.FC<IPromoBadgeProps>;
-export default PromoBadge;

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

@@ -1,47 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import "./PromoBadge.css";
-export var PromoBadgeColors = {
-  BERRY: 'berry',
-  BRAND_PURPLE_20: 'brand-purple-20',
-  BRAND_PURPLE: 'brand-purple',
-  NIGHT: 'night',
-  SKY: 'sky',
-  FLAMINGO: 'flamingo',
-  GRADIENT_PURPLE: 'gradient-purple'
-};
-export var PromoBadgeSize = {
-  SMALL: 'small',
-  MEDIUM: 'medium'
-};
-// DEPRECATED
-export var PromoBadgeTypes = {
-  HIT: 'hit',
-  NEW: 'new',
-  VIP: 'vip',
-  POPULAR: 'popular',
-  USER_CHOICE: 'user-choice',
-  INTERESTS: 'interests'
-};
-var cn = cnCreate('mfui-promo-badge');
-var PromoBadge = function PromoBadge(_ref) {
-  var color = _ref.color,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'medium' : _ref$size,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? PromoBadgeTypes.HIT : _ref$type,
-    className = _ref.className,
-    children = _ref.children,
-    dataAttrs = _ref.dataAttrs;
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      color: color,
-      size: size,
-      type: color ? undefined : type
-    }, className)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: cn('text')
-  }, children));
-};
-export default PromoBadge;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-status-badge__container{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;line-height:18px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--content);font-weight:400;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-status-badge__text{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mfui-status-badge__arrow,.mfui-status-badge__icon{height:20px;width:20px}.mfui-status-badge__icon{margin-right:2px}@media screen and (min-width:1024px){.mfui-status-badge_adaptive .mfui-status-badge__container{font-size:15px;line-height:24px}}.mfui-status-badge_tooltip .mfui-status-badge__container{cursor:pointer}.mfui-status-badge__tooltip{width:288px}.mfui-status-badge_view_dot .mfui-status-badge__container{gap:8px}.mfui-status-badge_view_dot .mfui-status-badge__container:before{border-radius:50%;content:"";height:8px;width:8px}.mfui-status-badge_view_dot.mfui-status-badge_tooltip .mfui-status-badge__text{-webkit-text-decoration:underline dashed var(--spbSky3);text-decoration:underline dashed var(--spbSky3);text-decoration-thickness:1px;text-underline-offset:3px;-webkit-transition:-webkit-text-decoration .3s ease-out;transition:-webkit-text-decoration .3s ease-out;transition:text-decoration .3s ease-out;transition:text-decoration .3s ease-out,-webkit-text-decoration .3s ease-out}@media (pointer:fine){.mfui-status-badge_view_dot.mfui-status-badge_tooltip .mfui-status-badge__container:hover .mfui-status-badge__text{-webkit-text-decoration:underline dashed var(--content);text-decoration:underline dashed var(--content);text-decoration-thickness:1px}.mfui-status-badge_view_dot.mfui-status-badge_tooltip .mfui-status-badge__container:hover:before{-webkit-animation:pulse .8s ease-out;animation:pulse .8s ease-out}}@media screen and (min-width:1024px){.mfui-status-badge_view_dot.mfui-status-badge_adaptive.mfui-status-badge_tooltip .mfui-status-badge__text{text-underline-offset:5px}}.mfui-status-badge_view_dot.mfui-status-badge_theme_green .mfui-status-badge__container:before{background-color:var(--brandGreen)}.mfui-status-badge_view_dot.mfui-status-badge_theme_blue .mfui-status-badge__container:before{background-color:var(--sky)}.mfui-status-badge_view_dot.mfui-status-badge_theme_gray .mfui-status-badge__container:before{background-color:var(--spbSky3)}.mfui-status-badge_view_dot.mfui-status-badge_theme_orange .mfui-status-badge__container:before{background-color:var(--137C)}.mfui-status-badge_view_dot.mfui-status-badge_theme_red .mfui-status-badge__container:before{background-color:var(--fury)}.mfui-status-badge_view_icon .mfui-status-badge__container{border:1px solid var(--spbSky1);border-radius:8px;padding:1px 7px 1px 1px}.mfui-status-badge_view_icon .mfui-status-badge__arrow{rotate:180deg;-webkit-transition:rotate .3s ease-out,fill .3s ease-out;transition:rotate .3s ease-out,fill .3s ease-out;fill:var(--spbSky3)}.mfui-status-badge_view_icon.mfui-status-badge_opened .mfui-status-badge__arrow{rotate:1turn}@media (pointer:fine){.mfui-status-badge_view_icon .mfui-status-badge__container:hover .mfui-status-badge__arrow{fill:var(--content)}}.mfui-status-badge_view_icon.mfui-status-badge_tooltip .mfui-status-badge__container{padding-right:1px}@media screen and (min-width:1024px){.mfui-status-badge_view_icon.mfui-status-badge_adaptive .mfui-status-badge__container{padding:3px 10px 3px 5px}.mfui-status-badge_view_icon.mfui-status-badge_adaptive .mfui-status-badge__icon{margin-right:4px}.mfui-status-badge_view_icon.mfui-status-badge_adaptive .mfui-status-badge__text{margin-top:-1px}.mfui-status-badge_view_icon.mfui-status-badge_adaptive.mfui-status-badge_tooltip .mfui-status-badge__container{padding-right:5px}}.mfui-status-badge_view_icon.mfui-status-badge_theme_green .mfui-status-badge__icon{fill:var(--brandGreen)}.mfui-status-badge_view_icon.mfui-status-badge_theme_blue .mfui-status-badge__icon{fill:var(--sky)}.mfui-status-badge_view_icon.mfui-status-badge_theme_gray .mfui-status-badge__icon{fill:var(--spbSky3)}.mfui-status-badge_view_icon.mfui-status-badge_theme_orange .mfui-status-badge__icon{fill:var(--137C)}.mfui-status-badge_view_icon.mfui-status-badge_theme_red .mfui-status-badge__icon{fill:var(--fury)}@-webkit-keyframes pulse{0%{opacity:1;scale:1}30%{opacity:.7}50%{opacity:1;scale:1.3}70%{opacity:.7}to{opacity:1;scale:1}}@keyframes pulse{0%{opacity:1;scale:1}30%{opacity:.7}50%{opacity:1;scale:1.3}70%{opacity:.7}to{opacity:1;scale:1}}

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

@@ -1,39 +0,0 @@
-import * as React from 'react';
-import Tooltip from '../../Tooltip/Tooltip';
-import './StatusBadge.scss';
-type TooltipPropsType = Pick<React.ComponentProps<typeof Tooltip>, 'title' | 'text' | 'buttonText' | 'placement' | 'isPortal' | 'portalSelector' | 'isHiddenResize' | 'onClick' | 'onOpen' | 'onClose' | 'onCloseButtonClick'>;
-export interface IStatusBadgeProps {
-    /** Вид компонента */
-    view?: 'icon' | 'dot';
-    /** Тема компонента */
-    theme?: 'green' | 'blue' | 'gray' | 'orange' | 'red';
-    /** Тип иконки (для view = icon) */
-    iconType?: 'timer' | 'price' | 'checkInvert' | 'attention' | 'info' | 'profileFull';
-    /** Адаптивный режим */
-    isAdaptive?: boolean;
-    /** Тултип */
-    tooltip?: TooltipPropsType;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные классы для внутренних элементов */
-    classes?: {
-        root?: string;
-        container?: string;
-        tooltip?: string;
-        tooltipButton?: string;
-        tooltipCloseButton?: string;
-    };
-    /** Дополнительные data-атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        container?: Record<string, string>;
-        icon?: Record<string, string>;
-        arrow?: Record<string, string>;
-        tooltip?: Record<string, string>;
-        tooltipButton?: Record<string, string>;
-        tooltipCloseButton?: Record<string, string>;
-    };
-    children: React.ReactNode;
-}
-declare const StatusBadge: React.FC<IStatusBadgeProps>;
-export default StatusBadge;

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

@@ -1,156 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import Tooltip from "../../Tooltip/Tooltip";
-import "./StatusBadge.css";
-var ProfileFullIcon = function ProfileFullIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M5.22 18h9.55L16 13.47A8.28 8.28 0 0010 11a8.302 8.302 0 00-6 2.5L5.22 18zM14 6a4 4 0 10-8 0 4 4 0 008 0z"
-  }));
-};
-var ArrowIcon = function ArrowIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    d: "M13 12l-3-3-3 3-1-1 4-4 4 4z"
-  }));
-};
-var AttentionIcon = function AttentionIcon(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 13c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7s-.1-.5-.3-.7c-.2-.2-.5-.3-.7-.3s-.5.1-.7.3c-.2.2-.3.4-.3.7s.1.5.3.7.5.3.7.3zM9 5v6h2V5H9z"
-  }));
-};
-var CheckInvertIcon = function CheckInvertIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7.295 9.467l1.77 1.77 3.66-5.22 1.31.918-4.745 6.79-3.126-3.127 1.131-1.13z"
-  }));
-};
-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"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zM7.75 5.75H11a2.75 2.75 0 010 5.5H9.25V12h3v1.5h-3v1.75h-1.5V13.5h-1V12h1v-.75h-1v-1.5h1v-4zM11 7.25H9.25v2.5H11a1.25 1.25 0 000-2.5z"
-  }));
-};
-var TimerIcon = function TimerIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-8.414V5H9v5.414l3 3L13.414 12 11 9.586z"
-  }));
-};
-var statusIconsMap = {
-  attention: AttentionIcon,
-  checkInvert: CheckInvertIcon,
-  info: InfoIcon,
-  price: PriceIcon,
-  profileFull: ProfileFullIcon,
-  timer: TimerIcon
-};
-var cn = cnCreate('mfui-status-badge');
-var StatusBadge = function StatusBadge(_ref) {
-  var _ref$view = _ref.view,
-    view = _ref$view === void 0 ? 'dot' : _ref$view,
-    _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? 'green' : _ref$theme,
-    _ref$isAdaptive = _ref.isAdaptive,
-    isAdaptive = _ref$isAdaptive === void 0 ? false : _ref$isAdaptive,
-    _ref$iconType = _ref.iconType,
-    iconType = _ref$iconType === void 0 ? 'timer' : _ref$iconType,
-    tooltip = _ref.tooltip,
-    children = _ref.children,
-    className = _ref.className,
-    classes = _ref.classes,
-    dataAttrs = _ref.dataAttrs;
-  var triggerRef = React.useRef(null);
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isOpened = _React$useState2[0],
-    setIsOpened = _React$useState2[1];
-  var showIcon = view === 'icon';
-  var showArrow = showIcon && !!tooltip;
-  var StatusIconElement = statusIconsMap[iconType];
-  var handleOpen = React.useCallback(function (e) {
-    var _a;
-    setIsOpened(true);
-    (_a = tooltip === null || tooltip === void 0 ? void 0 : tooltip.onOpen) === null || _a === void 0 ? void 0 : _a.call(tooltip, e);
-  }, [tooltip]);
-  var handleClose = React.useCallback(function (e) {
-    var _a;
-    setIsOpened(false);
-    (_a = tooltip === null || tooltip === void 0 ? void 0 : tooltip.onClose) === null || _a === void 0 ? void 0 : _a.call(tooltip, e);
-  }, [tooltip]);
-  var handleCloseButtonClick = React.useCallback(function (e) {
-    var _a;
-    setIsOpened(false);
-    (_a = tooltip === null || tooltip === void 0 ? void 0 : tooltip.onCloseButtonClick) === null || _a === void 0 ? void 0 : _a.call(tooltip, e);
-  }, [tooltip]);
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      view: view,
-      theme: theme,
-      adaptive: isAdaptive,
-      tooltip: !!tooltip,
-      opened: isOpened
-    }, [className, classes === null || classes === void 0 ? void 0 : classes.root])
-  }), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.container), {
-    className: cn('container', [classes === null || classes === void 0 ? void 0 : classes.container]),
-    ref: triggerRef
-  }), showIcon && /*#__PURE__*/React.createElement(StatusIconElement, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.icon), {
-    className: cn('icon')
-  })), /*#__PURE__*/React.createElement("div", {
-    className: cn('text')
-  }, children), showArrow && /*#__PURE__*/React.createElement(ArrowIcon, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrow), {
-    className: cn('arrow')
-  }))), !!tooltip && /*#__PURE__*/React.createElement(Tooltip, {
-    className: cn('tooltip'),
-    title: tooltip.title,
-    text: tooltip.text,
-    buttonText: tooltip.buttonText,
-    isHiddenResize: tooltip.isHiddenResize,
-    isPortal: tooltip.isPortal,
-    portalSelector: tooltip.portalSelector,
-    triggerElement: triggerRef,
-    hasCloseButton: true,
-    placement: tooltip.placement || 'bottom',
-    fallbackPlacements: ['top', 'left', 'right'],
-    offset: "small",
-    triggerEvent: "click",
-    colorTheme: "blue",
-    onClick: tooltip.onClick,
-    onCloseButtonClick: handleCloseButtonClick,
-    onClose: handleClose,
-    onOpen: handleOpen,
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.tooltip,
-      button: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.tooltipButton,
-      close: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.tooltipCloseButton
-    },
-    classes: {
-      root: classes === null || classes === void 0 ? void 0 : classes.tooltip,
-      button: classes === null || classes === void 0 ? void 0 : classes.tooltipButton,
-      close: classes === null || classes === void 0 ? void 0 : classes.tooltipCloseButton
-    }
-  }));
-};
-export default StatusBadge;

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

@@ -1 +0,0 @@
-h1,h2,h3,h4,h5{margin:0}.mfui-timer-badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:var(--base);border:1px solid var(--spbSky1);border-radius:12px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;overflow:hidden;padding:1px 8px 1px 2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mfui-timer-badge_theme_grey .mfui-timer-badge__text{color:var(--spbSky3)}.mfui-timer-badge_theme_grey .mfui-timer-badge__icon{fill:var(--spbSky3)}.mfui-timer-badge_theme_red .mfui-timer-badge__text{color:var(--fury)}.mfui-timer-badge_theme_red .mfui-timer-badge__icon{fill:var(--fury)}.mfui-timer-badge__text{font-family:inherit;font-size:12px;font-weight:500;line-height:18px;margin-left:2px}.mfui-timer-badge__icon{height:20px;width:20px}.mfui-timer-badge__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.mfui-timer-badge__icon-container_shadow:before{border-radius:50%;-webkit-box-shadow:0 0 6px var(--fury);box-shadow:0 0 6px var(--fury);content:"";height:16px;left:2px;position:absolute;top:2px;width:16px}

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

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import './TimerBadge.scss';
-export declare const TIMEOUT = 1000;
-export interface ITimerBadgeProps {
-    /** Дата окончания таймера */
-    expirationDate: Date;
-    /** Граница переключения в режим обратного отсчёта, в секундах */
-    countdownStart?: number;
-    /** Отображение дополнительного текста */
-    hasPrefix?: boolean;
-    /** Текст перед таймером в режиме обратного отсчета. Появляется при hasPrefix=true. */
-    countdownText?: string;
-    /** Текст перед таймером в режиме даты. Появляется при hasPrefix=true. */
-    expirationDateText?: string;
-    /** Дополнительный класс корневого элемента */
-    className?: string;
-    /** Дополнительные data-атрибуты к внутренним элементам */
-    dataAttrs?: {
-        root?: Record<string, string>;
-        text?: Record<string, string>;
-        timer?: Record<string, string>;
-        iconContainer?: Record<string, string>;
-    };
-}
-declare const TimerBadge: React.FC<ITimerBadgeProps>;
-export default TimerBadge;

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

@@ -1,87 +0,0 @@
-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/web.timers.js";
-import * as React from 'react';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import Timer from "./components/Timer/Timer";
-import "./TimerBadge.css";
-var TimerIcon = function TimerIcon(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20"
-  }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 18a8 8 0 100-16 8 8 0 000 16zm1-8.414V5H9v5.414l3 3L13.414 12 11 9.586z"
-  }));
-};
-var SECONDS_IN_HOUR = 3600;
-var MS_IN_SECOND = 1000;
-export var TIMEOUT = 1000;
-var TimerBadgeTheme = {
-  RED: 'red',
-  GREY: 'grey'
-};
-var cn = cnCreate('mfui-timer-badge');
-var TimerBadge = function TimerBadge(_ref) {
-  var expirationDate = _ref.expirationDate,
-    _ref$countdownStart = _ref.countdownStart,
-    countdownStart = _ref$countdownStart === void 0 ? 86400 : _ref$countdownStart,
-    _ref$hasPrefix = _ref.hasPrefix,
-    hasPrefix = _ref$hasPrefix === void 0 ? false : _ref$hasPrefix,
-    _ref$countdownText = _ref.countdownText,
-    countdownText = _ref$countdownText === void 0 ? 'Закончится через' : _ref$countdownText,
-    _ref$expirationDateTe = _ref.expirationDateText,
-    expirationDateText = _ref$expirationDateTe === void 0 ? 'Воспользуйтесь до' : _ref$expirationDateTe,
-    className = _ref.className,
-    dataAttrs = _ref.dataAttrs;
-  var remainingTime = (expirationDate.getTime() - Date.now()) / MS_IN_SECOND;
-  var _React$useState = React.useState(remainingTime),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    actualRemainingTime = _React$useState2[0],
-    setActualRemainingTime = _React$useState2[1];
-  var _React$useState3 = React.useState(false),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    showCountdown = _React$useState4[0],
-    setShowCountdown = _React$useState4[1];
-  var isLastHour = actualRemainingTime < SECONDS_IN_HOUR;
-  var isTimeExpired = actualRemainingTime < 1;
-  var theme = showCountdown ? TimerBadgeTheme.RED : TimerBadgeTheme.GREY;
-  var additionalText = showCountdown ? countdownText : expirationDateText;
-  React.useEffect(function () {
-    setShowCountdown(actualRemainingTime < countdownStart);
-  }, [actualRemainingTime, countdownStart]);
-  React.useEffect(function () {
-    if (isTimeExpired) {
-      return undefined;
-    }
-    var timeoutId = window.setTimeout(function () {
-      return setActualRemainingTime(actualRemainingTime - 1);
-    }, TIMEOUT);
-    return function () {
-      return clearTimeout(timeoutId);
-    };
-  }, [isTimeExpired, showCountdown, actualRemainingTime]);
-  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
-    className: cn({
-      theme: theme
-    }, className)
-  }), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.iconContainer), {
-    className: cn('icon-container', {
-      shadow: isLastHour && showCountdown
-    })
-  }), /*#__PURE__*/React.createElement(TimerIcon, {
-    className: cn('icon')
-  })), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.text), {
-    className: cn('text')
-  }), isTimeExpired ? 'Время действия истекло' : /*#__PURE__*/React.createElement(Timer, {
-    additionalText: hasPrefix ? additionalText : undefined,
-    showCountdown: showCountdown,
-    expirationDate: expirationDate,
-    actualRemainingTime: actualRemainingTime,
-    dataAttrs: {
-      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.timer
-    }
-  })));
-};
-export default TimerBadge;

package/dist/es/components/Badges/TimerBadge/components/Timer/Timer.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-export declare const getCountdownText: (remainingTime?: number) => string;
-interface ITimerProps {
-    actualRemainingTime: number;
-    expirationDate: Date;
-    showCountdown: boolean;
-    additionalText?: string;
-    dataAttrs?: {
-        root?: Record<string, string>;
-    };
-}
-declare const Timer: React.FC<ITimerProps>;
-export default Timer;