@megafon/ui-core 4.9.0 → 4.9.1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.9.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.9.0...@megafon/ui-core@4.9.1) (2022-12-06)
+
+**Note:** Version bump only for package @megafon/ui-core
+
+
+
+
+
 # [4.9.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.8.2...@megafon/ui-core@4.9.0) (2022-11-29)
 
 

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

@@ -29,7 +29,7 @@ var Counter = function Counter(_ref) {
       _ref$isControlled = _ref.isControlled,
       isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
       _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 0 : _ref$value,
+      outerValue = _ref$value === void 0 ? 0 : _ref$value,
       initialValue = _ref.initialValue,
       _ref$max = _ref.max,
       max = _ref$max === void 0 ? 999999 : _ref$max,
@@ -45,15 +45,16 @@ var Counter = function Counter(_ref) {
 
   var _React$useState = React.useState(currentInitialValue),
       _React$useState2 = _slicedToArray(_React$useState, 2),
-      counter = _React$useState2[0],
-      setCounter = _React$useState2[1];
+      innerValue = _React$useState2[0],
+      setInnerValue = _React$useState2[1];
 
+  var currentValue = isControlled ? outerValue : innerValue;
   React.useEffect(function () {
-    setCounter(currentInitialValue);
+    setInnerValue(currentInitialValue);
   }, [currentInitialValue]);
   var handleValueChange = React.useCallback(function (inputValue) {
     if (!isControlled) {
-      setCounter(inputValue);
+      setInnerValue(inputValue);
     }
 
     if (inputValue < min) {
@@ -69,11 +70,11 @@ var Counter = function Counter(_ref) {
     }
   }, [min, max, onChange, isControlled]);
   var handleMinusClick = React.useCallback(function () {
-    handleValueChange(isControlled ? value - 1 : counter - 1);
-  }, [handleValueChange, counter, isControlled, value]);
+    handleValueChange(currentValue - 1);
+  }, [handleValueChange, currentValue]);
   var handlePlusClick = React.useCallback(function () {
-    handleValueChange(isControlled ? value + 1 : counter + 1);
-  }, [handleValueChange, counter, isControlled, value]);
+    handleValueChange(currentValue + 1);
+  }, [handleValueChange, currentValue]);
   var handleInputChange = React.useCallback(function (e) {
     var pattern = /^[0-9\b]+$/;
     var inputValue = e.target.value;
@@ -106,7 +107,7 @@ var Counter = function Counter(_ref) {
       left: true
     }, classes.buttonMinus),
     type: "button",
-    disabled: disabled || (isControlled ? value : counter) <= min,
+    disabled: disabled || currentValue <= min,
     onClick: handleMinusClick
   }), /*#__PURE__*/React.createElement(IconMinus, {
     className: cn('icon')
@@ -114,7 +115,7 @@ var Counter = function Counter(_ref) {
     className: cn('input-box')
   }, /*#__PURE__*/React.createElement("input", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input), {
     className: cn('input', classes.input),
-    value: isControlled ? value : counter,
+    value: currentValue,
     onChange: handleInputChange,
     onBlur: handleInputBlur,
     disabled: disabled
@@ -123,7 +124,7 @@ var Counter = function Counter(_ref) {
       right: true
     }, classes.buttonPlus),
     type: "button",
-    disabled: disabled || counter >= max || value >= max,
+    disabled: disabled || currentValue >= max,
     onClick: handlePlusClick
   }), /*#__PURE__*/React.createElement(IconPlus, {
     className: cn('icon')

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

@@ -4,13 +4,17 @@ export interface ILogoProps {
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Цвет */
-    color?: string;
+    color?: 'green';
     /** Отображение */
     view?: 'horizontal' | 'vertical';
     /** Ссылка */
     href?: string;
     /** target - аргумент тега <a> */
     target?: '_self' | '_blank' | '_parent' | '_top';
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
 }
 declare const Logo: React.FC<ILogoProps>;
 export default Logo;

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

@@ -60,13 +60,15 @@ var Logo = function Logo(_ref) {
       _ref$target = _ref.target,
       target = _ref$target === void 0 ? '_blank' : _ref$target,
       _ref$href = _ref.href,
-      href = _ref$href === void 0 ? '/' : _ref$href;
+      href = _ref$href === void 0 ? '/' : _ref$href,
+      dataAttrs = _ref.dataAttrs;
   var images = {
     'green-horizontal': greenHorizontalImg,
     'green-vertical': greenVerticalImg
   };
   var BackgroundImage = images["".concat(color, "-").concat(view)];
   return /*#__PURE__*/React.createElement(Link, {
+    dataAttrs: dataAttrs,
     href: href,
     target: target,
     className: cn('', {
@@ -80,10 +82,13 @@ var Logo = function Logo(_ref) {
 };
 
 Logo.propTypes = {
-  color: PropTypes.string,
+  color: PropTypes.oneOf(['green']),
   view: PropTypes.oneOf(['horizontal', 'vertical']),
   target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
   href: PropTypes.string,
-  className: PropTypes.string
+  className: PropTypes.string,
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  })
 };
 export default Logo;

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

@@ -13,6 +13,8 @@ declare type ViewType = typeof View[keyof typeof View];
 export interface INavArrowProps {
     dataAttrs?: {
         root?: Record<string, string>;
+        prevArrow?: Record<string, string>;
+        nextArrow?: Record<string, string>;
     };
     className?: string;
     theme?: ThemeType;

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

@@ -44,16 +44,16 @@ var NavArrow = function NavArrow(_ref) {
   var renderIcon = React.useCallback(function () {
     switch (view) {
       case View.PREV:
-        return /*#__PURE__*/React.createElement(ArrowLeft, {
+        return /*#__PURE__*/React.createElement(ArrowLeft, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.prevArrow), {
           className: cn('icon')
-        });
+        }));
 
       default:
-        return /*#__PURE__*/React.createElement(ArrowRight, {
+        return /*#__PURE__*/React.createElement(ArrowRight, _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.nextArrow), {
           className: cn('icon')
-        });
+        }));
     }
-  }, [view]);
+  }, [dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.prevArrow, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.nextArrow, view]);
   return /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     type: "button",
     className: cn({
@@ -66,7 +66,9 @@ var NavArrow = function NavArrow(_ref) {
 
 NavArrow.propTypes = {
   dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    prevArrow: PropTypes.objectOf(PropTypes.string.isRequired),
+    nextArrow: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   className: PropTypes.string,
   theme: PropTypes.oneOf(Object.values(Theme)),

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

@@ -48,7 +48,7 @@ var Counter = function Counter(_ref) {
       _ref$isControlled = _ref.isControlled,
       isControlled = _ref$isControlled === void 0 ? false : _ref$isControlled,
       _ref$value = _ref.value,
-      value = _ref$value === void 0 ? 0 : _ref$value,
+      outerValue = _ref$value === void 0 ? 0 : _ref$value,
       initialValue = _ref.initialValue,
       _ref$max = _ref.max,
       max = _ref$max === void 0 ? 999999 : _ref$max,
@@ -64,15 +64,16 @@ var Counter = function Counter(_ref) {
 
   var _React$useState = React.useState(currentInitialValue),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-      counter = _React$useState2[0],
-      setCounter = _React$useState2[1];
+      innerValue = _React$useState2[0],
+      setInnerValue = _React$useState2[1];
 
+  var currentValue = isControlled ? outerValue : innerValue;
   React.useEffect(function () {
-    setCounter(currentInitialValue);
+    setInnerValue(currentInitialValue);
   }, [currentInitialValue]);
   var handleValueChange = React.useCallback(function (inputValue) {
     if (!isControlled) {
-      setCounter(inputValue);
+      setInnerValue(inputValue);
     }
 
     if (inputValue < min) {
@@ -88,11 +89,11 @@ var Counter = function Counter(_ref) {
     }
   }, [min, max, onChange, isControlled]);
   var handleMinusClick = React.useCallback(function () {
-    handleValueChange(isControlled ? value - 1 : counter - 1);
-  }, [handleValueChange, counter, isControlled, value]);
+    handleValueChange(currentValue - 1);
+  }, [handleValueChange, currentValue]);
   var handlePlusClick = React.useCallback(function () {
-    handleValueChange(isControlled ? value + 1 : counter + 1);
-  }, [handleValueChange, counter, isControlled, value]);
+    handleValueChange(currentValue + 1);
+  }, [handleValueChange, currentValue]);
   var handleInputChange = React.useCallback(function (e) {
     var pattern = /^[0-9\b]+$/;
     var inputValue = e.target.value;
@@ -125,7 +126,7 @@ var Counter = function Counter(_ref) {
       left: true
     }, classes.buttonMinus),
     type: "button",
-    disabled: disabled || (isControlled ? value : counter) <= min,
+    disabled: disabled || currentValue <= min,
     onClick: handleMinusClick
   }), /*#__PURE__*/React.createElement(IconMinus, {
     className: cn('icon')
@@ -133,7 +134,7 @@ var Counter = function Counter(_ref) {
     className: cn('input-box')
   }, /*#__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,
+    value: currentValue,
     onChange: handleInputChange,
     onBlur: handleInputBlur,
     disabled: disabled
@@ -142,7 +143,7 @@ var Counter = function Counter(_ref) {
       right: true
     }, classes.buttonPlus),
     type: "button",
-    disabled: disabled || counter >= max || value >= max,
+    disabled: disabled || currentValue >= max,
     onClick: handlePlusClick
   }), /*#__PURE__*/React.createElement(IconPlus, {
     className: cn('icon')

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

@@ -4,13 +4,17 @@ export interface ILogoProps {
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Цвет */
-    color?: string;
+    color?: 'green';
     /** Отображение */
     view?: 'horizontal' | 'vertical';
     /** Ссылка */
     href?: string;
     /** target - аргумент тега <a> */
     target?: '_self' | '_blank' | '_parent' | '_top';
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
 }
 declare const Logo: React.FC<ILogoProps>;
 export default Logo;

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

@@ -79,13 +79,15 @@ var Logo = function Logo(_ref) {
       _ref$target = _ref.target,
       target = _ref$target === void 0 ? '_blank' : _ref$target,
       _ref$href = _ref.href,
-      href = _ref$href === void 0 ? '/' : _ref$href;
+      href = _ref$href === void 0 ? '/' : _ref$href,
+      dataAttrs = _ref.dataAttrs;
   var images = {
     'green-horizontal': greenHorizontalImg,
     'green-vertical': greenVerticalImg
   };
   var BackgroundImage = images["".concat(color, "-").concat(view)];
   return /*#__PURE__*/React.createElement(_Link["default"], {
+    dataAttrs: dataAttrs,
     href: href,
     target: target,
     className: cn('', {
@@ -99,11 +101,14 @@ var Logo = function Logo(_ref) {
 };
 
 Logo.propTypes = {
-  color: PropTypes.string,
+  color: PropTypes.oneOf(['green']),
   view: PropTypes.oneOf(['horizontal', 'vertical']),
   target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
   href: PropTypes.string,
-  className: PropTypes.string
+  className: PropTypes.string,
+  dataAttrs: PropTypes.shape({
+    root: PropTypes.objectOf(PropTypes.string.isRequired)
+  })
 };
 var _default = Logo;
 exports["default"] = _default;

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

@@ -13,6 +13,8 @@ declare type ViewType = typeof View[keyof typeof View];
 export interface INavArrowProps {
     dataAttrs?: {
         root?: Record<string, string>;
+        prevArrow?: Record<string, string>;
+        nextArrow?: Record<string, string>;
     };
     className?: string;
     theme?: ThemeType;

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

@@ -64,16 +64,16 @@ var NavArrow = function NavArrow(_ref) {
   var renderIcon = React.useCallback(function () {
     switch (view) {
       case View.PREV:
-        return /*#__PURE__*/React.createElement(ArrowLeft, {
+        return /*#__PURE__*/React.createElement(ArrowLeft, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.prevArrow), {
           className: cn('icon')
-        });
+        }));
 
       default:
-        return /*#__PURE__*/React.createElement(ArrowRight, {
+        return /*#__PURE__*/React.createElement(ArrowRight, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.nextArrow), {
           className: cn('icon')
-        });
+        }));
     }
-  }, [view]);
+  }, [dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.prevArrow, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.nextArrow, view]);
   return /*#__PURE__*/React.createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     type: "button",
     className: cn({
@@ -86,7 +86,9 @@ var NavArrow = function NavArrow(_ref) {
 
 NavArrow.propTypes = {
   dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    prevArrow: PropTypes.objectOf(PropTypes.string.isRequired),
+    nextArrow: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   className: PropTypes.string,
   theme: PropTypes.oneOf(Object.values(Theme)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "4.9.0",
+  "version": "4.9.1",
   "files": [
     "dist",
     "styles"
@@ -100,5 +100,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "ab9cb505dca6ae5f4e3db5d4a21add24d10a1be1"
+  "gitHead": "079e229d423944ab3643730e461d4d5b4342cff0"
 }