@megafon/ui-core 4.16.1 → 5.0.1

package/CHANGELOG.md

@@ -3,6 +3,41 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.0.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@5.0.0...@megafon/ui-core@5.0.1) (2023-07-10)
+
+
+### Bug Fixes
+
+* **tile:** remove shadow prop deprecated values: low, high ([87982fc](https://github.com/MegafonWebLab/megafon-ui/commit/87982fcad5483256fd5db21a6d9a5a567e34e856))
+
+
+
+
+
+# [5.0.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.16.1...@megafon/ui-core@5.0.0) (2023-06-22)
+
+
+### Bug Fixes
+
+* **textfield:** rename prop onCustomIconClick; change behavior of clear icon; ([4b827a6](https://github.com/MegafonWebLab/megafon-ui/commit/4b827a682c8139674fb8dc14c7bd92c25c8ec789))
+
+
+### BREAKING CHANGES
+
+* **textfield:** Prop onCustomIconClick renamed to onIconClick. Clicking on the clear icon performs the following
+actions: clearing and focusing the field, triggering the change event with an empty value.
+These actions are performed in both controlled and uncontrolled state, regardless of the
+presence of a onIconClick handler.
+
+How to migrate:
+- rename prop onCustomIconClick to onIconClick;
+- remove clear field in handler onIconClick;
+- remove field focus in handler onIconClick;
+
+
+
+
+
 ## [4.16.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.16.0...@megafon/ui-core@4.16.1) (2023-05-23)
 
 

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

@@ -9,10 +9,6 @@ declare const NotificationTypes: {
 declare type NotificationType = typeof NotificationTypes[keyof typeof NotificationTypes];
 declare const ShadowTypes: {
     readonly ZERO: "zero";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly LOW: "low";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly HIGH: "high";
     readonly HOVER: "hover";
     readonly PRESSED: "pressed";
     readonly DEFAULT: "default";

package/dist/es/components/Notification/Notification.js

@@ -82,12 +82,6 @@ var NotificationTypes = {
 };
 var ShadowTypes = {
   ZERO: 'zero',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  LOW: 'low',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  HIGH: 'high',
   HOVER: 'hover',
   PRESSED: 'pressed',
   DEFAULT: 'default'

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

@@ -109,8 +109,8 @@ export declare type TextFieldProps = {
     onFocus?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /** Обработчик поднятия клавиши */
     onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /** Обработчик клика добавленной иконки */
-    onCustomIconClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /** Обработчик клика по иконке */
+    onIconClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
 declare const TextField: React.FC<TextFieldProps>;
 export default TextField;

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

@@ -4,6 +4,7 @@ import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.parse-float.js";
 import "core-js/modules/es.regexp.exec.js";
 import "core-js/modules/es.string.replace.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
 import "core-js/modules/es.array.concat.js";
 import "core-js/modules/es.object.values.js";
 
@@ -117,7 +118,7 @@ var TextField = function TextField(_ref) {
       onBlur = _ref.onBlur,
       onChange = _ref.onChange,
       onBeforeMaskChange = _ref.onBeforeMaskChange,
-      onCustomIconClick = _ref.onCustomIconClick,
+      onIconClick = _ref.onIconClick,
       onFocus = _ref.onFocus,
       onKeyUp = _ref.onKeyUp,
       _ref$theme = _ref.theme,
@@ -298,16 +299,23 @@ var TextField = function TextField(_ref) {
   };
 
   var handleIconClick = useCallback(function (e) {
-    var isClearFuncAvailable = !customIcon && !onCustomIconClick && hasClearIcon;
+    var _a;
+
     var field = fieldNode.current;
     isPasswordType && togglePasswordHiding();
-    onCustomIconClick === null || onCustomIconClick === void 0 ? void 0 : onCustomIconClick(e);
 
-    if (!isControlled && isClearFuncAvailable) {
-      setInputValue('');
+    if (!customIcon && hasClearIcon) {
+      var nativeInputValue = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value');
+      var inputEvent = new Event('change', {
+        bubbles: true
+      });
+      (_a = nativeInputValue === null || nativeInputValue === void 0 ? void 0 : nativeInputValue.set) === null || _a === void 0 ? void 0 : _a.call(field, '');
+      field === null || field === void 0 ? void 0 : field.dispatchEvent(inputEvent);
       field === null || field === void 0 ? void 0 : field.focus();
     }
-  }, [isPasswordType, togglePasswordHiding, onCustomIconClick, customIcon, isControlled, hasClearIcon]);
+
+    onIconClick === null || onIconClick === void 0 ? void 0 : onIconClick(e);
+  }, [isPasswordType, togglePasswordHiding, onIconClick, customIcon, hasClearIcon]);
   var handleFocus = useCallback(function (e) {
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
   }, [onFocus]);
@@ -430,7 +438,7 @@ var TextField = function TextField(_ref) {
       className: cn('icon-box', {
         error: isErrorVerification && !customIcon,
         password: isPasswordType,
-        'custom-handler': !!onCustomIconClick
+        'custom-handler': !!onIconClick
       }),
       onClick: handleIconClick
     }), icon);
@@ -520,7 +528,7 @@ TextField.propTypes = {
   onBlur: PropTypes.func,
   onFocus: PropTypes.func,
   onKeyUp: PropTypes.func,
-  onCustomIconClick: PropTypes.func,
+  onIconClick: PropTypes.func,
   inputRef: PropTypes.func,
   classes: PropTypes.shape({
     label: PropTypes.string,

package/dist/es/components/Tile/Tile.css

@@ -8,22 +8,6 @@
 .mfui-tile_pointer {
   cursor: pointer;
 }
-.mfui-tile_theme_light.mfui-tile_shadow_low {
-  -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
-          box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
-}
-.mfui-tile_theme_light.mfui-tile_shadow_high {
-  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
-          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
-}
-.mfui-tile_theme_dark.mfui-tile_shadow_low {
-  -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.45);
-          box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.45);
-}
-.mfui-tile_theme_dark.mfui-tile_shadow_high {
-  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.25);
-          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.25);
-}
 .mfui-tile_theme_light.mfui-tile_shadow_default {
   -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
           box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);

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

@@ -15,10 +15,6 @@ export declare const ShadowLevel: {
     readonly DEFAULT: "default";
     readonly HOVER: "hover";
     readonly PRESSED: "pressed";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly HIGH: "high";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly LOW: "low";
 };
 declare type ShadowLevelType = typeof ShadowLevel[keyof typeof ShadowLevel];
 export interface ITileProps {

package/dist/es/components/Tile/Tile.js

@@ -16,13 +16,7 @@ export var ShadowLevel = {
   ZERO: 'zero',
   DEFAULT: 'default',
   HOVER: 'hover',
-  PRESSED: 'pressed',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  HIGH: 'high',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  LOW: 'low'
+  PRESSED: 'pressed'
 };
 var cn = cnCreate('mfui-tile');
 

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

@@ -362,7 +362,7 @@ var Tooltip = function Tooltip(_ref) {
     className: cn('close-icon')
   })), isBigSize && renderedFullContent, !isBigSize && !!text && renderedText), /*#__PURE__*/React.createElement(Tile, {
     radius: "rounded",
-    shadowLevel: "high",
+    shadowLevel: "pressed",
     className: cn('content-shadow', [contentShadowClassName])
   })));
   /* Не в эффекте, чтобы не создавать лишний перерендер компонента. Из-за синхронности кода в return уже будет элемент */

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

@@ -9,10 +9,6 @@ declare const NotificationTypes: {
 declare type NotificationType = typeof NotificationTypes[keyof typeof NotificationTypes];
 declare const ShadowTypes: {
     readonly ZERO: "zero";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly LOW: "low";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly HIGH: "high";
     readonly HOVER: "hover";
     readonly PRESSED: "pressed";
     readonly DEFAULT: "default";

package/dist/lib/components/Notification/Notification.js

@@ -106,12 +106,6 @@ var NotificationTypes = {
 };
 var ShadowTypes = {
   ZERO: 'zero',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  LOW: 'low',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  HIGH: 'high',
   HOVER: 'hover',
   PRESSED: 'pressed',
   DEFAULT: 'default'

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

@@ -109,8 +109,8 @@ export declare type TextFieldProps = {
     onFocus?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     /** Обработчик поднятия клавиши */
     onKeyUp?: (e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /** Обработчик клика добавленной иконки */
-    onCustomIconClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /** Обработчик клика по иконке */
+    onIconClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
 declare const TextField: React.FC<TextFieldProps>;
 export default TextField;

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

@@ -19,6 +19,8 @@ require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.replace.js");
 
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
 require("core-js/modules/es.array.concat.js");
 
 require("core-js/modules/es.object.values.js");
@@ -146,7 +148,7 @@ var TextField = function TextField(_ref) {
       onBlur = _ref.onBlur,
       onChange = _ref.onChange,
       onBeforeMaskChange = _ref.onBeforeMaskChange,
-      onCustomIconClick = _ref.onCustomIconClick,
+      onIconClick = _ref.onIconClick,
       onFocus = _ref.onFocus,
       onKeyUp = _ref.onKeyUp,
       _ref$theme = _ref.theme,
@@ -327,16 +329,23 @@ var TextField = function TextField(_ref) {
   };
 
   var handleIconClick = (0, React.useCallback)(function (e) {
-    var isClearFuncAvailable = !customIcon && !onCustomIconClick && hasClearIcon;
+    var _a;
+
     var field = fieldNode.current;
     isPasswordType && togglePasswordHiding();
-    onCustomIconClick === null || onCustomIconClick === void 0 ? void 0 : onCustomIconClick(e);
 
-    if (!isControlled && isClearFuncAvailable) {
-      setInputValue('');
+    if (!customIcon && hasClearIcon) {
+      var nativeInputValue = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value');
+      var inputEvent = new Event('change', {
+        bubbles: true
+      });
+      (_a = nativeInputValue === null || nativeInputValue === void 0 ? void 0 : nativeInputValue.set) === null || _a === void 0 ? void 0 : _a.call(field, '');
+      field === null || field === void 0 ? void 0 : field.dispatchEvent(inputEvent);
       field === null || field === void 0 ? void 0 : field.focus();
     }
-  }, [isPasswordType, togglePasswordHiding, onCustomIconClick, customIcon, isControlled, hasClearIcon]);
+
+    onIconClick === null || onIconClick === void 0 ? void 0 : onIconClick(e);
+  }, [isPasswordType, togglePasswordHiding, onIconClick, customIcon, hasClearIcon]);
   var handleFocus = (0, React.useCallback)(function (e) {
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
   }, [onFocus]);
@@ -455,7 +464,7 @@ var TextField = function TextField(_ref) {
       className: cn('icon-box', {
         error: isErrorVerification && !customIcon,
         password: isPasswordType,
-        'custom-handler': !!onCustomIconClick
+        'custom-handler': !!onIconClick
       }),
       onClick: handleIconClick
     }), icon);
@@ -545,7 +554,7 @@ TextField.propTypes = {
   onBlur: PropTypes.func,
   onFocus: PropTypes.func,
   onKeyUp: PropTypes.func,
-  onCustomIconClick: PropTypes.func,
+  onIconClick: PropTypes.func,
   inputRef: PropTypes.func,
   classes: PropTypes.shape({
     label: PropTypes.string,

package/dist/lib/components/Tile/Tile.css

@@ -8,22 +8,6 @@
 .mfui-tile_pointer {
   cursor: pointer;
 }
-.mfui-tile_theme_light.mfui-tile_shadow_low {
-  -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
-          box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.25);
-}
-.mfui-tile_theme_light.mfui-tile_shadow_high {
-  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
-          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.15);
-}
-.mfui-tile_theme_dark.mfui-tile_shadow_low {
-  -webkit-box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.45);
-          box-shadow: 0 0.25px 3px rgba(0, 0, 0, 0.45);
-}
-.mfui-tile_theme_dark.mfui-tile_shadow_high {
-  -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.25);
-          box-shadow: 0 2px 9px rgba(0, 0, 0, 0.25);
-}
 .mfui-tile_theme_light.mfui-tile_shadow_default {
   -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
           box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);

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

@@ -15,10 +15,6 @@ export declare const ShadowLevel: {
     readonly DEFAULT: "default";
     readonly HOVER: "hover";
     readonly PRESSED: "pressed";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly HIGH: "high";
-    /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-    readonly LOW: "low";
 };
 declare type ShadowLevelType = typeof ShadowLevel[keyof typeof ShadowLevel];
 export interface ITileProps {

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

@@ -31,13 +31,7 @@ var ShadowLevel = {
   ZERO: 'zero',
   DEFAULT: 'default',
   HOVER: 'hover',
-  PRESSED: 'pressed',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  HIGH: 'high',
-
-  /**  @deprecated TODO: нужно удалить значение при выпуске мажорной версии */
-  LOW: 'low'
+  PRESSED: 'pressed'
 };
 exports.ShadowLevel = ShadowLevel;
 var cn = (0, _uiHelpers.cnCreate)('mfui-tile');

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

@@ -395,7 +395,7 @@ var Tooltip = function Tooltip(_ref) {
     className: cn('close-icon')
   })), isBigSize && renderedFullContent, !isBigSize && !!text && renderedText), /*#__PURE__*/_react["default"].createElement(_Tile["default"], {
     radius: "rounded",
-    shadowLevel: "high",
+    shadowLevel: "pressed",
     className: cn('content-shadow', [contentShadowClassName])
   })));
   /* Не в эффекте, чтобы не создавать лишний перерендер компонента. Из-за синхронности кода в return уже будет элемент */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-core",
-  "version": "4.16.1",
+  "version": "5.0.1",
   "files": [
     "dist",
     "styles"
@@ -54,7 +54,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.11.0",
+    "@megafon/ui-icons": "^2.12.0",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -100,5 +100,5 @@
     "react-popper": "^2.2.3",
     "swiper": "^6.5.6"
   },
-  "gitHead": "511c2426a2f60050064028622ccbd0312198286a"
+  "gitHead": "363663b39f257510b1ae1ee3c776d15d7f075a1f"
 }