@megafon/ui-core 3.8.0 → 3.9.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.
 
+# [3.9.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.8.0...@megafon/ui-core@3.9.0) (2022-05-27)
+
+
+### Bug Fixes
+
+* **select:** fix selected item color when value is zero ([9847095](https://github.com/MegafonWebLab/megafon-ui/commit/98470955ef813504d4bfa4cd4d3aba77b5458446))
+
+
+### Features
+
+* **switcher:** add data-attribute for inner element ([793a022](https://github.com/MegafonWebLab/megafon-ui/commit/793a0224ab957b938e67dd1b4d16c2389a9fb6f8))
+* **tooltip:** add portal selector props ([6188832](https://github.com/MegafonWebLab/megafon-ui/commit/6188832e9ba212e7a8182333aba06d77c3e979d6))
+
+
+
+
+
 # [3.8.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@3.7.0...@megafon/ui-core@3.8.0) (2022-05-17)
 
 

package/dist/es/components/Select/Select.js

@@ -337,7 +337,7 @@ var Select = function Select(_ref) {
 
     return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title), {
       className: cn('title', {
-        placeholder: !!placeholder && !currentValue
+        placeholder: !!placeholder && currentValue === undefined
       }, [classes === null || classes === void 0 ? void 0 : classes.title]),
       role: "button",
       tabIndex: 0,

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

@@ -5,6 +5,7 @@ export interface ISwitcherProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
+        input?: Record<string, string>;
     };
     /** Дополнительный класс корневого элемента */
     className?: string;

package/dist/es/components/Switcher/Switcher.js

@@ -40,7 +40,7 @@ var Switcher = function Switcher(_ref) {
       size: textSize,
       left: true
     })
-  }, children), /*#__PURE__*/React.createElement("div", {
+  }, children), /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input), {
     className: cn('input', {
       checked: checked,
       disabled: disabled,
@@ -50,7 +50,7 @@ var Switcher = function Switcher(_ref) {
     onClick: handleChange,
     onKeyDown: handleChange,
     tabIndex: isInteractiveDisabled ? undefined : 0
-  }, showLoader && !disabled && /*#__PURE__*/React.createElement("div", {
+  }), showLoader && !disabled && /*#__PURE__*/React.createElement("div", {
     className: cn('loader')
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('pointer')
@@ -63,7 +63,8 @@ var Switcher = function Switcher(_ref) {
 
 Switcher.propTypes = {
   dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    input: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   className: PropTypes.string,
   textSize: PropTypes.oneOf(['small', 'medium']),

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

@@ -39,6 +39,8 @@ export interface ITooltipProps {
     isOpened?: boolean;
     /** Отрендерить компонент в корневой элементе страницы body */
     isPortal?: boolean;
+    /** Рендеринг компонента в указанном селекторе */
+    portalSelector?: string;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */

package/dist/es/components/Tooltip/Tooltip.js

@@ -48,6 +48,7 @@ var Tooltip = function Tooltip(_ref) {
       isOpened = _ref$isOpened === void 0 ? false : _ref$isOpened,
       _ref$isPortal = _ref.isPortal,
       isPortal = _ref$isPortal === void 0 ? false : _ref$isPortal,
+      portalSelector = _ref.portalSelector,
       children = _ref.children,
       _ref$classes = _ref.classes;
   _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
@@ -222,12 +223,14 @@ var Tooltip = function Tooltip(_ref) {
   useEffect(function () {
     return function () {
       if (portalElem.current) {
-        document.body.removeChild(portalElem.current);
+        var parent = portalSelector ? document.querySelector(portalSelector) : document.body;
+        parent === null || parent === void 0 ? void 0 : parent.removeChild(portalElem.current);
       }
 
       portalElem.current = null;
     };
-  }, []);
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
   var template = /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       paddings: paddings,
@@ -255,7 +258,8 @@ var Tooltip = function Tooltip(_ref) {
 
   if (isPortal && !portalElem.current && typeof window !== 'undefined') {
     portalElem.current = document.createElement('div');
-    document.body.appendChild(portalElem.current);
+    var parent = portalSelector ? document.querySelector(portalSelector) : document.body;
+    parent === null || parent === void 0 ? void 0 : parent.appendChild(portalElem.current);
   }
 
   if (isPortal && portalElem.current) {
@@ -294,6 +298,7 @@ Tooltip.propTypes = {
   }), PropTypes.any])]),
   isOpened: PropTypes.bool,
   isPortal: PropTypes.bool,
+  portalSelector: PropTypes.string,
   className: PropTypes.string,
   classes: PropTypes.shape({
     root: PropTypes.string,

package/dist/lib/components/Select/Select.js

@@ -372,7 +372,7 @@ var Select = function Select(_ref) {
 
     return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.title), {
       className: cn('title', {
-        placeholder: !!placeholder && !currentValue
+        placeholder: !!placeholder && currentValue === undefined
       }, [classes === null || classes === void 0 ? void 0 : classes.title]),
       role: "button",
       tabIndex: 0,

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

@@ -5,6 +5,7 @@ export interface ISwitcherProps {
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {
         root?: Record<string, string>;
+        input?: Record<string, string>;
     };
     /** Дополнительный класс корневого элемента */
     className?: string;

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

@@ -58,7 +58,7 @@ var Switcher = function Switcher(_ref) {
       size: textSize,
       left: true
     })
-  }, children), /*#__PURE__*/React.createElement("div", {
+  }, children), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.input), {
     className: cn('input', {
       checked: checked,
       disabled: disabled,
@@ -68,7 +68,7 @@ var Switcher = function Switcher(_ref) {
     onClick: handleChange,
     onKeyDown: handleChange,
     tabIndex: isInteractiveDisabled ? undefined : 0
-  }, showLoader && !disabled && /*#__PURE__*/React.createElement("div", {
+  }), showLoader && !disabled && /*#__PURE__*/React.createElement("div", {
     className: cn('loader')
   }), /*#__PURE__*/React.createElement("div", {
     className: cn('pointer')
@@ -81,7 +81,8 @@ var Switcher = function Switcher(_ref) {
 
 Switcher.propTypes = {
   dataAttrs: PropTypes.shape({
-    root: PropTypes.objectOf(PropTypes.string.isRequired)
+    root: PropTypes.objectOf(PropTypes.string.isRequired),
+    input: PropTypes.objectOf(PropTypes.string.isRequired)
   }),
   className: PropTypes.string,
   textSize: PropTypes.oneOf(['small', 'medium']),

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

@@ -39,6 +39,8 @@ export interface ITooltipProps {
     isOpened?: boolean;
     /** Отрендерить компонент в корневой элементе страницы body */
     isPortal?: boolean;
+    /** Рендеринг компонента в указанном селекторе */
+    portalSelector?: string;
     /** Дополнительный класс корневого элемента */
     className?: string;
     /** Дополнительные классы для внутренних элементов */

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

@@ -76,6 +76,7 @@ var Tooltip = function Tooltip(_ref) {
       isOpened = _ref$isOpened === void 0 ? false : _ref$isOpened,
       _ref$isPortal = _ref.isPortal,
       isPortal = _ref$isPortal === void 0 ? false : _ref$isPortal,
+      portalSelector = _ref.portalSelector,
       children = _ref.children,
       _ref$classes = _ref.classes;
   _ref$classes = _ref$classes === void 0 ? {} : _ref$classes;
@@ -251,12 +252,14 @@ var Tooltip = function Tooltip(_ref) {
   (0, _react.useEffect)(function () {
     return function () {
       if (portalElem.current) {
-        document.body.removeChild(portalElem.current);
+        var parent = portalSelector ? document.querySelector(portalSelector) : document.body;
+        parent === null || parent === void 0 ? void 0 : parent.removeChild(portalElem.current);
       }
 
       portalElem.current = null;
     };
-  }, []);
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  []);
 
   var template = /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
@@ -286,7 +289,8 @@ var Tooltip = function Tooltip(_ref) {
 
   if (isPortal && !portalElem.current && typeof window !== 'undefined') {
     portalElem.current = document.createElement('div');
-    document.body.appendChild(portalElem.current);
+    var parent = portalSelector ? document.querySelector(portalSelector) : document.body;
+    parent === null || parent === void 0 ? void 0 : parent.appendChild(portalElem.current);
   }
 
   if (isPortal && portalElem.current) {
@@ -325,6 +329,7 @@ Tooltip.propTypes = {
   }), _propTypes["default"].any])]),
   isOpened: _propTypes["default"].bool,
   isPortal: _propTypes["default"].bool,
+  portalSelector: _propTypes["default"].string,
   className: _propTypes["default"].string,
   classes: _propTypes["default"].shape({
     root: _propTypes["default"].string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "3.8.0",
+  "version": "3.9.0",
   "files": [
     "dist",
     "styles"
@@ -97,5 +97,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "929d0fbafbdc4d2aa98f283f7c71dff21347542f"
+  "gitHead": "d73d4c12fe5847d60e6274f16e7b7b6af4d861fd"
 }