@megafon/ui-core 2.3.0 → 2.4.0

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

@@ -31,7 +31,7 @@ var Switcher = function Switcher(props) {
       return;
     }
 
-    onChange && onChange(e);
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
   };
 
   return /*#__PURE__*/React.createElement("div", {

package/dist/lib/components/Tabs/Tabs.js

@@ -193,11 +193,11 @@ var Tabs = function Tabs(_ref) {
       left: left,
       right: documentWidth - right
     });
-  }, [stickyOffset, isSticky]);
+  }, [sticky]);
   var handleTabInnerClick = React.useCallback(function (index) {
     return function () {
       setUnderlineTransition('all');
-      onTabClick && onTabClick(index);
+      onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(index);
 
       if (outerIndex === undefined) {
         setInnerIndex(index);
@@ -246,7 +246,7 @@ var Tabs = function Tabs(_ref) {
         ref: setTabRef
       }, (0, _uiHelpers.filterDataAttrs)(dataAttrs)), renderTabWrapper ? renderTabWrapper(tab) : tab));
     });
-  }, [renderTab, children]);
+  }, [renderTab, children, activeTabClass, currentIndex, setTabRef, tabClass]);
   var renderPanels = React.useCallback(function () {
     return React.Children.map(children, function (child, i) {
       var panel = child.props.children;
@@ -262,7 +262,7 @@ var Tabs = function Tabs(_ref) {
         })
       }, panel);
     });
-  }, [children, currentIndex]);
+  }, [children, currentIndex, renderOnlyCurrentPanel]);
   var handleReachBeginning = React.useCallback(function (swiper) {
     setBeginning(swiper.isBeginning);
   }, []);
@@ -274,6 +274,7 @@ var Tabs = function Tabs(_ref) {
     setEnd(swiper.isEnd);
   }, []);
   React.useEffect(function () {
+    var rootRefNode = rootRef.current;
     var observer = new IntersectionObserver(function (entries) {
       entries.forEach(function (_ref2) {
         var isIntersecting = _ref2.isIntersecting,
@@ -282,7 +283,7 @@ var Tabs = function Tabs(_ref) {
             left = _ref2$boundingClientR.left,
             right = _ref2$boundingClientR.right;
 
-        if (!sticky || !rootRef.current || !tabListRef.current) {
+        if (!sticky || !rootRefNode || !tabListRef.current) {
           return;
         }
 
@@ -315,11 +316,11 @@ var Tabs = function Tabs(_ref) {
     }, {
       threshold: [0, 1]
     });
-    rootRef.current && observer.observe(rootRef.current);
+    rootRefNode && observer.observe(rootRefNode);
     return function () {
-      rootRef.current && observer.unobserve(rootRef.current);
+      rootRefNode && observer.unobserve(rootRefNode);
     };
-  }, [calculateSticky]);
+  }, [calculateSticky, sticky]);
   React.useEffect(function () {
     var handleResize = (0, _lodash["default"])(function () {
       calculateSticky();
@@ -340,7 +341,7 @@ var Tabs = function Tabs(_ref) {
     return function () {
       window.removeEventListener('resize', handleResize);
     };
-  }, [calculateUnderline, calculateSticky]);
+  }, [calculateUnderline, calculateSticky, currentIndex]);
   React.useEffect(function () {
     if (!swiperInstance) {
       return;

package/dist/lib/components/TextField/TextField.js

@@ -175,7 +175,7 @@ var TextField = function TextField(_ref) {
   (0, React.useEffect)(function () {
     !isControlled && setInputValue(value);
     checkSymbolMaxLimit(value);
-  }, [value, checkSymbolMaxLimit]);
+  }, [value, checkSymbolMaxLimit, isControlled]);
   (0, React.useEffect)(function () {
     setTouch((0, _uiHelpers.detectTouch)());
   }, []);
@@ -183,7 +183,7 @@ var TextField = function TextField(_ref) {
     return setPasswordHidden(function (prevPassState) {
       return !prevPassState;
     });
-  }, [isPasswordHidden]);
+  }, []);
 
   var setTextareaHeight = function setTextareaHeight() {
     if (!(fieldNode === null || fieldNode === void 0 ? void 0 : fieldNode.current)) {
@@ -206,7 +206,7 @@ var TextField = function TextField(_ref) {
 
     !isControlled && setInputValue(e.target.value);
     checkSymbolMaxLimit(e.target.value);
-    onChange && onChange(e);
+    onChange === null || onChange === void 0 ? void 0 : onChange(e);
   };
 
   var handleTextareaClick = function handleTextareaClick() {
@@ -223,18 +223,18 @@ var TextField = function TextField(_ref) {
     var isClearFuncAvailable = !customIcon && !onCustomIconClick && verification === ERROR;
     var field = fieldNode.current;
     isPasswordType && togglePasswordHiding();
-    onCustomIconClick && onCustomIconClick(e);
+    onCustomIconClick === null || onCustomIconClick === void 0 ? void 0 : onCustomIconClick(e);
 
     if (!isControlled && isClearFuncAvailable) {
       setInputValue('');
-      field && field.focus();
+      field === null || field === void 0 ? void 0 : field.focus();
     }
-  }, [isPasswordType, togglePasswordHiding, onCustomIconClick, verification, setInputValue]);
+  }, [isPasswordType, togglePasswordHiding, onCustomIconClick, verification, customIcon, isControlled]);
   var handleFocus = (0, React.useCallback)(function (e) {
-    onFocus && onFocus(e);
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
   }, [onFocus]);
   var handleBlur = (0, React.useCallback)(function (e) {
-    onBlur && onBlur(e);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
   }, [onBlur]);
   var handleBeforeMaskChange = (0, React.useCallback)(function (newState, oldState, inputedValue) {
     return onBeforeMaskChange && onBeforeMaskChange(inputedValue, newState, oldState);
@@ -278,7 +278,7 @@ var TextField = function TextField(_ref) {
     }
 
     fieldNode.current = node;
-    inputRef && inputRef(node);
+    inputRef === null || inputRef === void 0 ? void 0 : inputRef(node);
   };
 
   var getIcon = function getIcon() {

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

@@ -52,7 +52,7 @@ var Tile = function Tile(_ref) {
       dataAttrs = _ref.dataAttrs;
 
   var handleClick = function handleClick(e) {
-    onClick && onClick(e);
+    onClick === null || onClick === void 0 ? void 0 : onClick(e);
   };
 
   var isPointer = !!href || isInteractive;

package/dist/lib/components/Tooltip/Tooltip.js

@@ -109,7 +109,7 @@ var Tooltip = function Tooltip(_ref) {
 
   (0, _react.useEffect)(function () {
     return setIsOpen(isOpened);
-  }, [isOpened, setIsOpen]);
+  }, [isOpened]);
   var options = (0, _react.useMemo)(function () {
     return {
       placement: placement,
@@ -137,7 +137,7 @@ var Tooltip = function Tooltip(_ref) {
         }
       }]
     };
-  }, [placement, arrowElement, currentBoundary, isOpen]);
+  }, [placement, arrowElement, currentBoundary, isOpen, fallbackPlacements]);
 
   var _usePopper = (0, _reactPopper.usePopper)(currentTarget, popperElement, options),
       styles = _usePopper.styles,
@@ -145,7 +145,7 @@ var Tooltip = function Tooltip(_ref) {
       update = _usePopper.update;
 
   (0, _react.useEffect)(function () {
-    update && update();
+    update === null || update === void 0 ? void 0 : update();
   }, [children, update]);
 
   var _useState7 = (0, _react.useState)(false),
@@ -155,7 +155,7 @@ var Tooltip = function Tooltip(_ref) {
 
   (0, _react.useEffect)(function () {
     return setIsTouchDevice((0, _uiHelpers.detectTouch)());
-  }, [_uiHelpers.detectTouch, setIsTouchDevice]);
+  }, []);
   var clickEvent = (0, _react.useMemo)(function () {
     return isTouchDevice ? TOUCH_KEY : MOUSE_KEY;
   }, [isTouchDevice]);
@@ -165,9 +165,9 @@ var Tooltip = function Tooltip(_ref) {
   var handleMouseEnter = (0, _react.useCallback)(function (e) {
     if (!isOpen) {
       setIsOpen(true);
-      onOpen && onOpen(e);
+      onOpen === null || onOpen === void 0 ? void 0 : onOpen(e);
     }
-  }, [isOpen, onOpen, setIsOpen]);
+  }, [isOpen, onOpen]);
   var handleClick = (0, _react.useCallback)(function (e) {
     if (!checkEventIsClickOrEnterPress(e)) {
       return;
@@ -178,24 +178,24 @@ var Tooltip = function Tooltip(_ref) {
     });
 
     if (!isOpen) {
-      onOpen && onOpen(e);
+      onOpen === null || onOpen === void 0 ? void 0 : onOpen(e);
     } else {
-      onClose && onClose(e);
+      onClose === null || onClose === void 0 ? void 0 : onClose(e);
     }
-  }, [isOpen, onOpen, onClose, setIsOpen]);
+  }, [isOpen, onOpen, onClose]);
   var handleOutsideEvent = (0, _react.useCallback)(function (e) {
     var isTargetInPopper = e.target instanceof Element && popperElement && popperElement.contains(e.target);
     var isTargetInTrigger = e.target instanceof Element && currentTrigger && currentTrigger.contains(e.target);
 
     if (!isTargetInPopper && !isTargetInTrigger) {
       setIsOpen(false);
-      onClose && onClose(e);
+      onClose === null || onClose === void 0 ? void 0 : onClose(e);
     }
-  }, [onClose, currentTrigger, popperElement, setIsOpen]);
+  }, [onClose, currentTrigger, popperElement]);
   var handleBlurEvent = (0, _react.useCallback)(function (e) {
     setIsOpen(false);
-    onClose && onClose(e);
-  }, [onClose, setIsOpen]);
+    onClose === null || onClose === void 0 ? void 0 : onClose(e);
+  }, [onClose]);
   (0, _react.useEffect)(function () {
     if (triggerEventName === TriggerEvent.HOVER) {
       if (currentTrigger) {
@@ -205,10 +205,10 @@ var Tooltip = function Tooltip(_ref) {
 
       if (isOpen) {
         document.addEventListener('mouseover', handleOutsideEvent);
-        currentTrigger && currentTrigger.addEventListener('blur', handleBlurEvent);
+        currentTrigger === null || currentTrigger === void 0 ? void 0 : currentTrigger.addEventListener('blur', handleBlurEvent);
       } else {
         document.removeEventListener('mouseover', handleOutsideEvent);
-        currentTrigger && currentTrigger.removeEventListener('blur', handleBlurEvent);
+        currentTrigger === null || currentTrigger === void 0 ? void 0 : currentTrigger.removeEventListener('blur', handleBlurEvent);
       }
 
       return function () {
@@ -222,7 +222,7 @@ var Tooltip = function Tooltip(_ref) {
     }
 
     return undefined;
-  }, [triggerEventName, isOpen, currentTrigger, handleOutsideEvent, handleMouseEnter]);
+  }, [triggerEventName, isOpen, currentTrigger, handleOutsideEvent, handleMouseEnter, handleBlurEvent]);
   (0, _react.useEffect)(function () {
     if (triggerEventName === TriggerEvent.CLICK) {
       if (currentTrigger) {
@@ -247,7 +247,7 @@ var Tooltip = function Tooltip(_ref) {
     }
 
     return undefined;
-  }, [triggerEventName, isOpen, currentTrigger, handleOutsideEvent, handleClick]);
+  }, [triggerEventName, isOpen, currentTrigger, handleOutsideEvent, handleClick, clickEvent]);
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: cn({
       paddings: paddings,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "files": [
     "dist",
     "styles"
@@ -96,5 +96,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "135afecf6e64efb26e7a751a6d812609f9c45658"
+  "gitHead": "1c92184284a8224e5832b4c2218231edfcbb4d5f"
 }