@sima-land/ui-nucleons 44.2.4 → 44.2.7

package/_internal/body-scroll.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.allowTouchMove = exports.useBodyScrollLock = void 0;
 const body_scroll_lock_1 = require("body-scroll-lock");
-const react_1 = require("react");
 const constants_1 = require("../constants");
+const hooks_1 = require("../hooks");
 /**
  * Хук управления блокировкой прокрутки body.
  * @param ref Реф элемента для которого нужно отключить прокрутку body.
@@ -11,7 +11,7 @@ const constants_1 = require("../constants");
  * @param options Опции.
  */
 const useBodyScrollLock = (ref, needDisable, options) => {
-    (0, react_1.useEffect)(() => {
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
         const element = ref.current;
         if (element && needDisable) {
             (0, body_scroll_lock_1.disableBodyScroll)(element, options);

package/hooks/index.d.ts

@@ -26,4 +26,4 @@ export declare const useOutsideClick: (elementRef: React.MutableRefObject<HTMLEl
  * Нужен для того чтобы не получать ошибку при использовании в SSR с NodeJS.
  * @see {@link https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85#gistcomment-2911761}
  */
-export declare const useIsomorphicLayoutEffect: typeof React.useEffect;
+export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sima-land/ui-nucleons",
-  "version": "44.2.4",
+  "version": "44.2.7",
   "repository": "ssh://git@github.com:sima-land/ui-nucleons.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",

package/range/index.js

@@ -280,8 +280,8 @@ class Range extends react_1.Component {
                     width: `${finish - start}%`,
                 } }),
             react_1.default.createElement("div", { ref: this.containerRef, className: cx('range-container-base', 'range-container-styled') },
-                react_1.default.createElement("button", { type: 'button', ref: this.startThumbRef, className: cx('thumb-base', 'thumb-styled'), style: { left: `${start}%` } }),
-                react_1.default.createElement("button", { type: 'button', ref: this.finishThumbRef, className: cx('thumb-base', 'thumb-styled'), style: { left: `${finish}%` } }))));
+                react_1.default.createElement("button", { type: 'button', "aria-label": '\u041D\u0430\u0447\u0430\u043B\u044C\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0434\u0438\u0430\u043F\u0430\u0437\u043E\u043D\u0430', ref: this.startThumbRef, className: cx('thumb-base', 'thumb-styled'), style: { left: `${start}%` }, "data-testid": 'range:thumb-start' }),
+                react_1.default.createElement("button", { type: 'button', "aria-label": '\u041A\u043E\u043D\u0435\u0447\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u0434\u0438\u0430\u043F\u0430\u0437\u043E\u043D\u0430', ref: this.finishThumbRef, className: cx('thumb-base', 'thumb-styled'), style: { left: `${finish}%` }, "data-testid": 'range:thumb-end' }))));
     }
 }
 exports.Range = Range;

package/screen/slots.js

@@ -48,6 +48,7 @@ const hooks_1 = require("../hooks");
 const loading_overlay_1 = require("../loading-overlay");
 const utils_1 = require("./utils");
 const screen_module_scss_1 = __importDefault(require("./screen.module.scss"));
+const constants_1 = require("../constants");
 /**
  * Слот шапки экрана.
  * @param props Свойства.
@@ -90,7 +91,7 @@ exports.BodySlot = (0, react_1.forwardRef)(function BodySlot({ children }, outer
     (0, hooks_1.useInfiniteScroll)(ref, { onFullScroll, threshold: fullScrollThreshold });
     return (
     // ВАЖНО: элемент с ref должен выводиться всегда (без условий), т.к. он нужен для блокировки прокрутки
-    react_1.default.createElement("div", { ref: ref, className: screen_module_scss_1.default.body, "data-testid": 'screen:body' }, loading ? (react_1.default.createElement(loading_overlay_1.LoadingOverlay, Object.assign({}, loadingOverlayProps, { fill: false, style: { height: '100%' } }))) : (children)));
+    react_1.default.createElement("div", Object.assign({ ref: ref, className: screen_module_scss_1.default.body, "data-testid": 'screen:body' }, { [constants_1.BSL_IGNORE_ATTR]: true }), loading ? (react_1.default.createElement(loading_overlay_1.LoadingOverlay, Object.assign({}, loadingOverlayProps, { fill: false, style: { height: '100%' } }))) : (children)));
 });
 /**
  * Слот футера экрана.