@megafon/ui-core 6.4.0 → 6.4.2

package/dist/es/components/Avatar/i/placeholder.svg

@@ -1 +1,4 @@
-<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M29.188 40.75l2.625-9.752-.42-.407A16.63 16.63 0 0020 26.312a16.642 16.642 0 00-11.393 4.292l-.42.394 2.626 9.752h18.374zM12.125 15.813a7.875 7.875 0 1015.75 0 7.875 7.875 0 00-15.75 0z"/></svg>
+<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+    <path d="M29.1875 40.75L31.8125 30.9981L31.3925 30.5913C28.272 27.7768 24.2017 26.2481 20 26.3125C15.7967 26.253 11.7267 27.7863 8.6075 30.6044L8.1875 30.9981L10.8125 40.75H29.1875Z" />
+    <path d="M12.125 15.8125C12.125 17.37 12.5869 18.8926 13.4522 20.1876C14.3175 21.4827 15.5474 22.492 16.9864 23.0881C18.4253 23.6841 20.0087 23.84 21.5363 23.5362C23.0639 23.2323 24.4671 22.4823 25.5685 21.381C26.6698 20.2796 27.4198 18.8764 27.7237 17.3488C28.0275 15.8212 27.8716 14.2378 27.2756 12.7989C26.6795 11.3599 25.6702 10.13 24.3751 9.26468C23.0801 8.39936 21.5575 7.9375 20 7.9375C17.9114 7.9375 15.9084 8.76719 14.4315 10.244C12.9547 11.7209 12.125 13.7239 12.125 15.8125Z" />
+</svg>

package/dist/es/components/Button/Button.css

@@ -48,6 +48,9 @@
 .mfui-v6-button_size-all_extra-small.mfui-v6-button_content-type_icon-text .mfui-v6-button__icon {
   margin-right: 2px;
 }
+.mfui-v6-button_size-all_extra-small .mfui-v6-button__icon-arrow {
+  margin-left: 0;
+}
 .mfui-v6-button_size-all_small {
   min-width: 40px;
   height: 40px;
@@ -117,6 +120,9 @@
   .mfui-v6-button_size-desktop_extra-small.mfui-v6-button_content-type_icon-text .mfui-v6-button__icon {
     margin-right: 2px;
   }
+  .mfui-v6-button_size-desktop_extra-small .mfui-v6-button__icon-arrow {
+    margin-left: 0;
+  }
   .mfui-v6-button_size-desktop_small {
     min-width: 40px;
     height: 40px;
@@ -187,6 +193,9 @@
   .mfui-v6-button_size-wide_extra-small.mfui-v6-button_content-type_icon-text .mfui-v6-button__icon {
     margin-right: 2px;
   }
+  .mfui-v6-button_size-wide_extra-small .mfui-v6-button__icon-arrow {
+    margin-left: 0;
+  }
   .mfui-v6-button_size-wide_small {
     min-width: 40px;
     height: 40px;
@@ -257,6 +266,9 @@
   .mfui-v6-button_size-tablet_extra-small.mfui-v6-button_content-type_icon-text .mfui-v6-button__icon {
     margin-right: 2px;
   }
+  .mfui-v6-button_size-tablet_extra-small .mfui-v6-button__icon-arrow {
+    margin-left: 0;
+  }
   .mfui-v6-button_size-tablet_small {
     min-width: 40px;
     height: 40px;
@@ -327,6 +339,9 @@
   .mfui-v6-button_size-mobile_extra-small.mfui-v6-button_content-type_icon-text .mfui-v6-button__icon {
     margin-right: 2px;
   }
+  .mfui-v6-button_size-mobile_extra-small .mfui-v6-button__icon-arrow {
+    margin-left: 0;
+  }
   .mfui-v6-button_size-mobile_small {
     min-width: 40px;
     height: 40px;

package/dist/es/components/Collapse/Collapse.js

@@ -33,7 +33,7 @@ var Collapse = function Collapse(_ref) {
   var duration = animation ? animationDuration : 0;
   var animationStart = React.useRef(null);
   var animationId = React.useRef(null);
-  var canUpdate = React.useRef(false);
+  var isBeforeOpened = React.useRef(false);
   var rootNode = React.useRef(null);
   useEffect(function () {
     animationId.current && window.cancelAnimationFrame(animationId.current);
@@ -76,28 +76,14 @@ var Collapse = function Collapse(_ref) {
     var _rootNode$current$scr = rootNode.current.scrollHeight,
         scrollHeight = _rootNode$current$scr === void 0 ? 0 : _rootNode$current$scr;
 
-    switch (true) {
-      case !canUpdate.current && isOpened:
-        rootNode.current.style.height = 'auto';
-        break;
-
-      case !canUpdate.current && !isOpened:
-        rootNode.current.style.height = '0px';
-        break;
-
-      case isOpened:
-        animationId.current = window.requestAnimationFrame(function (timePassed) {
-          return animateSlide(scrollHeight, duration, timePassed, true);
-        });
-        break;
-
-      default:
-        animationId.current = window.requestAnimationFrame(function (timePassed) {
-          return animateSlide(scrollHeight, duration, timePassed);
-        });
+    if (isBeforeOpened.current === isOpened) {
+      rootNode.current.style.height = isOpened ? 'auto' : '0px';
+    } else {
+      animationId.current = window.requestAnimationFrame(function (timePassed) {
+        return animateSlide(scrollHeight, duration, timePassed, isOpened);
+      });
+      isBeforeOpened.current = isOpened;
     }
-
-    canUpdate.current = true;
   }, [isOpened, duration, animateSlide]);
   return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className]),

package/dist/es/components/Selector/i/check.svg

@@ -1 +1,3 @@
-<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg"><path d="M4.523 8.368L12.386 0 14 1.914 4.523 12 0 7.187l1.614-1.914 2.909 3.095z"/></svg>
+<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg">
+    <path d="M4.5228 8.36841L12.386 0L14 1.91387L4.5228 12L0 7.1866L1.61401 5.27272L4.5228 8.36841Z"/>
+</svg>

package/dist/es/components/Snackbar/Snackbar.css

@@ -88,6 +88,7 @@ h5 {
           justify-content: space-between;
   min-height: 64px;
   padding: 12px 16px 12px 12px;
+  border: 2px solid var(--stcWhite10);
   background-color: var(--content);
   opacity: 0;
   -webkit-animation: 200ms linear 200ms 1 forwards snackbar-show;

package/dist/es/components/TextField/i/textarea-resizer.svg

@@ -1 +1,4 @@
-<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M1 11L11 1M7 11l4-4"/></svg>
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 11L11 1"  stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
+<path d="M7 11L11 7" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
+</svg>

package/dist/lib/components/Avatar/i/placeholder.svg

@@ -1 +1,4 @@
-<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><path d="M29.188 40.75l2.625-9.752-.42-.407A16.63 16.63 0 0020 26.312a16.642 16.642 0 00-11.393 4.292l-.42.394 2.626 9.752h18.374zM12.125 15.813a7.875 7.875 0 1015.75 0 7.875 7.875 0 00-15.75 0z"/></svg>
+<svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+    <path d="M29.1875 40.75L31.8125 30.9981L31.3925 30.5913C28.272 27.7768 24.2017 26.2481 20 26.3125C15.7967 26.253 11.7267 27.7863 8.6075 30.6044L8.1875 30.9981L10.8125 40.75H29.1875Z" />
+    <path d="M12.125 15.8125C12.125 17.37 12.5869 18.8926 13.4522 20.1876C14.3175 21.4827 15.5474 22.492 16.9864 23.0881C18.4253 23.6841 20.0087 23.84 21.5363 23.5362C23.0639 23.2323 24.4671 22.4823 25.5685 21.381C26.6698 20.2796 27.4198 18.8764 27.7237 17.3488C28.0275 15.8212 27.8716 14.2378 27.2756 12.7989C26.6795 11.3599 25.6702 10.13 24.3751 9.26468C23.0801 8.39936 21.5575 7.9375 20 7.9375C17.9114 7.9375 15.9084 8.76719 14.4315 10.244C12.9547 11.7209 12.125 13.7239 12.125 15.8125Z" />
+</svg>

package/dist/lib/components/Button/Button.css

@@ -48,6 +48,9 @@
 .mfui-v6-button_size-all_extra-small.mfui-v6-button_content-type_icon-text .mfui-v6-button__icon {
   margin-right: 2px;
 }
+.mfui-v6-button_size-all_extra-small .mfui-v6-button__icon-arrow {
+  margin-left: 0;
+}
 .mfui-v6-button_size-all_small {
   min-width: 40px;
   height: 40px;
@@ -117,6 +120,9 @@
   .mfui-v6-button_size-desktop_extra-small.mfui-v6-button_content-type_icon-text .mfui-v6-button__icon {
     margin-right: 2px;
   }
+  .mfui-v6-button_size-desktop_extra-small .mfui-v6-button__icon-arrow {
+    margin-left: 0;
+  }
   .mfui-v6-button_size-desktop_small {
     min-width: 40px;
     height: 40px;
@@ -187,6 +193,9 @@
   .mfui-v6-button_size-wide_extra-small.mfui-v6-button_content-type_icon-text .mfui-v6-button__icon {
     margin-right: 2px;
   }
+  .mfui-v6-button_size-wide_extra-small .mfui-v6-button__icon-arrow {
+    margin-left: 0;
+  }
   .mfui-v6-button_size-wide_small {
     min-width: 40px;
     height: 40px;
@@ -257,6 +266,9 @@
   .mfui-v6-button_size-tablet_extra-small.mfui-v6-button_content-type_icon-text .mfui-v6-button__icon {
     margin-right: 2px;
   }
+  .mfui-v6-button_size-tablet_extra-small .mfui-v6-button__icon-arrow {
+    margin-left: 0;
+  }
   .mfui-v6-button_size-tablet_small {
     min-width: 40px;
     height: 40px;
@@ -327,6 +339,9 @@
   .mfui-v6-button_size-mobile_extra-small.mfui-v6-button_content-type_icon-text .mfui-v6-button__icon {
     margin-right: 2px;
   }
+  .mfui-v6-button_size-mobile_extra-small .mfui-v6-button__icon-arrow {
+    margin-left: 0;
+  }
   .mfui-v6-button_size-mobile_small {
     min-width: 40px;
     height: 40px;

package/dist/lib/components/Collapse/Collapse.js

@@ -50,7 +50,7 @@ var Collapse = function Collapse(_ref) {
   var duration = animation ? animationDuration : 0;
   var animationStart = React.useRef(null);
   var animationId = React.useRef(null);
-  var canUpdate = React.useRef(false);
+  var isBeforeOpened = React.useRef(false);
   var rootNode = React.useRef(null);
   (0, React.useEffect)(function () {
     animationId.current && window.cancelAnimationFrame(animationId.current);
@@ -93,28 +93,14 @@ var Collapse = function Collapse(_ref) {
     var _rootNode$current$scr = rootNode.current.scrollHeight,
         scrollHeight = _rootNode$current$scr === void 0 ? 0 : _rootNode$current$scr;
 
-    switch (true) {
-      case !canUpdate.current && isOpened:
-        rootNode.current.style.height = 'auto';
-        break;
-
-      case !canUpdate.current && !isOpened:
-        rootNode.current.style.height = '0px';
-        break;
-
-      case isOpened:
-        animationId.current = window.requestAnimationFrame(function (timePassed) {
-          return animateSlide(scrollHeight, duration, timePassed, true);
-        });
-        break;
-
-      default:
-        animationId.current = window.requestAnimationFrame(function (timePassed) {
-          return animateSlide(scrollHeight, duration, timePassed);
-        });
+    if (isBeforeOpened.current === isOpened) {
+      rootNode.current.style.height = isOpened ? 'auto' : '0px';
+    } else {
+      animationId.current = window.requestAnimationFrame(function (timePassed) {
+        return animateSlide(scrollHeight, duration, timePassed, isOpened);
+      });
+      isBeforeOpened.current = isOpened;
     }
-
-    canUpdate.current = true;
   }, [isOpened, duration, animateSlide]);
   return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
     className: cn([className]),

package/dist/lib/components/Selector/i/check.svg

@@ -1 +1,3 @@
-<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg"><path d="M4.523 8.368L12.386 0 14 1.914 4.523 12 0 7.187l1.614-1.914 2.909 3.095z"/></svg>
+<svg viewBox="0 0 14 12" xmlns="http://www.w3.org/2000/svg">
+    <path d="M4.5228 8.36841L12.386 0L14 1.91387L4.5228 12L0 7.1866L1.61401 5.27272L4.5228 8.36841Z"/>
+</svg>

package/dist/lib/components/Snackbar/Snackbar.css

@@ -88,6 +88,7 @@ h5 {
           justify-content: space-between;
   min-height: 64px;
   padding: 12px 16px 12px 12px;
+  border: 2px solid var(--stcWhite10);
   background-color: var(--content);
   opacity: 0;
   -webkit-animation: 200ms linear 200ms 1 forwards snackbar-show;

package/dist/lib/components/TextField/i/textarea-resizer.svg

@@ -1 +1,4 @@
-<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M1 11L11 1M7 11l4-4"/></svg>
+<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+<path d="M1 11L11 1"  stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
+<path d="M7 11L11 7" stroke-opacity="0.2" stroke-width="2" stroke-linecap="round"/>
+</svg>

package/package.json

@@ -1,103 +1,103 @@
 {
-  "name": "@megafon/ui-core",
-  "version": "6.4.0",
-  "files": [
-    "dist",
-    "styles"
-  ],
-  "main": "dist/lib/index.js",
-  "module": "dist/es/index.js",
-  "typings": "dist/lib/index.d.ts",
-  "sideEffects": [
-    "*.css",
-    "*.less"
-  ],
-  "author": "MegaFon",
-  "license": "MIT",
-  "scripts": {
-    "build": "gulp build",
-    "cleanDist": "rm -rf dist styles",
-    "coverage": "yarn coverage:unit",
-    "coverage:unit": "jest --coverage",
-    "typecheck": "tsc --noEmit -p .",
-    "prettier:check": "prettier --list-different \"src/**/*.{js,jsx,ts,tsx}\"",
-    "prettier:fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
-    "lint": "yarn lint:ts && yarn lint:less",
-    "lint:ts": "eslint --ext .js,.jsx,.ts,.tsx src --max-warnings=0",
-    "lint:less": "stylelint --syntax less src/**/*.less src/**/**/*.less",
-    "lint:less:fix": "yarn lint:less --fix",
-    "test": "yarn test:unit",
-    "test:unit": "jest",
-    "test:update": "jest --updateSnapshot"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "lint-staged": {
-    "src/**/**/*.(js|jsx|ts|tsx)": [
-      "eslint --max-warnings=0 --config ../../.eslintrc.json"
-    ]
-  },
-  "peerDependencies": {
-    "@megafon/ui-icons": "^2.0.0",
-    "react": ">=16.13.0",
-    "react-dom": ">=16.13.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.8.6",
-    "@babel/plugin-transform-object-assign": "^7.8.3",
-    "@babel/plugin-transform-runtime": "^7.8.3",
-    "@babel/preset-env": "^7.8.6",
-    "@babel/preset-react": "^7.8.3",
-    "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.29.0",
-    "@svgr/core": "^2.4.1",
-    "@testing-library/jest-dom": "5.16.2",
-    "@testing-library/react": "12.1.2",
-    "@testing-library/react-hooks": "^7.0.1",
-    "@testing-library/user-event": "13.5.0",
-    "@types/enzyme": "^3.10.5",
-    "@types/enzyme-adapter-react-16": "^1.0.6",
-    "@types/jest": "^25.1.3",
-    "@types/node": "^13.9.1",
-    "@types/prop-types": "^15.7.3",
-    "@types/react": "^16.9.23",
-    "@types/react-dom": "^16.9.5",
-    "babel-plugin-module-resolver": "^3.2.0",
-    "del": "^3.0.0",
-    "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
-    "enzyme-to-json": "^3.4.4",
-    "glob": "^7.1.6",
-    "gulp": "^4.0.2",
-    "gulp-babel": "^8.0.0-beta.2",
-    "gulp-imagemin": "^7.1.0",
-    "gulp-less": "^4.0.1",
-    "gulp-typescript": "^5.0.1",
-    "jest": "^25.1.0",
-    "less-plugin-autoprefix": "^2.0.0",
-    "merge2": "^1.3.0",
-    "react": "^16.13.0",
-    "react-dom": "^16.13.0",
-    "stylelint": "^9.10.1",
-    "through2": "^2.0.5",
-    "typescript": "^3.8.3"
-  },
-  "dependencies": {
-    "@babel/runtime": "^7.8.4",
-    "@datepicker-react/hooks": "^2.7.0",
-    "@dnd-kit/core": "^6.1.0",
-    "@dnd-kit/sortable": "^8.0.0",
-    "@megafon/ui-helpers": "^2.6.0",
-    "@popperjs/core": "^2.5.3",
-    "core-js": "^3.6.4",
-    "date-fns": "^2.16.1",
-    "lodash.debounce": "^4.0.8",
-    "lodash.throttle": "^4.1.1",
-    "prop-types": "^15.7.2",
-    "react-input-mask": "^2.0.4",
-    "react-popper": "^2.2.3",
-    "swiper": "^6.5.6"
-  },
-  "gitHead": "b1eeb93c7ce3fb201938cc46130367d0334c2914"
+    "name": "@megafon/ui-core",
+    "version": "6.4.2",
+    "files": [
+        "dist",
+        "styles"
+    ],
+    "main": "dist/lib/index.js",
+    "module": "dist/es/index.js",
+    "typings": "dist/lib/index.d.ts",
+    "sideEffects": [
+        "*.css",
+        "*.less"
+    ],
+    "author": "MegaFon",
+    "license": "MIT",
+    "scripts": {
+        "build": "gulp build",
+        "cleanDist": "rm -rf dist styles",
+        "coverage": "yarn coverage:unit",
+        "coverage:unit": "jest --coverage",
+        "typecheck": "tsc --noEmit -p .",
+        "prettier:check": "prettier --list-different \"src/**/*.{js,jsx,ts,tsx}\"",
+        "prettier:fix": "prettier --write \"src/**/*.{js,jsx,ts,tsx}\"",
+        "lint": "yarn lint:ts && yarn lint:less",
+        "lint:ts": "eslint --ext .js,.jsx,.ts,.tsx src --max-warnings=0",
+        "lint:less": "stylelint --syntax less src/**/*.less src/**/**/*.less",
+        "lint:less:fix": "yarn lint:less --fix",
+        "test": "yarn test:unit",
+        "test:unit": "jest",
+        "test:update": "jest --updateSnapshot"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "lint-staged": {
+        "src/**/**/*.(js|jsx|ts|tsx)": [
+            "eslint --max-warnings=0 --config ../../.eslintrc.json"
+        ]
+    },
+    "peerDependencies": {
+        "@megafon/ui-icons": "^2.0.0",
+        "react": ">=16.13.0",
+        "react-dom": ">=16.13.0"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.8.6",
+        "@babel/plugin-transform-object-assign": "^7.8.3",
+        "@babel/plugin-transform-runtime": "^7.8.3",
+        "@babel/preset-env": "^7.8.6",
+        "@babel/preset-react": "^7.8.3",
+        "@babel/preset-typescript": "^7.8.3",
+        "@megafon/ui-icons": "^2.30.0",
+        "@svgr/core": "^2.4.1",
+        "@testing-library/jest-dom": "5.16.2",
+        "@testing-library/react": "12.1.2",
+        "@testing-library/react-hooks": "^7.0.1",
+        "@testing-library/user-event": "13.5.0",
+        "@types/enzyme": "^3.10.5",
+        "@types/enzyme-adapter-react-16": "^1.0.6",
+        "@types/jest": "^25.1.3",
+        "@types/node": "^13.9.1",
+        "@types/prop-types": "^15.7.3",
+        "@types/react": "^16.9.23",
+        "@types/react-dom": "^16.9.5",
+        "babel-plugin-module-resolver": "^3.2.0",
+        "del": "^3.0.0",
+        "enzyme": "^3.11.0",
+        "enzyme-adapter-react-16": "^1.15.2",
+        "enzyme-to-json": "^3.4.4",
+        "glob": "^7.1.6",
+        "gulp": "^4.0.2",
+        "gulp-babel": "^8.0.0-beta.2",
+        "gulp-imagemin": "^7.1.0",
+        "gulp-less": "^4.0.1",
+        "gulp-typescript": "^5.0.1",
+        "jest": "^25.1.0",
+        "less-plugin-autoprefix": "^2.0.0",
+        "merge2": "^1.3.0",
+        "react": "^16.13.0",
+        "react-dom": "^16.13.0",
+        "stylelint": "^9.10.1",
+        "through2": "^2.0.5",
+        "typescript": "^3.8.3"
+    },
+    "dependencies": {
+        "@babel/runtime": "^7.8.4",
+        "@datepicker-react/hooks": "^2.7.0",
+        "@dnd-kit/core": "^6.1.0",
+        "@dnd-kit/sortable": "^8.0.0",
+        "@megafon/ui-helpers": "^2.6.0",
+        "@popperjs/core": "^2.5.3",
+        "core-js": "^3.6.4",
+        "date-fns": "^2.16.1",
+        "lodash.debounce": "^4.0.8",
+        "lodash.throttle": "^4.1.1",
+        "prop-types": "^15.7.2",
+        "react-input-mask": "^2.0.4",
+        "react-popper": "^2.2.3",
+        "swiper": "^6.5.6"
+    },
+    "gitHead": "fea7e711b2427c835cd6ec8016df37d7996ef4de"
 }