@megafon/ui-core 3.0.0-beta.3 → 3.0.0-beta.7

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

@@ -62,6 +62,14 @@ export declare type TextFieldProps = {
     classes?: {
         input?: string;
     };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        label?: Record<string, string>;
+        notice?: Record<string, string>;
+        input?: Record<string, string>;
+        iconBox?: Record<string, string>;
+    };
     /** Аргумент элемента input */
     inputMode?: 'numeric' | 'tel' | 'decimal' | 'email' | 'url' | 'search' | 'none';
     /** Переводит компонент в контролируемое состояние */

package/dist/es/components/TextField/TextField.js

@@ -5,7 +5,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import * as React from 'react';
 import { useCallback, useEffect, useState, useRef, useMemo } from 'react';
-import { cnCreate, detectTouch } from '@megafon/ui-helpers';
+import { cnCreate, detectTouch, filterDataAttrs } from '@megafon/ui-helpers';
 import * as PropTypes from 'prop-types';
 import InputMask from 'react-input-mask';
 import InputLabel from "../InputLabel/InputLabel";
@@ -98,7 +98,8 @@ var TextField = function TextField(_ref) {
       inputMode = _ref.inputMode,
       _ref$classes = _ref.classes;
   _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
-  var input = _ref$classes.input;
+  var input = _ref$classes.input,
+      dataAttrs = _ref.dataAttrs;
 
   var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -215,7 +216,8 @@ var TextField = function TextField(_ref) {
   }, [onBeforeMaskChange]);
   var textareaType = textarea === TextareaTypes.FLEXIBLE ? TextareaTypes.FLEXIBLE : TextareaTypes.FIXED;
   var hasScrolling = initialTextareaHeight >= TEXTAREA_MAX_HEIGHT || isTextareaResized;
-  var commonParams = {
+
+  var commonParams = _extends(_extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input)), {
     disabled: disabled,
     id: id,
     name: name,
@@ -228,7 +230,7 @@ var TextField = function TextField(_ref) {
     placeholder: placeholder,
     required: required,
     inputMode: inputMode
-  };
+  });
 
   var inputParams = _extends(_extends({}, commonParams), {
     className: cn('field', input),
@@ -299,14 +301,14 @@ var TextField = function TextField(_ref) {
 
   var renderIconBlock = function renderIconBlock() {
     var icon = getIcon();
-    return icon && /*#__PURE__*/React.createElement("div", {
+    return icon && /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.iconBox), {
       className: cn('icon-box', {
         error: verification === Verification.ERROR && !customIcon,
         password: isPasswordType,
         'custom-handler': !!onCustomIconClick
       }),
       onClick: handleIconClick
-    }, icon);
+    }), icon);
   };
 
   var renderInput = function renderInput() {
@@ -328,7 +330,7 @@ var TextField = function TextField(_ref) {
   var isPlaceholderShowed = isPasswordType && isPasswordHidden && !!inputValue;
   var valueHasSymbols = inputValue !== null && inputValue !== undefined;
   var currentSymbolCount = valueHasSymbols && String(inputValue).length || 0;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       disabled: disabled,
       theme: theme,
@@ -337,7 +339,10 @@ var TextField = function TextField(_ref) {
       icon: !hideIcon && (!!verification || !!customIcon || type === 'password') && !textarea,
       password: isPlaceholderShowed
     }, className)
-  }, label && /*#__PURE__*/React.createElement(InputLabel, {
+  }), label && /*#__PURE__*/React.createElement(InputLabel, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.label
+    },
     htmlFor: id
   }, label, required && /*#__PURE__*/React.createElement("span", {
     className: cn('require-mark')
@@ -347,12 +352,12 @@ var TextField = function TextField(_ref) {
     })
   }, renderField()), /*#__PURE__*/React.createElement("div", {
     className: cn('wrap')
-  }, noticeText && /*#__PURE__*/React.createElement("div", {
+  }, noticeText && /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.notice), {
     className: cn('text', {
       error: verification === Verification.ERROR,
       success: verification === Verification.VALID
     })
-  }, noticeText), symbolCounter && /*#__PURE__*/React.createElement(Paragraph, {
+  }), noticeText), symbolCounter && /*#__PURE__*/React.createElement(Paragraph, {
     size: "small",
     hasMargin: false,
     className: cn('counter', {
@@ -391,6 +396,13 @@ TextField.propTypes = {
   inputRef: PropTypes.func,
   classes: PropTypes.shape({
     input: PropTypes.string
+  }),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    label: PropTypes.objectOf(PropTypes.string.isRequired),
+    notice: PropTypes.objectOf(PropTypes.string.isRequired),
+    input: PropTypes.objectOf(PropTypes.string.isRequired),
+    iconBox: PropTypes.objectOf(PropTypes.string.isRequired)
   })
 };
 export default TextField;

package/dist/es/components/TextLink/TextLink.js

@@ -15,8 +15,10 @@ var TextLink = function TextLink(_ref) {
       rel = _ref.rel,
       onClick = _ref.onClick,
       children = _ref.children,
-      download = _ref.download;
+      download = _ref.download,
+      dataAttrs = _ref.dataAttrs;
   return /*#__PURE__*/React.createElement(Link, {
+    dataAttrs: dataAttrs,
     target: target,
     href: href,
     rel: rel,
@@ -31,9 +33,12 @@ var TextLink = function TextLink(_ref) {
 };
 
 TextLink.propTypes = {
-  color: PropTypes.oneOf(['default', 'white', 'black', 'gray', 'green', 'inherit']),
+  color: PropTypes.oneOf(['default', 'white', 'black', 'gray', 'green', 'blue', 'inherit']),
   underlineVisibility: PropTypes.oneOf(['hover', 'always']),
   underlineStyle: PropTypes.oneOf(['solid', 'dashed', 'border', 'none']),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element, PropTypes.string, PropTypes.node])
 };
 TextLink.defaultProps = {

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { IFilterDataAttrs } from '@megafon/ui-helpers';
 import './Tile.less';
 export declare const Theme: {
     readonly LIGHT: "light";
@@ -18,7 +17,7 @@ export declare const Shadow: {
     readonly HOVER: "hover";
 };
 declare type ShadowType = typeof Shadow[keyof typeof Shadow];
-export interface ITileProps extends IFilterDataAttrs {
+export interface ITileProps {
     /** Ссылка */
     href?: string;
     /** Тема */
@@ -31,6 +30,10 @@ export interface ITileProps extends IFilterDataAttrs {
     isInteractive?: boolean;
     /** Дополнительный класс корневого элемента */
     className?: string;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
     /** Обработчик клика */
     onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 }

package/dist/es/components/Tile/Tile.js

@@ -49,7 +49,7 @@ var Tile = function Tile(_ref) {
       interactive: isInteractive
     }, className),
     onClick: handleClick
-  }, filterDataAttrs(dataAttrs)), href && /*#__PURE__*/React.createElement("a", {
+  }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), href && /*#__PURE__*/React.createElement("a", {
     href: href,
     className: cn('link')
   }, children), !href && children);

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

@@ -46,6 +46,11 @@ export interface ITooltipProps {
         content?: string;
         contentShadow?: string;
     };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        content?: Record<string, string>;
+    };
     /** Обработчик на открытие */
     onOpen?: (e: AccessibilityEventTypeNative) => void;
     /** Обработчик на закрытие */

package/dist/es/components/Tooltip/Tooltip.js

@@ -4,7 +4,7 @@ import _typeof from "@babel/runtime/helpers/typeof";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useState, useCallback, useEffect, useMemo } from 'react';
-import { cnCreate, detectTouch, checkNativeEventIsClickOrEnterPress } from '@megafon/ui-helpers';
+import { cnCreate, detectTouch, checkNativeEventIsClickOrEnterPress, filterDataAttrs } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import { usePopper } from 'react-popper';
 import Tile from "../Tile/Tile";
@@ -52,6 +52,7 @@ var Tooltip = function Tooltip(_ref) {
       arrowClassName = _ref$classes.arrow,
       contentClassName = _ref$classes.content,
       contentShadowClassName = _ref$classes.contentShadow,
+      dataAttrs = _ref.dataAttrs,
       onOpen = _ref.onOpen,
       onClose = _ref.onClose;
   var currentTrigger = triggerElement.current;
@@ -214,7 +215,7 @@ var Tooltip = function Tooltip(_ref) {
 
     return undefined;
   }, [triggerEventName, isOpen, currentTrigger, handleOutsideEvent, handleClick]);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       paddings: paddings,
       open: isOpen
@@ -229,6 +230,9 @@ var Tooltip = function Tooltip(_ref) {
     className: cn('arrow-shadow'),
     style: styles.arrow
   }), /*#__PURE__*/React.createElement(Tile, {
+    dataAttrs: {
+      root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.content
+    },
     className: cn('content', [contentClassName])
   }, children), /*#__PURE__*/React.createElement(Tile, {
     shadowLevel: "high",
@@ -271,6 +275,10 @@ Tooltip.propTypes = {
     content: PropTypes.string,
     contentShadow: PropTypes.string
   }),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    content: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
   onOpen: PropTypes.func,
   onClose: PropTypes.func
 };

package/dist/lib/colors/Colors.js

@@ -157,6 +157,16 @@ var Colors = function Colors() {
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
       setCurrentTheme = _React$useState2[1];
 
+  var _React$useState3 = React.useState(false),
+      _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+      setLoad = _React$useState4[1];
+
+  React.useEffect(function () {
+    function load() {
+      setLoad(true);
+    }
+  }, []);
+
   var getCurrentColorValue = function getCurrentColorValue(code) {
     return typeof document !== 'undefined' ? document.documentElement.style.getPropertyValue("--".concat(code)) : '';
   };

package/dist/lib/components/Accordion/Accordion.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
-import { IFilterDataAttrs } from '@megafon/ui-helpers';
 import './Accordion.less';
-export interface IAccordionProps extends IFilterDataAttrs {
+export interface IAccordionProps {
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
     /** Заголовок */
@@ -14,11 +13,20 @@ export interface IAccordionProps extends IFilterDataAttrs {
     className?: string;
     /** Дополнительные классы для корневого и внутренних элементов */
     classes?: {
-        openedClass?: string;
         root?: string;
+        openedClass?: string;
         collapse?: string;
         titleWrap?: string;
     };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        header?: Record<string, string>;
+        collapse?: Record<string, string>;
+        titleWrap?: Record<string, string>;
+        arrowUp?: Record<string, string>;
+        arrowDown?: Record<string, string>;
+    };
     /** Обработчик клика */
     onClickAccordion?: (isOpened: boolean) => void;
 }

package/dist/lib/components/Accordion/Accordion.js

@@ -80,30 +80,30 @@ var Accordion = function Accordion(_ref) {
   };
 
   var openedClassName = isOpenedState ? openedClass : undefined;
-  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs), {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     ref: rootRef,
     className: cn({
       open: isOpenedState
     }, [className, rootPropsClasses, openedClassName])
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.titleWrap), {
     className: cn('title-wrap', [titleWrapPropsClasses]),
     onClick: handleClickTitle,
     onKeyDown: handleClickTitle
-  }, /*#__PURE__*/React.createElement(_Header["default"], {
+  }), /*#__PURE__*/React.createElement(_Header["default"], (0, _extends2["default"])({
     as: "h5"
-  }, title), /*#__PURE__*/React.createElement("div", {
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.header)), title), /*#__PURE__*/React.createElement("div", {
     tabIndex: 0,
     role: "button",
     className: cn('icon-box', {
       open: isOpenedState
     })
-  }, isOpenedState ? /*#__PURE__*/React.createElement(ArrowUp, null) : /*#__PURE__*/React.createElement(ArrowDown, null))), /*#__PURE__*/React.createElement(_Collapse["default"], {
+  }, isOpenedState ? /*#__PURE__*/React.createElement(ArrowUp, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowUp)) : /*#__PURE__*/React.createElement(ArrowDown, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowDown)))), /*#__PURE__*/React.createElement(_Collapse["default"], (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.collapse), {
     className: cn('content', collapsePropsClasses),
     classNameContainer: cn('content-inner', {
       'v-padding': hasVerticalPaddings
     }),
     isOpened: isOpenedState
-  }, children));
+  }), children));
 };
 
 Accordion.propTypes = {
@@ -120,7 +120,14 @@ Accordion.propTypes = {
     collapse: PropTypes.string,
     titleWrap: PropTypes.string
   }),
-  dataAttrs: PropTypes.objectOf(PropTypes.string.isRequired),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    header: PropTypes.objectOf(PropTypes.string.isRequired),
+    collapse: PropTypes.objectOf(PropTypes.string.isRequired),
+    titleWrap: PropTypes.objectOf(PropTypes.string.isRequired),
+    arrowUp: PropTypes.objectOf(PropTypes.string.isRequired),
+    arrowDown: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
   onClickAccordion: PropTypes.func
 };
 var _default = Accordion;

package/dist/lib/components/Banner/Banner.d.ts

@@ -16,6 +16,16 @@ export interface IBannerProps {
         slide?: string;
         arrow?: string;
     };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        swiper?: Record<string, string>;
+        slide?: Record<string, string>;
+        arrowPrev?: Record<string, string>;
+        arrowNext?: Record<string, string>;
+        pagination?: Record<string, string>;
+        dot?: Record<string, string>;
+    };
     /** Автоматическая прокрутка */
     autoPlay?: boolean;
     /** Задержка автоматической прокрутки */

package/dist/lib/components/Banner/Banner.js

@@ -11,6 +11,8 @@ require("core-js/modules/es.array.map");
 
 require("core-js/modules/es.object.values");
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
@@ -72,7 +74,8 @@ var Banner = function Banner(_ref) {
       onNextClick = _ref.onNextClick,
       onPrevClick = _ref.onPrevClick,
       onDotClick = _ref.onDotClick,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      dataAttrs = _ref.dataAttrs;
 
   var _React$useState = React.useState(),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
@@ -173,11 +176,11 @@ var Banner = function Banner(_ref) {
   var handleAutoplayStop = React.useCallback(function () {
     setAutoPlayning(false);
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       'nav-theme': navTheme
     }, className)
-  }, /*#__PURE__*/React.createElement(_react2.Swiper, {
+  }), /*#__PURE__*/React.createElement(_react2.Swiper, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.swiper), {
     className: cn('swiper'),
     loop: loop,
     autoplay: autoPlay ? getAutoPlayConfig(autoPlayDelay) : false,
@@ -188,19 +191,19 @@ var Banner = function Banner(_ref) {
     onSlideChange: handleSlideChange,
     onAutoplayStop: handleAutoplayStop,
     onTouchEnd: increaseAutoplayDelay
-  }, React.Children.map(children, function (child, i) {
-    return /*#__PURE__*/React.createElement(_react2.SwiperSlide, {
+  }), React.Children.map(children, function (child, i) {
+    return /*#__PURE__*/React.createElement(_react2.SwiperSlide, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.slide, i + 1), {
       key: i,
       className: cn('slide', classes === null || classes === void 0 ? void 0 : classes.slide)
-    }, child);
-  })), /*#__PURE__*/React.createElement(_NavArrow["default"], {
+    }), child);
+  })), /*#__PURE__*/React.createElement(_NavArrow["default"], (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowPrev), {
     className: cn('arrow', {
       prev: true
     }, [classes.arrow]),
     onClick: handlePrevClick,
     disabled: !loop && isBeginning,
     theme: navArrowTheme
-  }), /*#__PURE__*/React.createElement(_NavArrow["default"], {
+  })), /*#__PURE__*/React.createElement(_NavArrow["default"], (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.arrowNext), {
     className: cn('arrow', {
       next: true
     }, [classes.arrow]),
@@ -208,12 +211,15 @@ var Banner = function Banner(_ref) {
     onClick: handleNextClick,
     disabled: !loop && isEnd,
     theme: navArrowTheme
-  }), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.pagination), {
     className: cn('pagination', {
       theme: navTheme
     })
-  }, React.Children.map(children, function (_, i) {
+  }), React.Children.map(children, function (_, i) {
     return /*#__PURE__*/React.createElement(_BannerDot["default"], {
+      dataAttrs: {
+        root: (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.dot, i + 1))
+      },
       key: i,
       className: cn('dot'),
       index: i,
@@ -231,6 +237,15 @@ Banner.propTypes = {
   classes: PropTypes.shape({
     slide: PropTypes.string
   }),
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    swiper: PropTypes.objectOf(PropTypes.string.isRequired),
+    slide: PropTypes.objectOf(PropTypes.string.isRequired),
+    arrowPrev: PropTypes.objectOf(PropTypes.string.isRequired),
+    arrowNext: PropTypes.objectOf(PropTypes.string.isRequired),
+    pagination: PropTypes.objectOf(PropTypes.string.isRequired),
+    dot: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
   autoPlay: PropTypes.bool,
   autoPlayDelay: PropTypes.number,
   navTheme: PropTypes.oneOf(Object.values(NavTheme)),

package/dist/lib/components/Banner/BannerDot.d.ts

@@ -6,6 +6,9 @@ export interface IBannerDotProps {
     isActive: boolean;
     showTimer: boolean;
     timerDelay: number;
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
     onClick: (index: number) => void;
 }
 declare const BannerDot: React.FC<IBannerDotProps>;

package/dist/lib/components/Banner/BannerDot.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var React = _interopRequireWildcard(require("react"));
 
 var _uiHelpers = require("@megafon/ui-helpers");
@@ -17,10 +19,13 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 var cn = (0, _uiHelpers.cnCreate)('mfui-banner-dot');
 
 var BannerDot = function BannerDot(_ref) {
   var className = _ref.className,
+      dataAttrs = _ref.dataAttrs,
       index = _ref.index,
       isActive = _ref.isActive,
       showTimer = _ref.showTimer,
@@ -29,13 +34,13 @@ var BannerDot = function BannerDot(_ref) {
   var handleDotClick = React.useCallback(function () {
     onClick(index);
   }, [onClick, index]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       active: isActive,
       timer: showTimer
     }, className),
     onClick: handleDotClick
-  }, showTimer && isActive && /*#__PURE__*/React.createElement("svg", {
+  }), showTimer && isActive && /*#__PURE__*/React.createElement("svg", {
     className: cn('timer'),
     viewBox: "0 0 100 100"
   }, /*#__PURE__*/React.createElement("circle", {
@@ -51,6 +56,9 @@ var BannerDot = function BannerDot(_ref) {
 
 BannerDot.propTypes = {
   className: PropTypes.string,
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
   index: PropTypes.number.isRequired,
   isActive: PropTypes.bool.isRequired,
   showTimer: PropTypes.bool.isRequired,

package/dist/lib/components/Button/Button.d.ts

@@ -1,5 +1,4 @@
 import React, { Ref } from 'react';
-import { IFilterDataAttrs } from '@megafon/ui-helpers';
 import './Button.less';
 export declare const ButtonTypes: {
     readonly PRIMARY: "primary";
@@ -19,7 +18,7 @@ export declare const ButtonSizes: {
     readonly LARGE: "large";
 };
 declare type ButtonSizesType = typeof ButtonSizes[keyof typeof ButtonSizes];
-export interface IButtonProps extends IFilterDataAttrs {
+export interface IButtonProps {
     /** Дополнительный класс корневого элемента */
     className?: string | string[];
     /** Дополнительные классы для внутренних элементов */
@@ -31,6 +30,13 @@ export interface IButtonProps extends IFilterDataAttrs {
         /** Inner container class */
         inner?: string;
     };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        content?: Record<string, string>;
+        inner?: Record<string, string>;
+        loader?: Record<string, string>;
+    };
     /** Тема компонента */
     theme?: ButtonThemesType;
     /** Тип компонента */

package/dist/lib/components/Button/Button.js

@@ -152,9 +152,9 @@ var Button = function Button(_ref) {
       return null;
     }
 
-    return /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.content), {
       className: cn('content', contentClassName)
-    }, icon && /*#__PURE__*/_react["default"].createElement("div", {
+    }), icon && /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('icon')
     }, icon), children && /*#__PURE__*/_react["default"].createElement("span", {
       className: cn('text')
@@ -178,6 +178,9 @@ var Button = function Button(_ref) {
 
   var renderedLoader = _react["default"].useMemo(function () {
     return /*#__PURE__*/_react["default"].createElement(_Preloader["default"], {
+      dataAttrs: {
+        root: (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.loader)
+      },
       color: loaderColor,
       sizeAll: getLoaderSize(sizeAll),
       sizeWide: sizeWide && getLoaderSize(sizeWide),
@@ -209,7 +212,7 @@ var Button = function Button(_ref) {
     setTouch((0, _uiHelpers.detectTouch)());
   }, []);
 
-  return /*#__PURE__*/_react["default"].createElement(ElementType, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs), {
+  return /*#__PURE__*/_react["default"].createElement(ElementType, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       type: type,
       theme: currentTheme,
@@ -232,9 +235,9 @@ var Button = function Button(_ref) {
     onClick: handleClick,
     disabled: !href && disabled,
     ref: buttonRef
-  }), /*#__PURE__*/_react["default"].createElement("div", {
+  }), /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.inner), {
     className: cn('inner', innerClassName)
-  }, !showLoader ? renderedContent : renderedLoader));
+  }), !showLoader ? renderedContent : renderedLoader));
 };
 
 Button.propTypes = {
@@ -243,6 +246,12 @@ Button.propTypes = {
     content: _propTypes["default"].string,
     inner: _propTypes["default"].string
   }),
+  dataAttrs: _propTypes["default"].shape({
+    root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    content: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    inner: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
+    loader: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
+  }),
   theme: _propTypes["default"].oneOf(Object.values(ButtonThemes)),
   type: _propTypes["default"].oneOf(Object.values(ButtonTypes)),
   href: _propTypes["default"].string,
@@ -260,7 +269,6 @@ Button.propTypes = {
   showArrow: _propTypes["default"].bool,
   icon: _propTypes["default"].element,
   disabled: _propTypes["default"].bool,
-  dataAttrs: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),
   buttonRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
     current: _propTypes["default"].elementType
   }), _propTypes["default"].any])]),

package/dist/lib/components/Carousel/Carousel.d.ts

@@ -1,5 +1,4 @@
 import * as React from 'react';
-import { IFilterDataAttrs } from '@megafon/ui-helpers';
 import SwiperCore from 'swiper';
 import { PaginationOptions } from 'swiper/types/components/pagination';
 import './Carousel.less';
@@ -24,7 +23,7 @@ export declare type SlidesSettingsType = {
         spaceBetween: number;
     };
 };
-export interface ICarouselProps extends IFilterDataAttrs {
+export interface ICarouselProps {
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
     /** Дополнительные классы для корневого элемента */
@@ -39,6 +38,14 @@ export interface ICarouselProps extends IFilterDataAttrs {
         next?: string;
         slide?: string;
     };
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        slider?: Record<string, string>;
+        prev?: Record<string, string>;
+        next?: Record<string, string>;
+        slide?: Record<string, string>;
+    };
     /** Настройки слайдов */
     slidesSettings?: SlidesSettingsType;
     /** Смена слайдов с зацикливанием */