@qlean/york-web - npm Package Compare versions

Comparing version 3.1.0 to 3.2.0

lib/components/simple/Tooltip/index.js

@@ -32,3 +32,3 @@ "use strict";
   componentId: "vpygtr-0"
-})(["position:absolute;display:flex;justify-content:center;width:", "px;transition:opacity ", "s ease-in-out;transition-delay:0.1s;opacity:0;pointer-events:none;z-index:", ";"], _utils.minScreenWidth - screenMargin * 2, _utils.transitionTimings["short"], _utils.zIndexes.dropdown);
+})(["position:absolute;display:flex;justify-content:center;width:", "px;transition:opacity ", "s ease-in-out;transition-delay:0.1s;pointer-events:none;z-index:", ";"], _utils.minScreenWidth - screenMargin * 2, _utils.transitionTimings["short"], _utils.zIndexes.dropdown);
 /**
@@ -44,3 +44,3 @@ * `line-height: 0;` используется для сброса наследование, без него, блок начинает занимать
   componentId: "vpygtr-1"
-})(["padding:", "px;background-color:", ";border-radius:", ";line-height:0;"], _utils.sizes[4], _yorkCore.colors.black, _utils.borderRadiuses.medium);
+})(["padding:", "px ", "px;background-color:", ";border-radius:", ";line-height:0;"], _utils.sizes[2], _utils.sizes[3], _yorkCore.colors.black, _utils.borderRadiuses.medium);
 
@@ -108,7 +108,7 @@ var StyledTooltipPointer = _styledComponents["default"].span.withConfig({
     на событие "все шрифты загружены". Кроме того, этот способ работает с SSR.
-     useLayoutEffect все еще нужен на случай изменения пропсов.
+     useEffect все еще нужен на случай изменения пропсов.
   */
 
 
-  (0, _react.useLayoutEffect)(positionTooltip);
+  (0, _react.useEffect)(positionTooltip);
   (0, _react.useEffect)(function () {
@@ -128,11 +128,11 @@ window.addEventListener('resize', positionTooltip);
     ref: tooltipContentRef
-  }, typeof tooltip === 'string' ? _react["default"].createElement(_primitive.Text, {
+  }, _react["default"].isValidElement(tooltip) ? tooltip : _react["default"].createElement(_primitive.Text, {
     htmTag: "div",
     color: "white",
     preset: "caption"
-  }, tooltip) : tooltip)));
+  }, tooltip))));
 }
 
 Tooltip.propTypes = {
-  /** Содержимое тултипа. Если это строка, она будет обернута в `<Text>` с параметрами по умолчанию. */
+  /** Содержимое тултипа. Если это элемент, то оно будет отображено как есть, иначе — обернуто в `<Text>` */
   tooltip: _propTypes["default"].node.isRequired,
@@ -139,0 +139,0 @@

package.json

 {
   "name": "@qlean/york-web",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "",
@@ -25,3 +25,3 @@ "license": "MIT",
   },
-  "gitHead": "a6a1dca015b5907b970900833610bf8efeced55e"
+  "gitHead": "69cc0192863d5f486160e6efd717924854c85729"
 }

src/components/simple/Tooltip/index.js

@@ -1,2 +0,2 @@
-import React, { useRef, useEffect, useLayoutEffect } from 'react'
+import React, { useRef, useEffect } from 'react'
 import PropTypes from 'prop-types'
@@ -28,3 +28,2 @@ import styled from 'styled-components'
   transition-delay: 0.1s;
-  opacity: 0;
   pointer-events: none;
@@ -40,3 +39,3 @@ z-index: ${zIndexes.dropdown};
 const StyledTooltipContent = styled.span`
-  padding: ${sizes[4]}px;
+  padding: ${sizes[2]}px ${sizes[3]}px;
   background-color: ${colors.black};
@@ -112,6 +111,6 @@ border-radius: ${borderRadiuses.medium};
 
-    useLayoutEffect все еще нужен на случай изменения пропсов.
+    useEffect все еще нужен на случай изменения пропсов.
   */
 
-  useLayoutEffect(positionTooltip)
+  useEffect(positionTooltip)
 
@@ -131,8 +130,8 @@ useEffect(() => {
         <StyledTooltipContent ref={tooltipContentRef}>
-          {typeof tooltip === 'string' ? (
+          {React.isValidElement(tooltip) ? (
+            tooltip
+          ) : (
             <Text htmTag="div" color="white" preset="caption">
               {tooltip}
             </Text>
-          ) : (
-            tooltip
           )}
@@ -146,3 +145,3 @@ </StyledTooltipContent>
 Tooltip.propTypes = {
-  /** Содержимое тултипа. Если это строка, она будет обернута в `<Text>` с параметрами по умолчанию. */
+  /** Содержимое тултипа. Если это элемент, то оно будет отображено как есть, иначе — обернуто в `<Text>` */
   tooltip: PropTypes.node.isRequired,
@@ -149,0 +148,0 @@ /** Элемент, относительно коротого позиционируется тултип. Может быть как строчным, так и блочным. */

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

130748

increased by0.01%

Worsened metrics

Lines of code

2372

decreased by-0.04%

No dependency changes