@sima-land/ui-nucleons 45.0.0-alpha.2 → 45.0.0-alpha.21

package/price/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/price/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/price/types.ts"],"names":[],"mappings":""}

package/price/utils.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatFractional = exports.formatInteger = exports.formatPrice = void 0;
+exports.formatPrice = formatPrice;
+exports.formatInteger = formatInteger;
+exports.formatFractional = formatFractional;
 /**
  * Форматирует цену и графему валюты в виде строки.
  * @param value Цена.
@@ -24,13 +26,12 @@ function formatPrice(value, grapheme, { graphemeBefore } = {}) {
         .map(s => s.replace(/\s/g, '\u2009')) // заменяем все пробелы на полупробелы
         .join('');
 }
-exports.formatPrice = formatPrice;
-// eslint-disable-next-line require-jsdoc, jsdoc/require-jsdoc
+// eslint-disable-next-line jsdoc/require-jsdoc
 function formatInteger(value) {
     let result = '0';
     if (Number.isFinite(value)) {
         // если число меньше 0.0001 - округляем до 0.0001
-        const valid = value === 0 ? 0 : Math.max(value, 0.0001);
+        const valid = value === 0 ? 0 : Math.max(Math.abs(value), 0.0001);
         const integer = toString(valid).replace(/\..*$/g, ''); // все числа до точки
         const separated = [];
         const list = integer.split('');
@@ -40,10 +41,9 @@ function formatInteger(value) {
         }
         result = separated.join(' ');
     }
-    return result;
+    return value < 0 ? `-${result}` : result;
 }
-exports.formatInteger = formatInteger;
-// eslint-disable-next-line require-jsdoc, jsdoc/require-jsdoc
+// eslint-disable-next-line jsdoc/require-jsdoc
 function formatFractional(value) {
     let fractional = '';
     if (Number.isFinite(value) && !Number.isInteger(value)) {
@@ -51,7 +51,6 @@ function formatFractional(value) {
     }
     return fractional;
 }
-exports.formatFractional = formatFractional;
 /**
  * Округляет число и приводит его к строке по дизайн-гайдам цен.
  * @param value Число.
@@ -59,15 +58,18 @@ exports.formatFractional = formatFractional;
  */
 function toString(value) {
     let result;
-    if (value <= 0.0001) {
+    const absolute = Math.abs(value);
+    if (absolute <= 0.0001) {
         // если число меньше 0.0001 - округляем до 0.0001
         result = '0.0001';
     }
-    else if (value < 0.01) {
-        result = value.toFixed(4);
+    else if (absolute < 0.01) {
+        result = absolute.toFixed(4);
     }
     else {
-        result = value.toFixed(2);
+        result = absolute.toFixed(2);
     }
-    return result;
+    return value < 0 ? `-${result}` : result;
 }
+// @todo CurrencyProvider для того чтобы не прокидывать везде currencyGrapheme?
+//# sourceMappingURL=utils.js.map

package/price/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/price/utils.ts"],"names":[],"mappings":"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"}

package/radio-button/index.d.ts

@@ -1,10 +1,2 @@
-import { InputHTMLAttributes } from 'react';
-import { FieldProps, WithTestId } from '../types';
-export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>, FieldProps, WithTestId {
-}
-/**
- * Радио-кнопка.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function RadioButton({ style, className, 'data-testid': testId, ...restProps }: RadioButtonProps): JSX.Element;
+export type { RadioButtonProps } from './types';
+export { RadioButton } from './radio-button';

package/radio-button/index.js

@@ -1,33 +1,6 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioButton = void 0;
-const react_1 = __importDefault(require("react"));
-const bind_1 = __importDefault(require("classnames/bind"));
-const radio_button_module_scss_1 = __importDefault(require("./radio-button.module.scss"));
-const cx = bind_1.default.bind(radio_button_module_scss_1.default);
-/**
- * Радио-кнопка.
- * @param props Свойства.
- * @return Элемент.
- */
-function RadioButton(_a) {
-    var { style, className, 'data-testid': testId = 'radio-button' } = _a, restProps = __rest(_a, ["style", "className", 'data-testid']);
-    return (react_1.default.createElement("div", { style: style, className: cx('root', className) },
-        react_1.default.createElement("input", Object.assign({}, restProps, { type: 'radio', className: cx('input'), "data-testid": testId })),
-        react_1.default.createElement("div", { className: cx('circle') })));
-}
-exports.RadioButton = RadioButton;
+var radio_button_1 = require("./radio-button");
+Object.defineProperty(exports, "RadioButton", { enumerable: true, get: function () { return radio_button_1.RadioButton; } });
+//# sourceMappingURL=index.js.map

package/radio-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/radio-button/index.ts"],"names":[],"mappings":";;;AACA,+CAA6C;AAApC,2GAAA,WAAW,OAAA"}

package/radio-button/radio-button.d.ts

@@ -0,0 +1,7 @@
+import type { RadioButtonProps } from './types';
+/**
+ * Радио-кнопка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function RadioButton({ style, className, 'data-testid': testId, ...restProps }: RadioButtonProps): import("react/jsx-runtime").JSX.Element;

package/radio-button/radio-button.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioButton = RadioButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const bind_1 = __importDefault(require("classnames/bind"));
+const radio_button_m_scss_1 = __importDefault(require("./radio-button.m.scss"));
+const cx = bind_1.default.bind(radio_button_m_scss_1.default);
+/**
+ * Радио-кнопка.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function RadioButton({ style, className, 'data-testid': testId = 'radio-button', ...restProps }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: style, className: cx('root', className), children: [(0, jsx_runtime_1.jsx)("input", { ...restProps, type: 'radio', className: cx('input'), "data-testid": testId }), (0, jsx_runtime_1.jsx)("div", { className: cx('circle') })] }));
+}
+//# sourceMappingURL=radio-button.js.map

package/radio-button/radio-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../src/radio-button/radio-button.tsx"],"names":[],"mappings":";;;;;AAWA,kCAYC;;AAtBD,2DAAyC;AACzC,gFAA2C;AAE3C,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,6BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,cAAc,EACtC,GAAG,SAAS,EACK;IACjB,OAAO,CACL,iCAAK,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,aACjD,qCAAW,SAAS,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,iBAAe,MAAM,GAAI,EAClF,gCAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAI,IAC5B,CACP,CAAC;AACJ,CAAC"}

package/radio-button/types.d.ts

@@ -0,0 +1,4 @@
+import type { InputHTMLAttributes } from 'react';
+import type { FieldProps, WithTestId } from '../types';
+export interface RadioButtonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>, FieldProps, WithTestId {
+}

package/radio-button/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/radio-button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/radio-button/types.ts"],"names":[],"mappings":""}

package/range/index.d.ts

@@ -1,108 +1,2 @@
-import React, { Component } from 'react';
-import { Container } from '../helpers/create-container';
-interface CallbackData {
-    startValue: number;
-    finishValue: number;
-}
-export interface RangeProps {
-    /** Начальная граница. */
-    min?: number;
-    /** Конечная граница. */
-    max?: number;
-    /** Шаг. */
-    step?: number;
-    /** Значение начального ползунка. */
-    startValue?: number;
-    /** Значение конечного ползунка. */
-    finishValue?: number;
-    /** Сработает при изменении. */
-    onChange?: (data: CallbackData) => void;
-    /** Сработает при перетаскивании. */
-    onSlide?: (data: CallbackData) => void;
-    /** Отключен ли компонент. */
-    disabled?: boolean;
-    /** Свойства контейнера. */
-    wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
-}
-/**
- * Поле выбора диапазона с двумя ползунками.
- */
-export declare class Range extends Component<RangeProps> {
-    containerRef: React.RefObject<HTMLElement | undefined>;
-    rangeRef: React.RefObject<HTMLElement | undefined>;
-    startThumbRef: React.RefObject<HTMLElement | undefined>;
-    finishThumbRef: React.RefObject<HTMLElement | undefined>;
-    start: Container<number>;
-    finish: Container<number>;
-    activeBounds: [number, number];
-    unsubscribeList: Array<() => void>;
-    activeThumbEl?: HTMLElement;
-    isGrabbed?: boolean;
-    /**
-     * Конструктор.
-     * @param props Свойства.
-     */
-    constructor(props: RangeProps);
-    /** @inheritdoc */
-    componentDidMount(): void;
-    /** @inheritdoc */
-    componentDidUpdate(prevProps: RangeProps): void;
-    /** @inheritdoc */
-    componentWillUnmount(): void;
-    /**
-     * Обрабатывает событие как начало слежения за указателем/пальцем.
-     * @param event Событие.
-     */
-    handleDragStart(event: MouseEvent | TouchEvent): void;
-    /**
-     * Завершает слежение за указателем/пальцем.
-     */
-    handleDragEnd(): void;
-    /**
-     * Обновляет позицию ползунков и выделенный диапазон.
-     * Запускает событие 'slide'.
-     */
-    handleValueChange(): void;
-    /**
-     * Вписывает переданное значение в границы, заданные свойствами.
-     * @param value Значение.
-     * @return Вписанное значение.
-     */
-    constrainValue(value: number): number;
-    /**
-     * Обновляет значения начала/конца диапазона по событию.
-     * @param event Событие.
-     */
-    updateValues(event: MouseEvent | TouchEvent): void;
-    /**
-     * Обновляет позицию кнопок.
-     */
-    updateThumbElements(): void;
-    /**
-     * Обновляет позицию и размер элемента отражающего выбранный диапазон.
-     */
-    updateRangeElement(): void;
-    /**
-     * Возвращает текущие значения в процентах.
-     * @return Начальное и конечное значения в процентах.
-     */
-    getPercents(): [number, number];
-    /**
-     * Обновляет данные выбранной кнопки по событию.
-     * @param event Событие.
-     */
-    updateActiveThumb(event: MouseEvent | TouchEvent): void;
-    /**
-     * Переключает состояние слежения за курсором/пальцем.
-     * @param isGrabbed Активно ли слежение.
-     */
-    toggleGrabbed(isGrabbed: boolean): void;
-    /**
-     * Отправляет событие целевому обработчику.
-     * @param eventName Имя события.
-     */
-    fireEvent(eventName: string): void;
-    /** @inheritdoc */
-    render(): JSX.Element;
-}
-export {};
+export type { RangeProps } from './types';
+export { Range } from './range';

package/range/index.js

@@ -1,287 +1,6 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Range = void 0;
-const react_1 = __importStar(require("react"));
-const with_prevent_1 = __importDefault(require("../helpers/with-prevent"));
-const bounds_of_1 = __importDefault(require("../helpers/bounds-of"));
-const create_container_1 = __importDefault(require("../helpers/create-container"));
-const events_1 = require("../helpers/events");
-const center_of_1 = __importDefault(require("../helpers/center-of"));
-const on_1 = __importDefault(require("../helpers/on"));
-const get_fraction_depth_1 = require("../helpers/get-fraction-depth");
-const lodash_1 = require("lodash");
-const bind_1 = __importDefault(require("classnames/bind"));
-const range_module_scss_1 = __importDefault(require("./range.module.scss"));
-const cx = bind_1.default.bind(range_module_scss_1.default);
-/**
- * Возвращает долю от диапазона, заданную числом.
- * @param start Начало диапазона.
- * @param end Конец диапазона.
- * @param value Значение для расчета доли.
- * @return Доля, которую занимает значение.
- */
-const getFraction = (start, end, value) => (value - start) / (end - start) || 0;
-/**
- * Возвращает процент от диапазона, заданную числом.
- * @param args Данные для расчета доли.
- * @return Процент, который занимает значение.
- */
-const getPercentage = (...args) => getFraction(...args) * 100;
-/**
- * Поле выбора диапазона с двумя ползунками.
- */
-class Range extends react_1.Component {
-    /**
-     * Конструктор.
-     * @param props Свойства.
-     */
-    constructor(props) {
-        const { min = 0, max = 1, startValue = min, finishValue = max } = props;
-        super(props);
-        // конечное значение имеет приоритет - делаем стартовое зависимым от конечного
-        const readyStart = this.constrainValue(Math.min(startValue, finishValue));
-        const readyFinish = this.constrainValue(finishValue);
-        this.containerRef = (0, react_1.createRef)();
-        this.rangeRef = (0, react_1.createRef)();
-        this.startThumbRef = (0, react_1.createRef)();
-        this.finishThumbRef = (0, react_1.createRef)();
-        this.unsubscribeList = [];
-        this.start = (0, create_container_1.default)(readyStart);
-        this.finish = (0, create_container_1.default)(readyFinish);
-        this.activeBounds = [0, 0];
-        this.updateValues = this.updateValues.bind(this);
-        this.handleDragEnd = this.handleDragEnd.bind(this);
-        this.handleDragStart = (0, with_prevent_1.default)(this.handleDragStart.bind(this));
-    }
-    /** @inheritdoc */
-    componentDidMount() {
-        const { current: containerElem } = this.containerRef;
-        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),
-            (0, on_1.default)(window, 'touchend', this.handleDragEnd),
-            (0, on_1.default)(window, 'touchcancel', this.handleDragEnd),
-            (0, on_1.default)(containerElem, 'mousedown', this.handleDragStart, { passive: false }),
-            (0, on_1.default)(containerElem, 'touchstart', this.handleDragStart, { passive: false }),
-        ];
-        this.start.setObserver(this.handleValueChange.bind(this));
-        this.finish.setObserver(this.handleValueChange.bind(this));
-    }
-    /** @inheritdoc */
-    componentDidUpdate(prevProps) {
-        const propKeys = ['min', 'max', 'step', 'startValue', 'finishValue'];
-        if (propKeys.some(key => !Object.is(this.props[key], prevProps[key]))) {
-            const { startValue = this.start.get(), finishValue = this.finish.get() } = this.props;
-            // конечное значение имеет приоритет - делаем стартовое зависимым от конечного
-            const readyStart = this.constrainValue(Math.min(startValue, finishValue));
-            const readyFinish = this.constrainValue(finishValue);
-            this.start.set(readyStart);
-            this.finish.set(readyFinish);
-        }
-    }
-    /** @inheritdoc */
-    componentWillUnmount() {
-        this.unsubscribeList.forEach(fn => fn());
-    }
-    /**
-     * Обрабатывает событие как начало слежения за указателем/пальцем.
-     * @param event Событие.
-     */
-    handleDragStart(event) {
-        if (!this.props.disabled) {
-            this.updateActiveThumb(event);
-            this.toggleGrabbed(true);
-            this.updateValues(event);
-        }
-    }
-    /**
-     * Завершает слежение за указателем/пальцем.
-     */
-    handleDragEnd() {
-        if (this.isGrabbed) {
-            this.toggleGrabbed(false);
-            this.fireEvent('change');
-        }
-    }
-    /**
-     * Обновляет позицию ползунков и выделенный диапазон.
-     * Запускает событие 'slide'.
-     */
-    handleValueChange() {
-        this.updateThumbElements();
-        this.updateRangeElement();
-        this.fireEvent('slide');
-    }
-    /**
-     * Вписывает переданное значение в границы, заданные свойствами.
-     * @param value Значение.
-     * @return Вписанное значение.
-     */
-    constrainValue(value) {
-        const { min = 0, max = 1, step = 0.1 } = this.props;
-        let result = (0, lodash_1.clamp)(value, min, max);
-        result -= min;
-        if ((0, lodash_1.isInteger)(step)) {
-            result = Math.round(result / step) * step;
-        }
-        else {
-            const stepFractionDepth = (0, get_fraction_depth_1.getFractionDepth)(step);
-            const capacityByDepth = Math.pow(10, stepFractionDepth);
-            const intStep = step * capacityByDepth;
-            const coefficient = intStep * capacityByDepth;
-            result = Math.round(result * coefficient) / coefficient;
-        }
-        result += min;
-        if (result > max) {
-            result -= step;
-        }
-        return result;
-    }
-    /**
-     * Обновляет значения начала/конца диапазона по событию.
-     * @param event Событие.
-     */
-    updateValues(event) {
-        if (this.isGrabbed) {
-            const { min = 0, max = 1 } = this.props;
-            const thumbEl = this.activeThumbEl;
-            const [start, end] = this.activeBounds;
-            const { left, right } = (0, bounds_of_1.default)(this.containerRef.current);
-            const wrappedX = Math.max(start, Math.min((0, events_1.getEventClientPos)(event).x, end));
-            const fraction = getFraction(left, right, wrappedX);
-            const value = this.constrainValue(min + fraction * (max - min));
-            // проверяем, является ползунок стартовым или конечным
-            thumbEl === this.startThumbRef.current ? this.start.set(value) : this.finish.set(value);
-        }
-    }
-    /**
-     * Обновляет позицию кнопок.
-     */
-    updateThumbElements() {
-        const { startThumbRef, finishThumbRef } = this;
-        if (startThumbRef.current && finishThumbRef.current) {
-            const [start, finish] = this.getPercents();
-            startThumbRef.current.style.left = `${start}%`;
-            finishThumbRef.current.style.left = `${finish}%`;
-        }
-    }
-    /**
-     * Обновляет позицию и размер элемента отражающего выбранный диапазон.
-     */
-    updateRangeElement() {
-        const { current: rangeElement } = this.rangeRef;
-        if (rangeElement) {
-            const [start, finish] = this.getPercents();
-            rangeElement.style.left = `${start}%`;
-            rangeElement.style.width = `${finish - start}%`;
-        }
-    }
-    /**
-     * Возвращает текущие значения в процентах.
-     * @return Начальное и конечное значения в процентах.
-     */
-    getPercents() {
-        const { min = 0, max = 1 } = this.props;
-        let start = 0;
-        let finish = 0;
-        if (max > min) {
-            start = getPercentage(min, max, this.start.get());
-            finish = getPercentage(min, max, this.finish.get());
-        }
-        return [start, finish];
-    }
-    /**
-     * Обновляет данные выбранной кнопки по событию.
-     * @param event Событие.
-     */
-    updateActiveThumb(event) {
-        const { abs } = Math;
-        const clientX = (0, events_1.getEventClientPos)(event).x;
-        const startX = (0, center_of_1.default)((0, bounds_of_1.default)(this.startThumbRef.current)).x;
-        const finishX = (0, center_of_1.default)((0, bounds_of_1.default)(this.finishThumbRef.current)).x;
-        let isStartActive;
-        if (clientX < startX) {
-            isStartActive = true;
-        }
-        else if (clientX > finishX) {
-            isStartActive = false;
-        }
-        else {
-            isStartActive = abs(startX - clientX) < abs(finishX - clientX);
-        }
-        this.activeThumbEl = (isStartActive ? this.startThumbRef.current : this.finishThumbRef.current);
-        this.activeBounds = isStartActive
-            ? [(0, bounds_of_1.default)(this.containerRef.current).left, finishX]
-            : [startX, (0, bounds_of_1.default)(this.containerRef.current).right];
-    }
-    /**
-     * Переключает состояние слежения за курсором/пальцем.
-     * @param isGrabbed Активно ли слежение.
-     */
-    toggleGrabbed(isGrabbed) {
-        this.isGrabbed = Boolean(isGrabbed);
-    }
-    /**
-     * Отправляет событие целевому обработчику.
-     * @param eventName Имя события.
-     */
-    fireEvent(eventName) {
-        const { onChange, onSlide } = this.props;
-        let handleEvent;
-        switch (eventName) {
-            case 'change':
-                handleEvent = onChange;
-                break;
-            case 'slide':
-                handleEvent = onSlide;
-                break;
-        }
-        handleEvent &&
-            handleEvent({
-                startValue: this.start.get(),
-                finishValue: this.finish.get(),
-            });
-    }
-    /** @inheritdoc */
-    render() {
-        var _a;
-        const [start, finish] = this.getPercents();
-        return (react_1.default.createElement("div", Object.assign({}, this.props.wrapperProps, { className: cx('range-wrapper-base', 'range-wrapper-styled', this.props.disabled && 'disabled', (_a = this.props.wrapperProps) === null || _a === void 0 ? void 0 : _a.className) }),
-            react_1.default.createElement("div", { className: cx('track-base', 'available-base', 'available-styled') }),
-            react_1.default.createElement("div", { ref: this.rangeRef, className: cx('track-base', 'selected-base', 'selected-styled'), style: {
-                    left: `${start}%`,
-                    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', "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;
+var range_1 = require("./range");
+Object.defineProperty(exports, "Range", { enumerable: true, get: function () { return range_1.Range; } });
+//# sourceMappingURL=index.js.map

package/range/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/range/index.ts"],"names":[],"mappings":";;;AACA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}