@megafon/ui-core 6.2.0 → 6.3.0

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.3.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@6.2.1...@megafon/ui-core@6.3.0) (2024-09-24)
+
+
+### Features
+
+* **tooltip:** add classes for close-button and button on Tooltip ([7c6e075](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/7c6e075a3d75fd16424f9cddb7f1295617fc4519))
+* **tooltip:** fix useEffect dependency ([69a583b](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/69a583b57e98b6fd00edb9b9685d3d9119c581c3))
+
+
+
+
+
+## [6.2.1](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@6.2.0...@megafon/ui-core@6.2.1) (2024-09-02)
+
+
+### Bug Fixes
+
+* **textfield, search, select:** added type JSX.Element to props noticeText ([3b2d9d3](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/commit/3b2d9d3ddd1c4541849c0282b331095e7c90352d))
+
+
+
+
+
 # [6.2.0](https://hq-gitlab.megafon.ru/site-portal/services/megafon-ui/compare/@megafon/ui-core@6.1.1...@megafon/ui-core@6.2.0) (2024-08-30)
 
 

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

@@ -60,7 +60,7 @@ export interface ISearchProps {
     /** Результат проверки данных */
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */

package/dist/es/components/Search/Search.js

@@ -475,7 +475,7 @@ Search.propTypes = {
   }).isRequired),
   changeDelay: PropTypes.number,
   verification: PropTypes.oneOf(['valid', 'error']),
-  noticeText: PropTypes.string,
+  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   disabled: PropTypes.bool,
   required: PropTypes.bool,
   className: PropTypes.string,

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

@@ -45,7 +45,7 @@ export interface ISelectProps<T extends SelectItemValueType> {
     /** Результат проверки данных */
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение селекта */
     disabled?: boolean;
     /** Делает поле обязательным */
@@ -101,7 +101,7 @@ declare const Select: {
         id: PropTypes.Requireable<string>;
         currentValue: PropTypes.Requireable<string | number>;
         verification: PropTypes.Requireable<"error" | "valid">;
-        noticeText: PropTypes.Requireable<string>;
+        noticeText: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
         disabled: PropTypes.Requireable<boolean>;
         required: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<string>;

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

@@ -443,7 +443,7 @@ Select.propTypes = {
   id: PropTypes.string,
   currentValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   verification: PropTypes.oneOf(Object.values(Verification)),
-  noticeText: PropTypes.string,
+  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   disabled: PropTypes.bool,
   required: PropTypes.bool,
   placeholder: PropTypes.string,

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

@@ -35,7 +35,7 @@ export declare type TextFieldProps = {
     /** Отображение валидации */
     verification?: 'valid' | 'error';
     /** Подпись снизу, меняет цвет в зависимости от аргумента verification */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Показывает обязательность поля  */

package/dist/es/components/TextField/TextField.js

@@ -518,7 +518,7 @@ TextField.propTypes = {
   customIcon: PropTypes.element,
   mask: PropTypes.string,
   maskChar: PropTypes.string,
-  noticeText: PropTypes.string,
+  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   className: PropTypes.string,
   minTextareaHeight: PropTypes.oneOf([24, 72]),
   hideResizeButton: PropTypes.bool,

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

@@ -81,6 +81,8 @@ export interface ITooltipProps {
         arrow?: string;
         content?: string;
         contentShadow?: string;
+        close?: string;
+        button?: string;
     };
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {

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

@@ -112,6 +112,8 @@ var Tooltip = function Tooltip(_ref) {
       arrowClassName = _ref$classes.arrow,
       contentClassName = _ref$classes.content,
       contentShadowClassName = _ref$classes.contentShadow,
+      closeButtonClassName = _ref$classes.close,
+      buttonClassName = _ref$classes.button,
       dataAttrs = _ref.dataAttrs,
       onOpen = _ref.onOpen,
       onClose = _ref.onClose,
@@ -318,7 +320,7 @@ var Tooltip = function Tooltip(_ref) {
       type: "button",
       className: cn('button', {
         margin: hasButtonMargin
-      })
+      }, [buttonClassName])
     }, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), {
       onClick: onClick
     }), buttonText, /*#__PURE__*/React.createElement(RightArrow, {
@@ -328,7 +330,7 @@ var Tooltip = function Tooltip(_ref) {
         margin: hasChildrenMargin
       })
     }, children));
-  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick]);
+  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick, buttonClassName]);
   var template = /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
       theme: theme,
@@ -357,7 +359,7 @@ var Tooltip = function Tooltip(_ref) {
     },
     className: cn('content', [contentClassName])
   }, hasCloseButton && /*#__PURE__*/React.createElement("button", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
-    className: cn('close-button'),
+    className: cn('close-button', [closeButtonClassName]),
     type: "button",
     onClick: handleCloseButtonClick
   }), /*#__PURE__*/React.createElement(CancelIcon, {
@@ -428,7 +430,9 @@ Tooltip.propTypes = {
     root: PropTypes.string,
     arrow: PropTypes.string,
     content: PropTypes.string,
-    contentShadow: PropTypes.string
+    contentShadow: PropTypes.string,
+    close: PropTypes.string,
+    button: PropTypes.string
   }),
   dataAttrs: PropTypes.shape({
     root: PropTypes.objectOf(PropTypes.string.isRequired),

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

@@ -60,7 +60,7 @@ export interface ISearchProps {
     /** Результат проверки данных */
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Делает поле обязательным */

package/dist/lib/components/Search/Search.js

@@ -528,7 +528,7 @@ Search.propTypes = {
   }).isRequired),
   changeDelay: PropTypes.number,
   verification: PropTypes.oneOf(['valid', 'error']),
-  noticeText: PropTypes.string,
+  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   disabled: PropTypes.bool,
   required: PropTypes.bool,
   className: PropTypes.string,

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

@@ -45,7 +45,7 @@ export interface ISelectProps<T extends SelectItemValueType> {
     /** Результат проверки данных */
     verification?: VerificationType;
     /** Дополнительный текст под полем. Свойство verification влияет на цвет текста. */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение селекта */
     disabled?: boolean;
     /** Делает поле обязательным */
@@ -101,7 +101,7 @@ declare const Select: {
         id: PropTypes.Requireable<string>;
         currentValue: PropTypes.Requireable<string | number>;
         verification: PropTypes.Requireable<"error" | "valid">;
-        noticeText: PropTypes.Requireable<string>;
+        noticeText: PropTypes.Requireable<string | PropTypes.ReactElementLike>;
         disabled: PropTypes.Requireable<boolean>;
         required: PropTypes.Requireable<boolean>;
         placeholder: PropTypes.Requireable<string>;

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

@@ -478,7 +478,7 @@ Select.propTypes = {
   id: PropTypes.string,
   currentValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   verification: PropTypes.oneOf(Object.values(Verification)),
-  noticeText: PropTypes.string,
+  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   disabled: PropTypes.bool,
   required: PropTypes.bool,
   placeholder: PropTypes.string,

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

@@ -35,7 +35,7 @@ export declare type TextFieldProps = {
     /** Отображение валидации */
     verification?: 'valid' | 'error';
     /** Подпись снизу, меняет цвет в зависимости от аргумента verification */
-    noticeText?: string;
+    noticeText?: string | JSX.Element;
     /** Отключение поля ввода */
     disabled?: boolean;
     /** Показывает обязательность поля  */

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

@@ -544,7 +544,7 @@ TextField.propTypes = {
   customIcon: PropTypes.element,
   mask: PropTypes.string,
   maskChar: PropTypes.string,
-  noticeText: PropTypes.string,
+  noticeText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   className: PropTypes.string,
   minTextareaHeight: PropTypes.oneOf([24, 72]),
   hideResizeButton: PropTypes.bool,

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

@@ -81,6 +81,8 @@ export interface ITooltipProps {
         arrow?: string;
         content?: string;
         contentShadow?: string;
+        close?: string;
+        button?: string;
     };
     /** Дополнительные data атрибуты к внутренним элементам */
     dataAttrs?: {

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

@@ -143,6 +143,8 @@ var Tooltip = function Tooltip(_ref) {
       arrowClassName = _ref$classes.arrow,
       contentClassName = _ref$classes.content,
       contentShadowClassName = _ref$classes.contentShadow,
+      closeButtonClassName = _ref$classes.close,
+      buttonClassName = _ref$classes.button,
       dataAttrs = _ref.dataAttrs,
       onOpen = _ref.onOpen,
       onClose = _ref.onClose,
@@ -351,7 +353,7 @@ var Tooltip = function Tooltip(_ref) {
       type: "button",
       className: cn('button', {
         margin: hasButtonMargin
-      })
+      }, [buttonClassName])
     }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button), {
       onClick: onClick
     }), buttonText, /*#__PURE__*/_react["default"].createElement(RightArrow, {
@@ -361,7 +363,7 @@ var Tooltip = function Tooltip(_ref) {
         margin: hasChildrenMargin
       })
     }, children));
-  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick]);
+  }, [title, text, buttonText, children, dataAttrs, renderedText, onClick, buttonClassName]);
 
   var template = /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn({
@@ -391,7 +393,7 @@ var Tooltip = function Tooltip(_ref) {
     },
     className: cn('content', [contentClassName])
   }, hasCloseButton && /*#__PURE__*/_react["default"].createElement("button", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.close), {
-    className: cn('close-button'),
+    className: cn('close-button', [closeButtonClassName]),
     type: "button",
     onClick: handleCloseButtonClick
   }), /*#__PURE__*/_react["default"].createElement(CancelIcon, {
@@ -463,7 +465,9 @@ Tooltip.propTypes = {
     root: _propTypes["default"].string,
     arrow: _propTypes["default"].string,
     content: _propTypes["default"].string,
-    contentShadow: _propTypes["default"].string
+    contentShadow: _propTypes["default"].string,
+    close: _propTypes["default"].string,
+    button: _propTypes["default"].string
   }),
   dataAttrs: _propTypes["default"].shape({
     root: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "6.2.0",
+  "version": "6.3.0",
   "files": [
     "dist",
     "styles"
@@ -99,5 +99,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "51d2691e1194c1600d683e1a521d851b4b2ac39a"
+  "gitHead": "adda2eba84cd9dd0a71bd4fdeba30c7c5d54ff6a"
 }