@megafon/ui-core 3.0.2 → 3.3.0

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

@@ -1,6 +1,13 @@
 import * as React from 'react';
 import './Counter.less';
 export interface ICounterProps {
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        minus?: Record<string, string>;
+        plus?: Record<string, string>;
+        input?: Record<string, string>;
+    };
     /** Переводит компонент в контролируемое состояние */
     isControlled?: boolean;
     /** Внешнее значение для контролируемого компонента */

package/dist/lib/components/Counter/Counter.js

@@ -44,7 +44,8 @@ var IconPlus = function IconPlus(props) {
 var cn = (0, _uiHelpers.cnCreate)('mfui-counter');
 
 var Counter = function Counter(_ref) {
-  var _ref$isControlled = _ref.isControlled,
+  var dataAttrs = _ref.dataAttrs,
+      _ref$isControlled = _ref.isControlled,
       isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? 0 : _ref$value,
@@ -115,40 +116,46 @@ var Counter = function Counter(_ref) {
       handleValueChange(max);
     }
   }, [handleValueChange, min, max]);
-  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({
       disabled: disabled
     }, [className, classes.root])
-  }, /*#__PURE__*/React.createElement("button", {
+  }), /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.minus), {
     className: cn('btn', {
       left: true
     }, classes.buttonMinus),
     type: "button",
     disabled: disabled || (isControlled ? value : counter) <= min,
     onClick: handleMinusClick
-  }, /*#__PURE__*/React.createElement(IconMinus, {
+  }), /*#__PURE__*/React.createElement(IconMinus, {
     className: cn('icon')
   })), /*#__PURE__*/React.createElement("div", {
     className: cn('input-box')
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input), {
     className: cn('input', classes.input),
     value: isControlled ? value : counter,
     onChange: handleInputChange,
     onBlur: handleInputBlur,
     disabled: disabled
-  })), /*#__PURE__*/React.createElement("button", {
+  }))), /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.plus), {
     className: cn('btn', {
       right: true
     }, classes.buttonPlus),
     type: "button",
     disabled: disabled || counter >= max || value >= max,
     onClick: handlePlusClick
-  }, /*#__PURE__*/React.createElement(IconPlus, {
+  }), /*#__PURE__*/React.createElement(IconPlus, {
     className: cn('icon')
   })));
 };
 
 Counter.propTypes = {
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    minus: PropTypes.objectOf(PropTypes.string.isRequired),
+    plus: PropTypes.objectOf(PropTypes.string.isRequired),
+    input: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
   isControlled: PropTypes.bool,
   value: PropTypes.number,
   initialValue: PropTypes.number,

package/dist/lib/components/Logo/Logo.js

@@ -56,10 +56,14 @@ var cn = (0, _uiHelpers.cnCreate)('mfui-logo');
 
 var Logo = function Logo(_ref) {
   var className = _ref.className,
-      color = _ref.color,
-      view = _ref.view,
-      target = _ref.target,
-      href = _ref.href;
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'green' : _ref$color,
+      _ref$view = _ref.view,
+      view = _ref$view === void 0 ? 'horizontal' : _ref$view,
+      _ref$target = _ref.target,
+      target = _ref$target === void 0 ? '_blank' : _ref$target,
+      _ref$href = _ref.href,
+      href = _ref$href === void 0 ? '/' : _ref$href;
   var images = {
     'green-horizontal': greenHorizontalImg,
     'green-vertical': greenVerticalImg
@@ -85,11 +89,5 @@ Logo.propTypes = {
   href: PropTypes.string,
   className: PropTypes.string
 };
-Logo.defaultProps = {
-  color: 'green',
-  view: 'horizontal',
-  target: '_blank',
-  href: '/'
-};
 var _default = Logo;
 exports["default"] = _default;

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

@@ -11,6 +11,9 @@ export declare const View: {
 declare type ThemeType = typeof Theme[keyof typeof Theme];
 declare type ViewType = typeof View[keyof typeof View];
 export interface INavArrowProps {
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
     className?: string;
     theme?: ThemeType;
     view?: ViewType;

package/dist/lib/components/NavArrow/NavArrow.js

@@ -52,7 +52,8 @@ exports.View = View;
 var cn = (0, _uiHelpers.cnCreate)('mfui-nav-arrow');
 
 var NavArrow = function NavArrow(_ref) {
-  var className = _ref.className,
+  var dataAttrs = _ref.dataAttrs,
+      className = _ref.className,
       _ref$view = _ref.view,
       view = _ref$view === void 0 ? View.PREV : _ref$view,
       _ref$theme = _ref.theme,
@@ -73,17 +74,20 @@ var NavArrow = function NavArrow(_ref) {
         });
     }
   }, [view]);
-  return /*#__PURE__*/React.createElement("button", {
+  return /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     type: "button",
     className: cn({
       theme: theme
     }, className),
     onClick: onClick,
     disabled: disabled
-  }, renderIcon());
+  }), renderIcon());
 };
 
 NavArrow.propTypes = {
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
   className: PropTypes.string,
   theme: PropTypes.oneOf(Object.values(Theme)),
   view: PropTypes.oneOf(Object.values(View)),

package/dist/lib/components/Paragraph/Paragraph.js

@@ -37,7 +37,7 @@ var Paragraph = function Paragraph(_ref) {
       size = _ref$size === void 0 ? 'regular' : _ref$size,
       align = _ref.align,
       _ref$color = _ref.color,
-      color = _ref$color === void 0 ? COLORS.DEFAULT : _ref$color,
+      color = _ref$color === void 0 ? 'default' : _ref$color,
       className = _ref.className,
       _ref$hasMargin = _ref.hasMargin,
       hasMargin = _ref$hasMargin === void 0 ? true : _ref$hasMargin,

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

@@ -13,6 +13,13 @@ export declare type SearchItem = {
     searchView?: ElementOrString;
 };
 export interface ISearchProps {
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        searchField?: Record<string, string>;
+        submit?: Record<string, string>;
+        item?: Record<string, string>;
+    };
     /** Значение */
     value?: string;
     /** Заголовок поля */

package/dist/lib/components/Search/Search.js

@@ -55,7 +55,8 @@ exports.Verification = Verification;
 var cn = (0, _uiHelpers.cnCreate)('mfui-search');
 
 var Search = function Search(_ref) {
-  var _ref$value = _ref.value,
+  var dataAttrs = _ref.dataAttrs,
+      _ref$value = _ref.value,
       value = _ref$value === void 0 ? '' : _ref$value,
       label = _ref.label,
       placeholder = _ref.placeholder,
@@ -199,18 +200,18 @@ var Search = function Search(_ref) {
     }));
   };
 
-  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.root), {
     className: cn({
       open: isFocused,
       disabled: disabled
     }, [className])
-  }, label && /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], null, label, required && /*#__PURE__*/_react["default"].createElement("span", {
+  }), label && /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], null, label, required && /*#__PURE__*/_react["default"].createElement("span", {
     className: cn('require-mark')
   }, "*")), /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('control', {
       error: verification === Verification.ERROR
     }, [classes === null || classes === void 0 ? void 0 : classes.control])
-  }, /*#__PURE__*/_react["default"].createElement("input", {
+  }, /*#__PURE__*/_react["default"].createElement("input", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.searchField), {
     className: cn('search-field'),
     placeholder: placeholder,
     value: searchQuery,
@@ -222,10 +223,10 @@ var Search = function Search(_ref) {
     disabled: disabled,
     type: "text",
     autoComplete: "off"
-  }), !hideIcon && /*#__PURE__*/_react["default"].createElement("div", {
+  })), !hideIcon && /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.submit), {
     className: cn('icon-box'),
     onClick: handleSearchSubmit
-  }, /*#__PURE__*/_react["default"].createElement(SearchIcon, {
+  }), /*#__PURE__*/_react["default"].createElement(SearchIcon, {
     className: cn('icon', [classes === null || classes === void 0 ? void 0 : classes.icon])
   })), !!items.length && /*#__PURE__*/_react["default"].createElement("div", {
     className: cn('list')
@@ -234,14 +235,14 @@ var Search = function Search(_ref) {
   }, items.map(function (_ref2, i) {
     var itemValue = _ref2.value,
         searchView = _ref2.searchView;
-    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.item, i + 1), {
       className: cn('list-item', {
         active: activeIndex === i
       }),
       onMouseDown: handleSelectSubmit(i),
       onMouseEnter: handleHoverItem(i),
       key: i
-    }, /*#__PURE__*/_react["default"].createElement("div", {
+    }), /*#__PURE__*/_react["default"].createElement("div", {
       className: cn('item-title', [classes === null || classes === void 0 ? void 0 : classes.listItemTitle])
     }, searchView || highlightString(itemValue)));
   })))), noticeText && /*#__PURE__*/_react["default"].createElement("div", {
@@ -253,6 +254,12 @@ var Search = function Search(_ref) {
 };
 
 Search.propTypes = {
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    searchField: PropTypes.objectOf(PropTypes.string.isRequired),
+    submit: PropTypes.objectOf(PropTypes.string.isRequired),
+    item: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
   value: PropTypes.string,
   label: PropTypes.string,
   placeholder: PropTypes.string,

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

@@ -1,6 +1,10 @@
 import * as React from 'react';
 import './Switcher.less';
 export interface ISwitcherProps {
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Управление состоянием вкл/выкл компонента */

package/dist/lib/components/Switcher/Switcher.js

@@ -7,23 +7,30 @@ 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");
 
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
 
 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-switcher');
 
-var Switcher = function Switcher(props) {
-  var className = props.className,
-      _props$checked = props.checked,
-      checked = _props$checked === void 0 ? false : _props$checked,
-      _props$disabled = props.disabled,
-      disabled = _props$disabled === void 0 ? false : _props$disabled,
-      onChange = props.onChange;
+var Switcher = function Switcher(_ref) {
+  var dataAttrs = _ref.dataAttrs,
+      className = _ref.className,
+      _ref$checked = _ref.checked,
+      checked = _ref$checked === void 0 ? false : _ref$checked,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      onChange = _ref.onChange;
   var isTouch = (0, _uiHelpers.detectTouch)();
 
   var handleChange = function handleChange(e) {
@@ -34,17 +41,26 @@ var Switcher = function Switcher(props) {
     onChange === null || onChange === void 0 ? void 0 : onChange(e);
   };
 
-  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({
       checked: checked,
       disabled: disabled,
       'no-touch': !isTouch
     }, className),
     onClick: handleChange
-  }, /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: cn('pointer')
   }));
 };
 
+Switcher.propTypes = {
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  }),
+  className: PropTypes.string,
+  checked: PropTypes.bool,
+  disabled: PropTypes.bool,
+  onChange: PropTypes.func
+};
 var _default = Switcher;
 exports["default"] = _default;

package/dist/lib/components/Tabs/Tabs.css

@@ -121,7 +121,7 @@
   width: 16px;
   height: 16px;
   border-radius: 50%;
-  background-color: var(--content);
+  background-color: var(--stcBlack);
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
   cursor: pointer;

package/dist/lib/components/TextLink/TextLink.js

@@ -24,9 +24,12 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 var cn = (0, _uiHelpers.cnCreate)('mfui-text-link');
 
 var TextLink = function TextLink(_ref) {
-  var underlineVisibility = _ref.underlineVisibility,
-      underlineStyle = _ref.underlineStyle,
-      color = _ref.color,
+  var _ref$underlineVisibil = _ref.underlineVisibility,
+      underlineVisibility = _ref$underlineVisibil === void 0 ? 'hover' : _ref$underlineVisibil,
+      _ref$underlineStyle = _ref.underlineStyle,
+      underlineStyle = _ref$underlineStyle === void 0 ? 'solid' : _ref$underlineStyle,
+      _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'blue' : _ref$color,
       className = _ref.className,
       target = _ref.target,
       href = _ref.href,
@@ -59,10 +62,5 @@ TextLink.propTypes = {
   }),
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.element), PropTypes.element, PropTypes.string, PropTypes.node])
 };
-TextLink.defaultProps = {
-  underlineVisibility: 'hover',
-  underlineStyle: 'solid',
-  color: 'blue'
-};
 var _default = TextLink;
 exports["default"] = _default;

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

@@ -20,6 +20,8 @@ declare type ShadowType = typeof Shadow[keyof typeof Shadow];
 export interface ITileProps {
     /** Ссылка */
     href?: string;
+    /** Атрибут для открытия ссылки */
+    target?: '_self' | '_blank';
     /** Тема */
     theme?: ThemeType;
     /** Радиус границы */

package/dist/lib/components/Tile/Tile.js

@@ -49,7 +49,9 @@ var Tile = function Tile(_ref) {
       _ref$isInteractive = _ref.isInteractive,
       isInteractive = _ref$isInteractive === void 0 ? false : _ref$isInteractive,
       onClick = _ref.onClick,
-      dataAttrs = _ref.dataAttrs;
+      dataAttrs = _ref.dataAttrs,
+      _ref$target = _ref.target,
+      target = _ref$target === void 0 ? '_self' : _ref$target;
 
   var handleClick = function handleClick(e) {
     onClick === null || onClick === void 0 ? void 0 : onClick(e);
@@ -67,7 +69,8 @@ var Tile = function Tile(_ref) {
     onClick: handleClick
   }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), href && /*#__PURE__*/_react["default"].createElement("a", {
     href: href,
-    className: cn('link')
+    className: cn('link'),
+    target: target
   }, children), !href && children);
 };
 
@@ -81,7 +84,8 @@ Tile.propTypes = {
   onClick: _propTypes["default"].func,
   dataAttrs: _propTypes["default"].shape({
     root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
-  })
+  }),
+  target: _propTypes["default"].oneOf(['_self', '_blank'])
 };
 var _default = Tile;
 exports["default"] = _default;

package/dist/lib/index.d.ts

@@ -28,6 +28,8 @@ export { default as PaginationButtons } from './components/Pagination/components
 export { default as PaginationNavigation } from './components/Pagination/components/PaginationNavigation/PaginationNavigation';
 export { default as Paragraph } from './components/Paragraph/Paragraph';
 export { default as Preloader } from './components/Preloader/Preloader';
+export { default as PriceBadge } from './components/Badges/components/PriceBadge/PriceBadge';
+export { default as PromoBadge } from './components/Badges/components/PromoBadge/PromoBadge';
 export { default as RadioButton } from './components/RadioButton/RadioButton';
 export { default as Search } from './components/Search/Search';
 export { default as Select } from './components/Select/Select';

package/dist/lib/index.js

@@ -183,6 +183,18 @@ Object.defineProperty(exports, "Preloader", {
     return _Preloader["default"];
   }
 });
+Object.defineProperty(exports, "PriceBadge", {
+  enumerable: true,
+  get: function get() {
+    return _PriceBadge["default"];
+  }
+});
+Object.defineProperty(exports, "PromoBadge", {
+  enumerable: true,
+  get: function get() {
+    return _PromoBadge["default"];
+  }
+});
 Object.defineProperty(exports, "RadioButton", {
   enumerable: true,
   get: function get() {
@@ -316,6 +328,10 @@ var _Paragraph = _interopRequireDefault(require("./components/Paragraph/Paragrap
 
 var _Preloader = _interopRequireDefault(require("./components/Preloader/Preloader"));
 
+var _PriceBadge = _interopRequireDefault(require("./components/Badges/components/PriceBadge/PriceBadge"));
+
+var _PromoBadge = _interopRequireDefault(require("./components/Badges/components/PromoBadge/PromoBadge"));
+
 var _RadioButton = _interopRequireDefault(require("./components/RadioButton/RadioButton"));
 
 var _Search = _interopRequireDefault(require("./components/Search/Search"));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "3.0.2",
+  "version": "3.3.0",
   "files": [
     "dist",
     "styles"
@@ -54,7 +54,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^1.0.1",
+    "@megafon/ui-icons": "^1.1.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/react-hooks": "^7.0.1",
     "@types/enzyme": "^3.10.5",
@@ -86,7 +86,7 @@
   "dependencies": {
     "@babel/runtime": "^7.8.4",
     "@datepicker-react/hooks": "^2.7.0",
-    "@megafon/ui-helpers": "^2.0.1",
+    "@megafon/ui-helpers": "^2.1.0",
     "@popperjs/core": "^2.5.3",
     "core-js": "^3.6.4",
     "date-fns": "^2.16.1",
@@ -97,5 +97,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "a2f3604929705854de77505d3684640adf2dd8a5"
+  "gitHead": "e1007fdaa6e0dd724388f6c5ebae4448cf2732c8"
 }