@sima-land/ui-nucleons 45.0.0-alpha.4 → 45.0.0-alpha.41

package/popup/utils.js

@@ -1,24 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocusTrap = exports.usePopupOnClick = exports.usePopupFloatingStyle = exports.popupFloatingConfig = void 0;
+exports.popupFloatingConfig = popupFloatingConfig;
+exports.usePopupFloatingStyle = usePopupFloatingStyle;
+exports.usePopupOnClick = usePopupOnClick;
+exports.useFocusTrap = useFocusTrap;
 const react_1 = require("@floating-ui/react");
 const focus_trap_1 = require("focus-trap");
 const layer_1 = require("../helpers/layer");
 const hooks_1 = require("../hooks");
-const identity_1 = require("../hooks/identity");
+const use_identity_ref_1 = require("../hooks/use-identity-ref");
 /**
  * Возвращает конфигурацию для `useFloating` по дизайн-гайдам.
+ * @param options Опции.
  * @return Конфигурация для `useFloating` по дизайн-гайдам.
  */
-function popupFloatingConfig() {
+function popupFloatingConfig({ placement = 'right-start', offset: offsetValue = 8, } = {}) {
     return {
         strategy: 'absolute',
-        placement: 'right-start',
+        placement,
         middleware: [
-            (0, react_1.offset)(8),
+            (0, react_1.offset)(offsetValue),
             (0, react_1.flip)({
                 padding: 16,
-                crossAxis: false,
                 fallbackAxisSideDirection: 'start',
             }),
             (0, react_1.shift)({
@@ -28,7 +31,6 @@ function popupFloatingConfig() {
         whileElementsMounted: react_1.autoUpdate,
     };
 }
-exports.popupFloatingConfig = popupFloatingConfig;
 /**
  * Возвращает стили для элемента с учетом "слоя".
  * @param floating Результат вызова useFloating.
@@ -38,12 +40,11 @@ function usePopupFloatingStyle({ strategy, x, y, }) {
     const layer = (0, layer_1.useLayer)();
     return {
         position: strategy,
-        top: y !== null && y !== void 0 ? y : 0,
-        left: x !== null && x !== void 0 ? x : 0,
+        top: y,
+        left: x,
         zIndex: layer + 2,
     };
 }
-exports.usePopupFloatingStyle = usePopupFloatingStyle;
 /**
  * Показ всплывающего элемента по клику и скрытие.
  * @param floating Результат вызова useFloating.
@@ -55,7 +56,6 @@ function usePopupOnClick(floating) {
     const dismiss = (0, react_1.useDismiss)(floating.context);
     return (0, react_1.useInteractions)([click, dismiss, { floating: { style } }]);
 }
-exports.usePopupOnClick = usePopupOnClick;
 /**
  * Хук ловушки фокуса.
  * @todo Вынести в общие утилиты тк понадобится для Modal и тд.
@@ -63,21 +63,25 @@ exports.usePopupOnClick = usePopupOnClick;
  * @param options Опции.
  */
 function useFocusTrap(ref, { enabled, afterDeactivate, }) {
-    const afterDeactivateRef = (0, identity_1.useIdentityRef)(afterDeactivate);
+    const afterDeactivateRef = (0, use_identity_ref_1.useIdentityRef)(afterDeactivate);
     (0, hooks_1.useIsomorphicLayoutEffect)(() => {
         const element = ref.current;
-        if (enabled && element) {
-            const trap = (0, focus_trap_1.createFocusTrap)(element, {
-                allowOutsideClick: true,
-                tabbableOptions: { displayCheck: 'none' },
-                onPostDeactivate: afterDeactivateRef.current,
-                fallbackFocus: element,
-            });
-            trap.activate();
-            return () => {
-                trap.deactivate({ returnFocus: true });
-            };
+        if (!enabled || !element) {
+            return;
         }
+        const trap = (0, focus_trap_1.createFocusTrap)(element, {
+            allowOutsideClick: true,
+            tabbableOptions: { displayCheck: 'none' },
+            onPostDeactivate: afterDeactivateRef.current,
+            // ВАЖНО: отключаем тк в противном случае в Safari срабатывает :focus-visible
+            initialFocus: false,
+        });
+        trap.activate();
+        return () => {
+            trap.deactivate({
+                returnFocus: true, // @todo тоже убрать?
+            });
+        };
     }, [ref, enabled]);
 }
-exports.useFocusTrap = useFocusTrap;
+//# sourceMappingURL=utils.js.map

package/popup/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/popup/utils.ts"],"names":[],"mappings":";;AAsBA,kDAoCC;AAOD,sDAaC;AAOD,0CASC;AAQD,oCAoCC;AA1ID,8CAU4B;AAC5B,2CAA6C;AAE7C,4CAA4C;AAC5C,oCAAqD;AACrD,gEAA2D;AAE3D;;;;GAIG;AACH,SAAgB,mBAAmB,CAAC,EAClC,SAAS,GAAG,aAAa,EACzB,MAAM,EAAE,WAAW,GAAG,CAAC,MAkBrB,EAAE;IACJ,OAAO;QACL,QAAQ,EAAE,UAAU;QACpB,SAAS;QACT,UAAU,EAAE;YACV,IAAA,cAAM,EAAC,WAAW,CAAC;YACnB,IAAA,YAAI,EAAC;gBACH,OAAO,EAAE,EAAE;gBACX,yBAAyB,EAAE,OAAO;aACnC,CAAC;YACF,IAAA,aAAK,EAAC;gBACJ,OAAO,EAAE,EAAE;aACZ,CAAC;SACH;QACD,oBAAoB,EAAE,kBAAU;KACjC,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,CAAC,EACD,CAAC,GAC+C;IAChD,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,OAAO;QACL,QAAQ,EAAE,QAAQ;QAClB,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,KAAK,GAAG,CAAC;KAClB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,SAAgB,eAAe,CAC7B,QAAqE;IAErE,MAAM,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE7C,OAAO,IAAA,uBAAe,EAAC,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AACpE,CAAC;AAED;;;;;GAKG;AACH,SAAgB,YAAY,CAC1B,GAAwC,EACxC,EACE,OAAO,EACP,eAAe,GAIhB;IAED,MAAM,kBAAkB,GAAG,IAAA,iCAAc,EAAC,eAAe,CAAC,CAAC;IAE3D,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;QAE5B,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,IAAA,4BAAe,EAAC,OAAO,EAAE;YACpC,iBAAiB,EAAE,IAAI;YACvB,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;YACzC,gBAAgB,EAAE,kBAAkB,CAAC,OAAO;YAE5C,6EAA6E;YAC7E,YAAY,EAAE,KAAK;SACpB,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,EAAE,CAAC;QAEhB,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,UAAU,CAAC;gBACd,WAAW,EAAE,IAAI,EAAE,qBAAqB;aACzC,CAAC,CAAC;QACL,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;AACrB,CAAC"}

package/portal/index.d.ts

@@ -1,13 +1,2 @@
-import React from 'react';
-export interface PortalProps {
-    /** Вернет элемент, в который нужно вывести содержимое через портал. */
-    defineRoot?: () => HTMLElement;
-    /** Содержимое. */
-    children?: React.ReactNode;
-}
-/**
- * Компонент слоя. Выводит содержимое в портале.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const Portal: React.FC<PortalProps>;
+export type { PortalProps } from './types';
+export { Portal } from './portal';

package/portal/index.js

@@ -1,26 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Portal = void 0;
-const react_1 = require("react");
-const react_dom_1 = require("react-dom");
-const hooks_1 = require("../hooks");
-/**
- * Компонент слоя. Выводит содержимое в портале.
- * @param props Свойства.
- * @return Элемент.
- */
-const Portal = ({ children, defineRoot = () => document.body }) => {
-    const [mounted, setMounted] = (0, react_1.useState)(false);
-    const ref = (0, react_1.useRef)();
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        const root = defineRoot();
-        ref.current = document.createElement('div');
-        root.appendChild(ref.current);
-        setMounted(true);
-        return () => {
-            ref.current && ref.current.remove();
-        };
-    }, []);
-    return mounted && ref.current ? (0, react_dom_1.createPortal)(children, ref.current) : null;
-};
-exports.Portal = Portal;
+var portal_1 = require("./portal");
+Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return portal_1.Portal; } });
+//# sourceMappingURL=index.js.map

package/portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/portal/index.ts"],"names":[],"mappings":";;;AACA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}

package/portal/portal.d.ts

@@ -0,0 +1,7 @@
+import type { PortalProps } from './types';
+/**
+ * Портал - выводит содержимое в портале в произвольную часть DOM.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Portal({ children, defineRoot, onMount }: PortalProps): import("react").ReactPortal | null;

package/portal/portal.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Portal = Portal;
+const react_1 = require("react");
+const react_dom_1 = require("react-dom");
+const hooks_1 = require("../hooks");
+/**
+ * Портал - выводит содержимое в портале в произвольную часть DOM.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Portal({ children, defineRoot = () => document.body, onMount }) {
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    const ref = (0, react_1.useRef)();
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        const root = defineRoot();
+        ref.current = document.createElement('div');
+        root.appendChild(ref.current);
+        setMounted(true);
+        return () => {
+            ref.current && ref.current.remove();
+        };
+    }, []);
+    const onMountRef = (0, react_1.useRef)(onMount);
+    onMountRef.current = onMount;
+    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
+        if (mounted) {
+            onMountRef.current?.();
+        }
+    }, [mounted]);
+    return mounted && ref.current ? (0, react_dom_1.createPortal)(children, ref.current) : null;
+}
+//# sourceMappingURL=portal.js.map

package/portal/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.js","sourceRoot":"","sources":["../../src/portal/portal.tsx"],"names":[],"mappings":";;AAUA,wBA4BC;AArCD,iCAAyC;AACzC,yCAAyC;AACzC,oCAAqD;AAErD;;;;GAIG;AACH,SAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAe;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,GAAG,GAAG,IAAA,cAAM,GAAkB,CAAC;IAErC,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,MAAM,IAAI,GAAG,UAAU,EAAE,CAAC;QAE1B,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE5C,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC9B,UAAU,CAAC,IAAI,CAAC,CAAC;QAEjB,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QACtC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC;IAEnC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,IAAA,iCAAyB,EAAC,GAAG,EAAE;QAC7B,IAAI,OAAO,EAAE,CAAC;YACZ,UAAU,CAAC,OAAO,EAAE,EAAE,CAAC;QACzB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,IAAA,wBAAY,EAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7E,CAAC"}

package/portal/types.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export interface PortalProps {
+    /** Вернет элемент, в который нужно вывести содержимое через портал. */
+    defineRoot?: () => HTMLElement;
+    /** Содержимое. */
+    children?: ReactNode;
+    /** Сработает после того как контент будет монтирован в DOM. */
+    onMount?: VoidFunction;
+}

package/portal/types.js

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

package/portal/types.js.map

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

package/price/index.d.ts

@@ -1,21 +1,3 @@
-/// <reference types="react" />
-export interface PriceProps {
-    /** Класс/стили цены. */
-    className?: string;
-    /** Отображать цену 'старой' - серой и зачеркнутой. */
-    crossedOut?: boolean;
-    /** Графема валюты пользователя. */
-    currencyGrapheme?: string;
-    /** Отобразить знак валюты перед ценой. */
-    graphemeBefore?: boolean;
-    /** Цена. */
-    value: number | string;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Цена товара с указанием знака валюты.
- * @param props Параметры компонента.
- * @return Элемент.
- */
-export declare function Price({ className, currencyGrapheme: grapheme, graphemeBefore, crossedOut, value, 'data-testid': testId, }: PriceProps): JSX.Element;
+export type { PriceProps } from './types';
+export { Price } from './price';
+export { formatPrice } from './utils';

package/price/index.js

@@ -1,23 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Price = void 0;
-const react_1 = __importDefault(require("react"));
-const utils_1 = require("./utils");
-const bind_1 = __importDefault(require("classnames/bind"));
-const price_module_scss_1 = __importDefault(require("./price.module.scss"));
-const cx = bind_1.default.bind(price_module_scss_1.default);
-/**
- * Цена товара с указанием знака валюты.
- * @param props Параметры компонента.
- * @return Элемент.
- */
-function Price({ className, currencyGrapheme: grapheme, graphemeBefore, crossedOut, value, 'data-testid': testId = 'price', }) {
-    const content = (0, utils_1.formatPrice)(value, grapheme, {
-        graphemeBefore,
-    });
-    return (react_1.default.createElement("span", { className: cx('root', className, crossedOut && 'crossed-out'), "data-testid": testId }, content));
-}
-exports.Price = Price;
+exports.formatPrice = exports.Price = void 0;
+var price_1 = require("./price");
+Object.defineProperty(exports, "Price", { enumerable: true, get: function () { return price_1.Price; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "formatPrice", { enumerable: true, get: function () { return utils_1.formatPrice; } });
+//# sourceMappingURL=index.js.map

package/price/index.js.map

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

package/price/price.d.ts

@@ -0,0 +1,7 @@
+import type { PriceProps } from './types';
+/**
+ * Цена товара с указанием знака валюты.
+ * @param props Параметры компонента.
+ * @return Элемент.
+ */
+export declare function Price({ className, currencyGrapheme: grapheme, graphemeBefore, crossedOut, value, 'data-testid': testId, }: PriceProps): import("react/jsx-runtime").JSX.Element;

package/price/price.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Price = Price;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("./utils");
+const bind_1 = __importDefault(require("classnames/bind"));
+const price_m_scss_1 = __importDefault(require("./price.m.scss"));
+const react_1 = require("react");
+const cx = bind_1.default.bind(price_m_scss_1.default);
+/**
+ * Цена товара с указанием знака валюты.
+ * @param props Параметры компонента.
+ * @return Элемент.
+ */
+function Price({ className, currencyGrapheme: grapheme, graphemeBefore, crossedOut, value, 'data-testid': testId = 'price', }) {
+    const content = (0, react_1.useMemo)(() => (0, utils_1.formatPrice)(value, grapheme, {
+        graphemeBefore,
+    }), [value, grapheme, graphemeBefore]);
+    return ((0, jsx_runtime_1.jsx)("span", { className: cx('root', className, crossedOut && 'crossed-out'), "data-testid": testId, children: content }));
+}
+//# sourceMappingURL=price.js.map

package/price/price.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"price.js","sourceRoot":"","sources":["../../src/price/price.tsx"],"names":[],"mappings":";;;;;AAaA,sBAqBC;;AAjCD,mCAAsC;AACtC,2DAAyC;AACzC,kEAAoC;AACpC,iCAAgC;AAEhC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,sBAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EACpB,SAAS,EACT,gBAAgB,EAAE,QAAQ,EAC1B,cAAc,EACd,UAAU,EACV,KAAK,EACL,aAAa,EAAE,MAAM,GAAG,OAAO,GACpB;IACX,MAAM,OAAO,GAAG,IAAA,eAAO,EACrB,GAAG,EAAE,CACH,IAAA,mBAAW,EAAC,KAAK,EAAE,QAAQ,EAAE;QAC3B,cAAc;KACf,CAAC,EACJ,CAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,CAAC,CAClC,CAAC;IAEF,OAAO,CACL,iCAAM,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,IAAI,aAAa,CAAC,iBAAe,MAAM,YACrF,OAAO,GACH,CACR,CAAC;AACJ,CAAC"}

package/price/types.d.ts

@@ -0,0 +1,13 @@
+import type { WithTestId } from '../types';
+export interface PriceProps extends WithTestId {
+    /** Класс/стили цены. */
+    className?: string;
+    /** Отображать цену 'старой' - серой и зачеркнутой. */
+    crossedOut?: boolean;
+    /** Графема валюты пользователя. */
+    currencyGrapheme?: string;
+    /** Отобразить знак валюты перед ценой. */
+    graphemeBefore?: boolean;
+    /** Цена. */
+    value: number | string;
+}

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';