@megafon/ui-core 4.13.0 → 4.14.0

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.14.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.13.0...@megafon/ui-core@4.14.0) (2023-03-07)
+
+
+### Bug Fixes
+
+* **button:** disable delay for loader ([a19c599](https://github.com/MegafonWebLab/megafon-ui/commit/a19c599f884d5dc9d485c56c6c7914e76d1c3fb6))
+
+
+### Features
+
+* **carousel:** fix z-index of naw arrow ([b6b1ae1](https://github.com/MegafonWebLab/megafon-ui/commit/b6b1ae18e8641d8168bc97598df62a1ce0eac1f4))
+* **preloader:** add new prop hasDelay ([356305d](https://github.com/MegafonWebLab/megafon-ui/commit/356305d70451d38e91e638970eb9b597cac86ea7))
+
+
+
+
+
 # [4.13.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.12.0...@megafon/ui-core@4.13.0) (2023-02-22)
 
 

package/dist/es/components/Button/Button.js

@@ -157,6 +157,7 @@ var Button = function Button(_ref) {
   }, [icon, children]);
   var renderedLoader = React.useMemo(function () {
     return /*#__PURE__*/React.createElement(Preloader, {
+      delay: false,
       className: cn('preloader'),
       dataAttrs: {
         root: filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.loader)

package/dist/es/components/Carousel/Carousel.css

@@ -116,7 +116,7 @@
 .mfui-carousel__arrow {
   position: absolute;
   top: 50%;
-  z-index: 2;
+  z-index: 6;
   -webkit-transform: translateY(calc(-50% - 40px / 2));
           transform: translateY(calc(-50% - 40px / 2));
 }

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

@@ -12,6 +12,8 @@ export declare const PreloaderSizes: {
 };
 export declare type PreloaderSizesType = typeof PreloaderSizes[keyof typeof PreloaderSizes];
 export interface IPreloaderProps {
+    /** Задержка отрисовки  */
+    delay?: boolean;
     /** Цветовая тема */
     color?: PreloaderColorsType;
     /** Размер на всех разрешениях экрана */

package/dist/es/components/Preloader/Preloader.js

@@ -22,6 +22,8 @@ var Preloader = function Preloader(_ref) {
       color = _ref$color === void 0 ? 'default' : _ref$color,
       _ref$sizeAll = _ref.sizeAll,
       sizeAll = _ref$sizeAll === void 0 ? 'medium' : _ref$sizeAll,
+      _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? true : _ref$delay,
       sizeWide = _ref.sizeWide,
       sizeDesktop = _ref.sizeDesktop,
       sizeTablet = _ref.sizeTablet,
@@ -29,19 +31,23 @@ var Preloader = function Preloader(_ref) {
       className = _ref.className,
       dataAttrs = _ref.dataAttrs;
 
-  var _React$useState = React.useState(false),
+  var _React$useState = React.useState(!delay),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       isShowed = _React$useState2[0],
       setIsShowed = _React$useState2[1];
 
   React.useEffect(function () {
+    if (isShowed) {
+      return undefined;
+    }
+
     var timerId = setTimeout(function () {
       setIsShowed(true);
     }, 250);
     return function () {
       clearTimeout(timerId);
     };
-  }, []);
+  }, [isShowed]);
   return isShowed ? /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       color: color,

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

@@ -190,6 +190,7 @@ var Button = function Button(_ref) {
 
   var renderedLoader = _react["default"].useMemo(function () {
     return /*#__PURE__*/_react["default"].createElement(_Preloader["default"], {
+      delay: false,
       className: cn('preloader'),
       dataAttrs: {
         root: (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.loader)

package/dist/lib/components/Carousel/Carousel.css

@@ -116,7 +116,7 @@
 .mfui-carousel__arrow {
   position: absolute;
   top: 50%;
-  z-index: 2;
+  z-index: 6;
   -webkit-transform: translateY(calc(-50% - 40px / 2));
           transform: translateY(calc(-50% - 40px / 2));
 }

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

@@ -12,6 +12,8 @@ export declare const PreloaderSizes: {
 };
 export declare type PreloaderSizesType = typeof PreloaderSizes[keyof typeof PreloaderSizes];
 export interface IPreloaderProps {
+    /** Задержка отрисовки  */
+    delay?: boolean;
     /** Цветовая тема */
     color?: PreloaderColorsType;
     /** Размер на всех разрешениях экрана */

package/dist/lib/components/Preloader/Preloader.js

@@ -45,6 +45,8 @@ var Preloader = function Preloader(_ref) {
       color = _ref$color === void 0 ? 'default' : _ref$color,
       _ref$sizeAll = _ref.sizeAll,
       sizeAll = _ref$sizeAll === void 0 ? 'medium' : _ref$sizeAll,
+      _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? true : _ref$delay,
       sizeWide = _ref.sizeWide,
       sizeDesktop = _ref.sizeDesktop,
       sizeTablet = _ref.sizeTablet,
@@ -52,19 +54,23 @@ var Preloader = function Preloader(_ref) {
       className = _ref.className,
       dataAttrs = _ref.dataAttrs;
 
-  var _React$useState = React.useState(false),
+  var _React$useState = React.useState(!delay),
       _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
       isShowed = _React$useState2[0],
       setIsShowed = _React$useState2[1];
 
   React.useEffect(function () {
+    if (isShowed) {
+      return undefined;
+    }
+
     var timerId = setTimeout(function () {
       setIsShowed(true);
     }, 250);
     return function () {
       clearTimeout(timerId);
     };
-  }, []);
+  }, [isShowed]);
   return isShowed ? /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       color: color,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "4.13.0",
+  "version": "4.14.0",
   "files": [
     "dist",
     "styles"
@@ -100,5 +100,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "c6b6ee9a988f9563c4b630bd0fad47c432172e65"
+  "gitHead": "b9b0a048d2faba323bebaddbf302aed8e0894506"
 }