@megafon/ui-core 9.0.0-alpha.9 → 9.0.0

package/dist/lib/hooks/useResolution.js

@@ -7,25 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var React = _interopRequireWildcard(require("react"));
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var RESOLUTIONS;
 (function (RESOLUTIONS) {
-  RESOLUTIONS[RESOLUTIONS["MOBILE_XS_END"] = 359] = "MOBILE_XS_END";
-  RESOLUTIONS[RESOLUTIONS["MOBILE_END"] = 767] = "MOBILE_END";
+  RESOLUTIONS[RESOLUTIONS["MOBILE_XS_END"] = 360] = "MOBILE_XS_END";
+  RESOLUTIONS[RESOLUTIONS["MOBILE_END"] = 768] = "MOBILE_END";
 })(RESOLUTIONS || (RESOLUTIONS = {}));
 var _RESOLUTIONS = RESOLUTIONS,
   MOBILE_END = _RESOLUTIONS.MOBILE_END,
   MOBILE_XS_END = _RESOLUTIONS.MOBILE_XS_END;
-var MEDIA_QUERIES = {
-  MAX_WIDTH_MOBILE_XS_END: "(max-width: ".concat(MOBILE_XS_END, "px)"),
-  MAX_WIDTH_MOBILE_END: "(max-width: ".concat(MOBILE_END, "px)")
-};
-var MAX_WIDTH_MOBILE_XS_END = MEDIA_QUERIES.MAX_WIDTH_MOBILE_XS_END,
-  MAX_WIDTH_MOBILE_END = MEDIA_QUERIES.MAX_WIDTH_MOBILE_END;
 var isScreenWidthAtMost = function isScreenWidthAtMost(maxWidth) {
-  return typeof window !== 'undefined' ? window.innerWidth <= maxWidth : false;
+  return typeof window !== 'undefined' ? window.innerWidth < maxWidth : false;
 };
 function useResolution() {
   var _React$useState = React.useState(isScreenWidthAtMost(MOBILE_END)),
@@ -36,23 +31,20 @@ function useResolution() {
     _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
     isMobileExtraSmall = _React$useState4[0],
     setIsMobileExtraSmall = _React$useState4[1];
-  var handleMediaChange = function handleMediaChange(updateStateFn) {
-    return function (e) {
-      return updateStateFn(e.matches);
-    };
-  };
-  var handleMaxWidthMobileEnd = handleMediaChange(setIsMobile);
-  var handleMaxWidthMobileExtraSmall = handleMediaChange(setIsMobileExtraSmall);
+  var handleResize = React.useMemo(function () {
+    return (0, _lodash["default"])(function () {
+      var width = window.innerWidth;
+      setIsMobile(width < MOBILE_END);
+      setIsMobileExtraSmall(width < MOBILE_XS_END);
+    }, 100);
+  }, []);
   React.useEffect(function () {
-    var mobileExtraSmallQuery = window.matchMedia(MAX_WIDTH_MOBILE_XS_END);
-    var mobileQuery = window.matchMedia(MAX_WIDTH_MOBILE_END);
-    mobileExtraSmallQuery.addEventListener('change', handleMaxWidthMobileExtraSmall);
-    mobileQuery.addEventListener('change', handleMaxWidthMobileEnd);
+    window.addEventListener('resize', handleResize);
     return function () {
-      mobileExtraSmallQuery.removeEventListener('change', handleMaxWidthMobileExtraSmall);
-      mobileQuery.removeEventListener('change', handleMaxWidthMobileEnd);
+      window.removeEventListener('resize', handleResize);
+      handleResize.cancel();
     };
-  }, [handleMaxWidthMobileEnd, handleMaxWidthMobileExtraSmall]);
+  }, [handleResize]);
   return {
     isMobile: isMobile,
     isMobileExtraSmall: isMobileExtraSmall

package/dist/lib/index.d.ts

@@ -57,6 +57,7 @@ export { default as RadioButton } from './components/RadioButton/RadioButton';
 export { default as Row } from './components/Row/Row';
 export { default as ScrollBar } from './components/ScrollBar/ScrollBar';
 export { default as Search } from './components/Search/Search';
+export { default as SectionAccordionGroup } from './components/SectionAccordionGroup/SectionAccordionGroup';
 export { default as Select } from './components/Select/Select';
 export { default as Selector } from './components/Selector/Selector';
 export { default as selectReducer } from './components/Select/reducer/selectReducer';
@@ -68,6 +69,8 @@ export { default as slidesSettings } from './components/Banner/slidesSettings';
 export { default as Snackbar } from './components/Snackbar/Snackbar';
 export { default as SnackbarTimer } from './components/Snackbar/SnackbarTimer/SnackbarTimer';
 export { default as StatusBadge } from './components/Badges/StatusBadge/StatusBadge';
+export { default as Stepper } from './components/Stepper/Stepper';
+export { default as StepperItem } from './components/Stepper/StepperItem';
 export { default as Switcher } from './components/Switcher/Switcher';
 export { default as Tab } from './components/Tabs/Tab';
 export { default as Tabs } from './components/Tabs/Tabs';

package/dist/lib/index.js

@@ -345,6 +345,12 @@ Object.defineProperty(exports, "Search", {
     return _Search["default"];
   }
 });
+Object.defineProperty(exports, "SectionAccordionGroup", {
+  enumerable: true,
+  get: function get() {
+    return _SectionAccordionGroup["default"];
+  }
+});
 Object.defineProperty(exports, "Select", {
   enumerable: true,
   get: function get() {
@@ -399,6 +405,18 @@ Object.defineProperty(exports, "StatusBadge", {
     return _StatusBadge["default"];
   }
 });
+Object.defineProperty(exports, "Stepper", {
+  enumerable: true,
+  get: function get() {
+    return _Stepper["default"];
+  }
+});
+Object.defineProperty(exports, "StepperItem", {
+  enumerable: true,
+  get: function get() {
+    return _StepperItem["default"];
+  }
+});
 Object.defineProperty(exports, "Switcher", {
   enumerable: true,
   get: function get() {
@@ -590,6 +608,7 @@ var _RadioButton = _interopRequireDefault(require("./components/RadioButton/Radi
 var _Row = _interopRequireDefault(require("./components/Row/Row"));
 var _ScrollBar = _interopRequireDefault(require("./components/ScrollBar/ScrollBar"));
 var _Search = _interopRequireDefault(require("./components/Search/Search"));
+var _SectionAccordionGroup = _interopRequireDefault(require("./components/SectionAccordionGroup/SectionAccordionGroup"));
 var _Select = _interopRequireDefault(require("./components/Select/Select"));
 var _Selector = _interopRequireDefault(require("./components/Selector/Selector"));
 var _selectReducer = _interopRequireDefault(require("./components/Select/reducer/selectReducer"));
@@ -601,6 +620,8 @@ var _slidesSettings = _interopRequireDefault(require("./components/Banner/slides
 var _Snackbar = _interopRequireDefault(require("./components/Snackbar/Snackbar"));
 var _SnackbarTimer = _interopRequireDefault(require("./components/Snackbar/SnackbarTimer/SnackbarTimer"));
 var _StatusBadge = _interopRequireDefault(require("./components/Badges/StatusBadge/StatusBadge"));
+var _Stepper = _interopRequireDefault(require("./components/Stepper/Stepper"));
+var _StepperItem = _interopRequireDefault(require("./components/Stepper/StepperItem"));
 var _Switcher = _interopRequireDefault(require("./components/Switcher/Switcher"));
 var _Tab = _interopRequireDefault(require("./components/Tabs/Tab"));
 var _Tabs = _interopRequireDefault(require("./components/Tabs/Tabs"));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@megafon/ui-core",
-    "version": "9.0.0-alpha.9",
+    "version": "9.0.0",
     "files": [
         "dist",
         "styles"
@@ -50,7 +50,7 @@
         "@babel/preset-env": "^7.8.6",
         "@babel/preset-react": "^7.8.3",
         "@babel/preset-typescript": "^7.8.3",
-        "@megafon/ui-icons": "^4.0.0-alpha.3",
+        "@megafon/ui-icons": "^4.0.0",
         "@svgr/core": "^2.4.1",
         "@testing-library/jest-dom": "^6.5.0",
         "@testing-library/react": "^16.0.1",
@@ -89,7 +89,7 @@
         "@datepicker-react/hooks": "^2.7.0",
         "@dnd-kit/core": "^6.1.0",
         "@dnd-kit/sortable": "^8.0.0",
-        "@megafon/ui-helpers": "^5.0.0-alpha.1",
+        "@megafon/ui-helpers": "^5.0.0",
         "@mona-health/react-input-mask": "^3.0.3",
         "@popperjs/core": "^2.11.8",
         "core-js": "^3.6.4",
@@ -102,7 +102,7 @@
         "react-transition-group": "^4.4.5",
         "simplebar": "^6.2.6",
         "simplebar-react": "^3.2.5",
-        "swiper": "^11.1.1"
+        "swiper": "^12.1.2"
     },
-    "gitHead": "2a1e7af00b2047b8514fa07a89293cf51ad64e73"
+    "gitHead": "7bc0de9281b32fa6cda0c6d6e2b48bec67be30b7"
 }

package/styles/base.scss

@@ -155,3 +155,57 @@ h5 {
         text-decoration: underline;
     }
 }
+@mixin focus($offset: 2px) {
+    &:focus-visible {
+        @include focus-outline-styles($offset);
+    }
+
+    &:focus {
+        outline: none;
+    }
+}
+@mixin focus-outline-styles($offset: 2px) {
+    outline-offset: $offset;
+
+    animation: focus-outline-shrink 0.3s linear forwards;
+
+    @keyframes focus-outline-shrink {
+        from {
+            outline: 0 solid var(--137C);
+        }
+
+        to {
+            outline: 4px solid var(--137C);
+        }
+    }
+}
+@mixin focus-without-animation($offset: 2px) {
+    outline: 4px solid var(--137C);
+    outline-offset: $offset;
+}
+@mixin resetDefaultButtonStyles {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: none;
+    border-radius: 0;
+
+    color: inherit;
+    font-size: inherit;
+    font-family: inherit;
+    line-height: inherit;
+    text-decoration: none;
+
+    background-color: transparent;
+    outline: none;
+    cursor: pointer;
+
+    appearance: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
+    &:disabled {
+        color: inherit;
+
+        cursor: auto;
+    }
+}