@sima-land/ui-nucleons 43.0.2 → 44.0.0

package/helpers/styles.d.ts

@@ -11,7 +11,6 @@ export declare const getTransitionStyle: (duration?: number, property?: string,
  *
  * Использовать только "translate3d" для смещения.
  * @see https://stackoverflow.com/a/22312917
- *
  * @param x Смещение по оси x в пикселях.
  * @param y Смещение по оси y в пикселях.
  * @param z Смещение по оси z в пикселях.

package/helpers/styles.js

@@ -16,7 +16,6 @@ exports.getTransitionStyle = getTransitionStyle;
  *
  * Использовать только "translate3d" для смещения.
  * @see https://stackoverflow.com/a/22312917
- *
  * @param x Смещение по оси x в пикселях.
  * @param y Смещение по оси y в пикселях.
  * @param z Смещение по оси z в пикселях.

package/hint/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/hooks/breakpoint/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/hooks/identity.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /**
  * Реф с актуальным переданным значением.
- * Нужен, когда в ref-значение нужно обновлять значение при каждом рендере.
+ * Нужен, когда в ref нужно обновлять значение при каждом рендере.
  * @param value Значение.
  * @return Реф.
  */

package/hooks/identity.js

@@ -4,7 +4,7 @@ exports.useIdentityRef = void 0;
 const react_1 = require("react");
 /**
  * Реф с актуальным переданным значением.
- * Нужен, когда в ref-значение нужно обновлять значение при каждом рендере.
+ * Нужен, когда в ref нужно обновлять значение при каждом рендере.
  * @param value Значение.
  * @return Реф.
  */

package/hooks/index.js

@@ -53,11 +53,11 @@ const useOutsideClick = (elementRef, callback) => {
     const callbackRef = (0, identity_1.useIdentityRef)(callback);
     (0, react_1.useEffect)(() => (0, on_1.default)(document.documentElement, 'click', event => {
         const { current: element } = elementRef;
-        const { current: handleClick } = callbackRef;
+        const { current: handler } = callbackRef;
         element &&
             element !== event.target &&
             !element.contains(event.target) &&
-            (handleClick === null || handleClick === void 0 ? void 0 : handleClick(event));
+            (handler === null || handler === void 0 ? void 0 : handler(event));
     }), []);
 };
 exports.useOutsideClick = useOutsideClick;

package/hooks/intersection/index.d.ts

@@ -0,0 +1,8 @@
+import { MutableRefObject } from 'react';
+/**
+ * Хук, вызывающий callback при пересечении целевого элемента с областью видимости.
+ * @param ref Ref с целевым элементом.
+ * @param callback Функция, которая будет вызвана при пересечении целевого элемента с областью видимости.
+ * @param options Опции создания IntersectionObserver.
+ */
+export declare function useIntersection(ref: MutableRefObject<HTMLElement | null>, callback: (entry: IntersectionObserverEntry) => void, options?: IntersectionObserverInit): void;

package/hooks/intersection/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIntersection = void 0;
+const react_1 = require("react");
+const identity_1 = require("../identity");
+/**
+ * Хук, вызывающий callback при пересечении целевого элемента с областью видимости.
+ * @param ref Ref с целевым элементом.
+ * @param callback Функция, которая будет вызвана при пересечении целевого элемента с областью видимости.
+ * @param options Опции создания IntersectionObserver.
+ */
+function useIntersection(ref, callback, options) {
+    const callbackRef = (0, identity_1.useIdentityRef)(callback);
+    (0, react_1.useEffect)(() => {
+        const element = ref.current;
+        if (element) {
+            const observer = new IntersectionObserver(([entry]) => {
+                var _a;
+                (_a = callbackRef.current) === null || _a === void 0 ? void 0 : _a.call(callbackRef, entry);
+            }, options);
+            observer.observe(element);
+            return () => observer.disconnect();
+        }
+    }, [ref, callbackRef, options]);
+}
+exports.useIntersection = useIntersection;

package/hooks/intersection/readme.md

@@ -0,0 +1,55 @@
+# Утилиты для unit-тестирования
+
+Утилиты для unit-тестирования (Jest) компонентов, использующих хук `useIntersection`
+
+#### Пример компонента
+
+```jsx
+import { useIntersection } from '@sima-land/ui-nucleons/hooks/intersection';
+
+const TestComponent = () => {
+  const ref = useRef(null);
+  const [viewing, setViewing] = useState(false);
+
+  useIntersection(ref, entry => {
+    setViewing(entry.isIntersecting);
+  });
+
+  return (
+    <div ref={ref} data-testid='test-target'>
+      {viewing ? 'On screen' : 'Off screen'}
+    </div>
+  );
+};
+```
+
+#### Пример тестов
+
+```jsx
+import { IntersectionMock } from '@sima-land/ui-nucleons/hooks/intersection/test-utils';
+
+const intersectionMock = new IntersectionMock();
+
+beforeAll(() => {
+  intersectionMock.apply();
+});
+
+afterAll(() => {
+  intersectionMock.restore();
+});
+
+it('test component', () => {
+  const { asFragment, getByTestId } = render(<TestComponent />);
+  const target = getByTestId('test-target');
+
+  expect(asFragment().textContent).toContain('Off screen');
+
+  intersectionMock.changeElementState({
+    target,
+    isIntersecting: true,
+    intersectionRatio: 0,
+  });
+
+  expect(asFragment().textContent).toContain('On screen');
+});
+```

package/hooks/intersection/test-utils.d.ts

@@ -0,0 +1,64 @@
+export declare type IntersectionObserverEntryBase = Omit<IntersectionObserverEntry, 'time' | 'rootBounds' | 'boundingClientRect' | 'intersectionRect'>;
+/**
+ * Возвращает новый объект, частично реализующий IntersectionObserverEntry.
+ * @param base Базовая информация.
+ * @return Объект.
+ */
+export declare function createFakeEntry(base: IntersectionObserverEntryBase): IntersectionObserverEntry;
+/**
+ * Реализует интерфейс для управления состоянием пересечения элемента с область видимости.
+ */
+export declare class IntersectionMock {
+    _original: typeof IntersectionObserver;
+    _observers: FakeIntersectionObserver[];
+    /** Конструктор. */
+    constructor();
+    /**
+     * Подменяет глобальный конструктор IntersectionObserver.
+     */
+    apply(): void;
+    /**
+     * Восстанавливает оригинальный глобальный конструктор IntersectionObserver.
+     */
+    restore(): void;
+    /**
+     * Имитирует изменение состояния пересечения элемента с областью видимости.
+     * @param entryArg Данные пересечения элемента.
+     */
+    changeElementState(entryArg: IntersectionObserverEntryBase): void;
+    /**
+     * Записывает observer в список зарегистрированных.
+     * @param observer Observer.
+     */
+    _registerObserver(observer: FakeIntersectionObserver): void;
+    /**
+     * Удаляет observer из списка зарегистрированных.
+     * @param observer Observer.
+     */
+    _unregisterObserver(observer: FakeIntersectionObserver): void;
+}
+/**
+ * Имитация IntersectionObserver.
+ */
+export declare class FakeIntersectionObserver implements IntersectionObserver {
+    readonly root: Element | Document | null;
+    readonly rootMargin: string;
+    readonly thresholds: ReadonlyArray<number>;
+    _callback: IntersectionObserverCallback;
+    _elements: Element[];
+    /** @inheritdoc */
+    constructor(callback: IntersectionObserverCallback, options?: IntersectionObserverInit);
+    /** @inheritdoc */
+    observe(element: Element): void;
+    /** @inheritdoc */
+    unobserve(element: Element): void;
+    /** @inheritdoc */
+    disconnect(): void;
+    /** @inheritdoc */
+    takeRecords(): never[];
+    /**
+     * Запускает callback.
+     * @param entry Данные пересечения элемента.
+     */
+    _runCallback(entry: IntersectionObserverEntry): void;
+}

package/hooks/intersection/test-utils.js

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FakeIntersectionObserver = exports.IntersectionMock = exports.createFakeEntry = void 0;
+const test_utils_1 = require("react-dom/test-utils");
+let intersectionMock;
+/**
+ * Возвращает новый объект, частично реализующий IntersectionObserverEntry.
+ * @param base Базовая информация.
+ * @return Объект.
+ */
+function createFakeEntry(base) {
+    const entry = Object.assign(Object.assign({}, base), { time: Date.now(), 
+        /** @inheritdoc */
+        get rootBounds() {
+            // eslint-disable-next-line no-console
+            console.error('Not implemented in mock');
+            return null;
+        },
+        /** @inheritdoc */
+        get boundingClientRect() {
+            // eslint-disable-next-line no-console
+            console.error('Not implemented in mock');
+            return null;
+        },
+        /** @inheritdoc */
+        get intersectionRect() {
+            // eslint-disable-next-line no-console
+            console.error('Not implemented in mock');
+            return null;
+        } });
+    return entry;
+}
+exports.createFakeEntry = createFakeEntry;
+/**
+ * Реализует интерфейс для управления состоянием пересечения элемента с область видимости.
+ */
+class IntersectionMock {
+    /** Конструктор. */
+    constructor() {
+        this._observers = [];
+        this._original = window.IntersectionObserver;
+    }
+    /**
+     * Подменяет глобальный конструктор IntersectionObserver.
+     */
+    apply() {
+        if (intersectionMock) {
+            throw Error('Already mocked');
+        }
+        intersectionMock = this;
+        window.IntersectionObserver = FakeIntersectionObserver;
+    }
+    /**
+     * Восстанавливает оригинальный глобальный конструктор IntersectionObserver.
+     */
+    restore() {
+        if (window.IntersectionObserver !== FakeIntersectionObserver) {
+            throw Error('Not mocked');
+        }
+        window.IntersectionObserver = this._original;
+        intersectionMock = undefined;
+    }
+    /**
+     * Имитирует изменение состояния пересечения элемента с областью видимости.
+     * @param entryArg Данные пересечения элемента.
+     */
+    changeElementState(entryArg) {
+        (0, test_utils_1.act)(() => {
+            const entry = createFakeEntry(entryArg);
+            for (const observer of this._observers) {
+                if (observer._elements.some(e => e === entry.target) &&
+                    observer.thresholds.includes(entry.intersectionRatio)) {
+                    observer._runCallback(entry);
+                }
+            }
+        });
+    }
+    /**
+     * Записывает observer в список зарегистрированных.
+     * @param observer Observer.
+     */
+    _registerObserver(observer) {
+        this._observers.push(observer);
+    }
+    /**
+     * Удаляет observer из списка зарегистрированных.
+     * @param observer Observer.
+     */
+    _unregisterObserver(observer) {
+        this._observers.splice(this._observers.indexOf(observer));
+    }
+}
+exports.IntersectionMock = IntersectionMock;
+/**
+ * Имитация IntersectionObserver.
+ */
+class FakeIntersectionObserver {
+    /** @inheritdoc */
+    constructor(callback, options = {}) {
+        this.root = (options === null || options === void 0 ? void 0 : options.root) || null;
+        this.rootMargin = (options === null || options === void 0 ? void 0 : options.rootMargin) || '0px 0px 0px 0px';
+        this.thresholds = Array.isArray(options.threshold)
+            ? options.threshold
+            : [options.threshold || 0];
+        this._callback = callback;
+        this._elements = [];
+        intersectionMock === null || intersectionMock === void 0 ? void 0 : intersectionMock._registerObserver(this);
+    }
+    /** @inheritdoc */
+    observe(element) {
+        this._elements.push(element);
+    }
+    /** @inheritdoc */
+    unobserve(element) {
+        this._elements = this._elements.filter(e => e !== element);
+    }
+    /** @inheritdoc */
+    disconnect() {
+        this._elements = [];
+        intersectionMock === null || intersectionMock === void 0 ? void 0 : intersectionMock._unregisterObserver(this);
+    }
+    /** @inheritdoc */
+    takeRecords() {
+        // eslint-disable-next-line no-console
+        console.error('Not implemented in mock');
+        return [];
+    }
+    /**
+     * Запускает callback.
+     * @param entry Данные пересечения элемента.
+     */
+    _runCallback(entry) {
+        this._callback([entry], this);
+    }
+}
+exports.FakeIntersectionObserver = FakeIntersectionObserver;

package/hooks/keydown.d.ts

@@ -3,4 +3,4 @@
  * @param targetKey Клавиша, для которой отслеживается нажатие.
  * @param callback Обработчик нажатия.
  */
-export declare const useKeydown: (targetKey: string, callback: undefined | (() => void)) => void;
+export declare function useKeydown(targetKey: string, callback: undefined | ((event: KeyboardEvent) => void)): void;

package/hooks/keydown.js

@@ -5,18 +5,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useKeydown = void 0;
 const react_1 = require("react");
+const identity_1 = require("./identity");
 const on_1 = __importDefault(require("../helpers/on"));
 /**
  * Хук, добавляющий обработчик нажатия на клавишу.
  * @param targetKey Клавиша, для которой отслеживается нажатие.
  * @param callback Обработчик нажатия.
  */
-const useKeydown = (targetKey, callback) => {
-    const ref = (0, react_1.useRef)(callback);
-    ref.current = callback;
-    (0, react_1.useEffect)(() => (0, on_1.default)(document, 'keydown', ({ key }) => {
-        const fn = ref.current;
-        key === targetKey && fn && fn();
+function useKeydown(targetKey, callback) {
+    const ref = (0, identity_1.useIdentityRef)(callback);
+    (0, react_1.useEffect)(() => (0, on_1.default)(document, 'keydown', event => {
+        const handler = ref.current;
+        (event.key === targetKey || event.code === targetKey) && (handler === null || handler === void 0 ? void 0 : handler(event));
     }), [targetKey]);
-};
+}
 exports.useKeydown = useKeydown;

package/layout/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/link/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/masked-field/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/modal/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/modal/slots.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sima-land/ui-nucleons",
-  "version": "43.0.2",
+  "version": "44.0.0",
   "repository": "ssh://git@github.com:sima-land/ui-nucleons.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",
@@ -10,10 +10,10 @@
   },
   "dependencies": {
     "@krutoo/input-mask": "^0.0.8",
-    "@sima-land/ui-quarks": "^2.2.0",
+    "@sima-land/ui-quarks": "^3.0.0",
     "body-scroll-lock": "3.1.5",
     "classnames": "^2.3.1",
-    "date-fns": "^2.26.0",
+    "date-fns": "^2.28.0",
     "intersection-observer": "^0.12.0",
     "lodash": "^4.17.21",
     "overlayscrollbars": "^1.13.1",
@@ -21,62 +21,61 @@
     "react-transition-group": "^4.4.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@babel/preset-env": "^7.16.4",
-    "@babel/preset-react": "^7.16.0",
-    "@babel/preset-typescript": "^7.16.5",
-    "@rushstack/eslint-patch": "^1.1.0",
-    "@sima-land/linters": "^2.1.1",
-    "@storybook/addon-actions": "^6.4.13",
-    "@storybook/addon-backgrounds": "^6.4.13",
-    "@storybook/addon-docs": "^6.4.13",
-    "@storybook/addon-storysource": "^6.4.13",
-    "@storybook/addons": "^6.4.13",
-    "@storybook/builder-webpack5": "^6.4.13",
-    "@storybook/manager-webpack5": "^6.4.13",
-    "@storybook/react": "^6.4.13",
-    "@storybook/theming": "^6.4.13",
-    "@svgr/core": "^5.5.0",
-    "@svgr/plugin-svgo": "^5.5.0",
-    "@svgr/webpack": "^5.5.0",
-    "@testing-library/react": "^12.1.2",
+    "@babel/core": "^7.17.7",
+    "@babel/preset-env": "^7.16.11",
+    "@babel/preset-react": "^7.16.7",
+    "@babel/preset-typescript": "^7.16.7",
+    "@rushstack/eslint-patch": "^1.1.1",
+    "@sima-land/linters": "^2.1.2",
+    "@storybook/addon-actions": "^6.4.19",
+    "@storybook/addon-backgrounds": "^6.4.19",
+    "@storybook/addon-docs": "^6.4.19",
+    "@storybook/addon-storysource": "^6.4.19",
+    "@storybook/addons": "^6.4.19",
+    "@storybook/builder-webpack5": "^6.4.19",
+    "@storybook/manager-webpack5": "^6.4.19",
+    "@storybook/react": "^6.4.19",
+    "@storybook/theming": "^6.4.19",
+    "@svgr/core": "^6.2.1",
+    "@svgr/plugin-jsx": "^6.2.1",
+    "@svgr/plugin-svgo": "^6.2.0",
+    "@svgr/webpack": "^6.2.1",
+    "@testing-library/react": "^12.1.4",
     "@types/body-scroll-lock": "^3.1.0",
-    "@types/enzyme": "^3.10.10",
-    "@types/jest": "^27.0.2",
-    "@types/lodash": "^4.14.177",
-    "@types/react": "^17.0.36",
-    "@types/react-dom": "^17.0.11",
+    "@types/enzyme": "^3.10.11",
+    "@types/jest": "^27.4.1",
+    "@types/lodash": "^4.14.180",
+    "@types/react": "^17.0.40",
+    "@types/react-dom": "^17.0.13",
     "@types/react-transition-group": "^4.4.4",
-    "@typescript-eslint/eslint-plugin": "^5.4.0",
-    "@typescript-eslint/parser": "^5.4.0",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.5",
-    "babel-jest": "^27.4.6",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.6",
+    "babel-jest": "^27.5.1",
     "babel-loader": "^8.2.3",
-    "babel-preset-jest": "^27.2.0",
+    "babel-preset-jest": "^27.5.1",
     "copyfiles": "^2.4.1",
-    "css-loader": "^5.2.7",
+    "css-loader": "^6.7.1",
     "enzyme": "^3.9.0",
     "enzyme-to-json": "^3.6.2",
-    "eslint": "^7.31.0",
+    "eslint": "^8.11.0",
     "file-loader": "^6.2.0",
     "handlebars": "^4.7.7",
     "husky": "^7.0.4",
-    "jest": "^27.3.1",
+    "jest": "^27.5.1",
     "jest-css-modules-transform": "^4.3.0",
-    "lint-staged": "^12.1.2",
-    "postcss": "^8.3.11",
-    "prettier": "^2.4.1",
+    "lint-staged": "^12.3.5",
+    "postcss": "^8.4.11",
+    "prettier": "^2.5.1",
     "react": "^17.0.2",
-    "react-docgen-typescript": "^2.1.1",
+    "react-docgen-typescript": "^2.2.2",
     "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
-    "sass": "^1.43.4",
-    "sass-loader": "^10.1.0",
-    "style-loader": "^2.0.0",
-    "stylelint": "^14.1.0",
-    "typescript": "^4.5.2",
+    "sass": "^1.49.9",
+    "sass-loader": "^12.6.0",
+    "style-loader": "^3.3.1",
+    "stylelint": "^14.5.3",
+    "typescript": "^4.6.2",
     "typescript-plugin-css-modules": "^3.4.0",
-    "webpack": "^5.64.2"
+    "webpack": "^5.70.0"
   },
   "peerDependencies": {
     "react": ">=17",

package/phone-input/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/plate/index.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

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];
-    unsubscribeList?: Array<() => void>;
+    unsubscribeList: Array<() => void>;
     activeThumbEl?: HTMLElement;
     isGrabbed?: boolean;
     /**