@sima-land/ui-nucleons 43.0.1 → 43.0.2

package/carousel/draggable.d.ts

@@ -22,7 +22,6 @@ export interface DraggableProps {
     transitionDuration?: number;
     containerProps?: React.HTMLProps<HTMLDivElement>;
 }
-declare type Cb = () => void;
 /**
  * Компонент области, которую можно прокручивать перетаскиванием.
  */
@@ -33,7 +32,7 @@ export default class Draggable extends Component<DraggableProps> {
     currentOffset: IPoint;
     clientPosition: IPoint;
     draggableRef: React.RefObject<HTMLDivElement>;
-    offList: Array<Cb>;
+    offList: Array<VoidFunction>;
     /**
      * Конструктор компонента области, которую можно прокручивать перетаскиванием.
      * @param props Свойства.
@@ -76,7 +75,7 @@ export default class Draggable extends Component<DraggableProps> {
      * Предотвращает клик если было произведено смещение мышью.
      * @param event Событие окончания захвата.
      */
-    handleClick(event: React.MouseEvent<HTMLDivElement>): void;
+    handleClickCapture(event: React.MouseEvent<HTMLDivElement>): void;
     /**
      * Возвращает разницу последней сохраненной позиции и позиции в переданном событии.
      * @param event Touch- или mouse-событие.
@@ -116,4 +115,3 @@ export default class Draggable extends Component<DraggableProps> {
      */
     render(): JSX.Element;
 }
-export {};

package/carousel/draggable.js

@@ -51,7 +51,7 @@ class Draggable extends react_1.Component {
         this.currentOffset = (0, point_1.default)();
         this.clientPosition = (0, point_1.default)();
         this.draggableRef = (0, react_1.createRef)();
-        this.handleClick = this.handleClick.bind(this);
+        this.handleClickCapture = this.handleClickCapture.bind(this);
         this.startCapture = this.startCapture.bind(this);
         this.offList = [];
     }
@@ -166,7 +166,7 @@ class Draggable extends react_1.Component {
      * Предотвращает клик если было произведено смещение мышью.
      * @param event Событие окончания захвата.
      */
-    handleClick(event) {
+    handleClickCapture(event) {
         if (this.needPreventClick) {
             event.preventDefault();
             this.togglePreventClickNeed(false);
@@ -240,7 +240,7 @@ class Draggable extends react_1.Component {
         const { x, y } = this.currentOffset;
         return (react_1.default.createElement("div", Object.assign({}, containerProps, { className: cx('draggable-container', containerProps.className), 
             // обрабатываем захват чтобы при обработке клика на дочернем элементе defaultPrevented уже был true
-            onClickCapture: this.handleClick, onMouseDown: this.startCapture, onTouchStart: this.startCapture }),
+            onClickCapture: this.handleClickCapture, onMouseDown: this.startCapture, onTouchStart: this.startCapture }),
             react_1.default.createElement("div", { ref: this.draggableRef, style: {
                     transform: (0, styles_1.getTranslateStyle)(x, y),
                     transition: this.hasTransition ? (0, styles_1.getTransitionStyle)(duration, 'transform') : '',

package/carousel/index.js

@@ -36,6 +36,7 @@ const arrow_button_1 = require("../arrow-button");
 const on_1 = __importDefault(require("../helpers/on"));
 const bind_1 = __importDefault(require("classnames/bind"));
 const carousel_module_scss_1 = __importDefault(require("./carousel.module.scss"));
+const is_browser_1 = __importDefault(require("../helpers/is-browser"));
 const CLONE_FACTOR = 3;
 const cx = bind_1.default.bind(carousel_module_scss_1.default);
 const isAuto = (0, fp_1.eq)('auto');
@@ -531,7 +532,7 @@ class Carousel extends react_1.Component {
      * @return Данные прямоугольной области видимости карусели.
      */
     getViewport() {
-        return (0, bounds_of_1.default)(this.wrapperRef.current);
+        return (0, is_browser_1.default)() ? (0, bounds_of_1.default)(this.wrapperRef.current) : null;
     }
     /**
      * Сохраняет смещение карусели и позицию из события при старте захвата.

package/helpers/center-of.d.ts

@@ -3,5 +3,5 @@
  * @param rect Прямоугольник.
  * @return Центр.
  */
-declare const centerOf: (rect: ClientRect) => import("./point").IPoint;
+declare const centerOf: (rect: DOMRect) => import("./point").IPoint;
 export default centerOf;

package/package.json

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

package/range/index.d.ts

@@ -35,7 +35,7 @@ export declare class Range extends Component<RangeProps> {
     start: Container<number>;
     finish: Container<number>;
     activeBounds: [number, number];
-    unsubscribers?: Array<() => void>;
+    unsubscribeList?: Array<() => void>;
     activeThumbEl?: HTMLElement;
     isGrabbed?: boolean;
     /**

package/range/index.js

@@ -77,7 +77,7 @@ class Range extends react_1.Component {
     /** @inheritdoc */
     componentDidMount() {
         const { current: containerElem } = this.containerRef;
-        this.unsubscribers = [
+        this.unsubscribeList = [
             (0, on_1.default)(window, 'mousemove', this.updateValues),
             (0, on_1.default)(window, 'touchmove', this.updateValues),
             (0, on_1.default)(window, 'mouseup', this.handleDragEnd),
@@ -103,7 +103,7 @@ class Range extends react_1.Component {
     }
     /** @inheritdoc */
     componentWillUnmount() {
-        this.unsubscribers.forEach(fn => fn());
+        this.unsubscribeList.forEach(fn => fn());
     }
     /**
      * Обрабатывает событие как начало слежения за указателем/пальцем.