@sima-land/ui-nucleons 45.0.0-alpha.3 → 45.0.0-alpha.5

package/text-button/index.d.ts

@@ -1,4 +1,4 @@
-import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentType, Ref, SVGAttributes } from 'react';
+import { AnchorHTMLAttributes, ButtonHTMLAttributes, ComponentType, ReactElement, Ref, SVGAttributes } from 'react';
 import { LinkColor } from '../link';
 export type TextButtonSize = 's' | 'm';
 export type TextButtonColor = LinkColor;
@@ -38,5 +38,5 @@ export type TextButtonProps = TextButtonAsButtonProps | TextButtonAsAnchorProps;
  * @param props Свойства.
  * @return Элемент.
  */
-export declare function TextButton({ size, color, children, className, startIcon: StartIcon, endIcon: EndIcon, buttonRef, anchorRef, underline, disabled, iconGutter, 'data-testid': testId, ...restProps }: TextButtonProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare function TextButton({ size, color, children, className, startIcon: StartIcon, endIcon: EndIcon, buttonRef, anchorRef, underline, disabled, iconGutter, 'data-testid': testId, ...restProps }: TextButtonProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export {};

package/text-button/index.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextButton = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const bind_1 = __importDefault(require("classnames/bind"));
 const text_button_module_scss_1 = __importDefault(require("./text-button.module.scss"));
 const cx = bind_1.default.bind(text_button_module_scss_1.default);
@@ -27,18 +27,15 @@ const cx = bind_1.default.bind(text_button_module_scss_1.default);
 function TextButton(_a) {
     var { size = 'm', color = 'basic-blue', children, className, startIcon: StartIcon, endIcon: EndIcon, buttonRef, anchorRef, underline, disabled, iconGutter = 8, 'data-testid': testId = 'text-button' } = _a, restProps = __rest(_a, ["size", "color", "children", "className", "startIcon", "endIcon", "buttonRef", "anchorRef", "underline", "disabled", "iconGutter", 'data-testid']);
     const rooClassName = cx('root', `color-${color}`, `size-${size}`, `icon-gutter-${iconGutter}`, underline && 'underline', disabled && 'disabled', className);
-    const content = (react_1.default.createElement(react_1.default.Fragment, null,
-        StartIcon && react_1.default.createElement(StartIcon, { className: cx('icon-start') }),
-        children,
-        EndIcon && react_1.default.createElement(EndIcon, { className: cx('icon-end') })));
+    const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [StartIcon && (0, jsx_runtime_1.jsx)(StartIcon, { className: cx('icon-start') }), children, EndIcon && (0, jsx_runtime_1.jsx)(EndIcon, { className: cx('icon-end') })] }));
     let result;
     switch (restProps.as) {
         case 'anchor':
-            result = (react_1.default.createElement("a", Object.assign({}, restProps, { ref: anchorRef, className: rooClassName, "data-testid": testId }), content));
+            result = ((0, jsx_runtime_1.jsx)("a", Object.assign({}, restProps, { ref: anchorRef, className: rooClassName, "data-testid": testId }, { children: content })));
             break;
         case 'button':
         default:
-            result = (react_1.default.createElement("button", Object.assign({}, restProps, { ref: buttonRef, className: rooClassName, disabled: disabled, "data-testid": testId }), content));
+            result = ((0, jsx_runtime_1.jsx)("button", Object.assign({}, restProps, { ref: buttonRef, className: rooClassName, disabled: disabled, "data-testid": testId }, { children: content })));
             break;
     }
     return result;

package/text-button/text-button.module.scss

@@ -11,8 +11,8 @@
   white-space: nowrap;
   background: transparent;
   padding: 0;
-  margin: 0;
   border: 0;
+  // ВАЖНО: не надо указывать здесь сброс margin так как его сложно перебить при сборке стилей
 }
 
 .root,

package/text-field/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { BaseInputProps } from '../base-input-deprecated';
 import { SmallRounds } from '../styling/shapes';
 type Variant = 'desktop' | 'mobile';
@@ -65,5 +65,5 @@ export declare const DEFAULTS: {
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement | undefined>>;
+export declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement | HTMLTextAreaElement | undefined>>;
 export {};

package/text-field/index.js

@@ -1,33 +1,11 @@
 "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.TextField = exports.DEFAULTS = exports.HEIGHTS = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const lodash_1 = require("lodash");
 const box_1 = require("../box");
 const base_input_deprecated_1 = require("../base-input-deprecated");
@@ -74,35 +52,27 @@ exports.TextField = (0, react_1.forwardRef)(function TextField({ autoFocus, capt
     });
     (0, react_1.useImperativeHandle)(ref, () => baseInputRef.current);
     (0, react_1.useEffect)(() => { var _a; return toggleHasValue(Boolean((_a = baseInputRef.current) === null || _a === void 0 ? void 0 : _a.value)); });
-    return (react_1.default.createElement("div", { "data-testid": dataTestId, className: cx('root', className, classes.root), style: style },
-        react_1.default.createElement("div", Object.assign({}, blockProps, { "data-testid": 'text-field:block', className: cx('reset', 'input-block', commonModifyClasses, size && `size-${size}`, focused && classes.blockFocused, multiline && 'multiline', withLabel && 'with-label', variant === 'desktop' && rounds !== 'none' && shapes_1.SmallRounds[rounds], blockProps === null || blockProps === void 0 ? void 0 : blockProps.className), onClick: event => {
-                const input = baseInputRef.current;
-                onClick === null || onClick === void 0 ? void 0 : onClick(event);
-                input &&
-                    !disabled &&
-                    !event.defaultPrevented &&
-                    input !== document.activeElement &&
-                    input.focus();
-            } }),
-            !multiline && Boolean(startAdornment) && (react_1.default.createElement(box_1.Box, { display: 'flex', alignItems: 'center', marginRight: 4 }, startAdornment)),
-            react_1.default.createElement("div", { className: cx('main-column') },
-                withLabel && (react_1.default.createElement("label", { className: cx('label', commonModifyClasses, hasValue && 'filled', labelAsPlaceholder && 'as-placeholder'), htmlFor: id, children: label, "data-testid": 'text-field:label' })),
-                react_1.default.createElement("div", { className: cx('input-wrapper') },
-                    react_1.default.createElement(base_input_deprecated_1.BaseInput, Object.assign({}, baseInputProps, { type: type, id: id, name: name, autoComplete: autoComplete, "data-testid": 'text-field:field', multiline: multiline, ref: baseInputRef, placeholder: withLabel && labelAsPlaceholder ? undefined : placeholder, restPlaceholder: withLabel && labelAsPlaceholder ? undefined : restPlaceholder, autoFocus: autoFocus, className: cx('base-input', commonModifyClasses, classes.baseInput, size && `size-${size}`), defaultValue: defaultValue, value: value, readOnly: readOnly, disabled: disabled, onFocus: (event) => {
-                            onFocus && onFocus(event);
-                            toggleHasValue(Boolean(event.target.value));
-                            toggleFocused(true);
-                        }, onBlur: (event) => {
-                            onBlur && onBlur(event);
-                            toggleHasValue(Boolean(event.target.value));
-                            toggleFocused(false);
-                        }, onInput: (event) => {
-                            onInput === null || onInput === void 0 ? void 0 : onInput(event);
-                            toggleHasValue(Boolean(event.target.value));
-                        }, onChange: (event) => {
-                            onChange === null || onChange === void 0 ? void 0 : onChange(event);
-                            toggleHasValue(Boolean(event.target.value));
-                        }, onKeyDown: onKeyDown, onKeyUp: onKeyUp })))),
-            !multiline && Boolean(endAdornment) && (react_1.default.createElement(box_1.Box, { display: 'flex', alignItems: 'center', marginLeft: 4 }, endAdornment))),
-        Boolean(caption) && (react_1.default.createElement("div", { className: cx('caption', (0, sizes_1.marginTop)(isMobile ? 1 : 2), failed && 'failed'), children: caption }))));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-testid": dataTestId, className: cx('root', className, classes.root), style: style }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({}, blockProps, { "data-testid": 'text-field:block', className: cx('reset', 'input-block', commonModifyClasses, size && `size-${size}`, focused && classes.blockFocused, multiline && 'multiline', withLabel && 'with-label', variant === 'desktop' && rounds !== 'none' && shapes_1.SmallRounds[rounds], blockProps === null || blockProps === void 0 ? void 0 : blockProps.className), onClick: event => {
+                    const input = baseInputRef.current;
+                    onClick === null || onClick === void 0 ? void 0 : onClick(event);
+                    input &&
+                        !disabled &&
+                        !event.defaultPrevented &&
+                        input !== document.activeElement &&
+                        input.focus();
+                } }, { children: [!multiline && Boolean(startAdornment) && ((0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({ display: 'flex', alignItems: 'center', marginRight: 4 }, { children: startAdornment }))), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('main-column') }, { children: [withLabel && ((0, jsx_runtime_1.jsx)("label", { className: cx('label', commonModifyClasses, hasValue && 'filled', labelAsPlaceholder && 'as-placeholder'), htmlFor: id, children: label, "data-testid": 'text-field:label' })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('input-wrapper') }, { children: (0, jsx_runtime_1.jsx)(base_input_deprecated_1.BaseInput, Object.assign({}, baseInputProps, { type: type, id: id, name: name, autoComplete: autoComplete, "data-testid": 'text-field:field', multiline: multiline, ref: baseInputRef, placeholder: withLabel && labelAsPlaceholder ? undefined : placeholder, restPlaceholder: withLabel && labelAsPlaceholder ? undefined : restPlaceholder, autoFocus: autoFocus, className: cx('base-input', commonModifyClasses, classes.baseInput, size && `size-${size}`), defaultValue: defaultValue, value: value, readOnly: readOnly, disabled: disabled, onFocus: (event) => {
+                                        onFocus && onFocus(event);
+                                        toggleHasValue(Boolean(event.target.value));
+                                        toggleFocused(true);
+                                    }, onBlur: (event) => {
+                                        onBlur && onBlur(event);
+                                        toggleHasValue(Boolean(event.target.value));
+                                        toggleFocused(false);
+                                    }, onInput: (event) => {
+                                        onInput === null || onInput === void 0 ? void 0 : onInput(event);
+                                        toggleHasValue(Boolean(event.target.value));
+                                    }, onChange: (event) => {
+                                        onChange === null || onChange === void 0 ? void 0 : onChange(event);
+                                        toggleHasValue(Boolean(event.target.value));
+                                    }, onKeyDown: onKeyDown, onKeyUp: onKeyUp })) }))] })), !multiline && Boolean(endAdornment) && ((0, jsx_runtime_1.jsx)(box_1.Box, Object.assign({ display: 'flex', alignItems: 'center', marginLeft: 4 }, { children: endAdornment })))] })), Boolean(caption) && ((0, jsx_runtime_1.jsx)("div", { className: cx('caption', (0, sizes_1.marginTop)(isMobile ? 1 : 2), failed && 'failed'), children: caption }))] })));
 });

package/textarea/index.js

@@ -1,27 +1,4 @@
 "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 __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)
@@ -38,7 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Textarea = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const base_input_1 = require("../base-input");
 const field_block_1 = require("../field-block");
 const utils_1 = require("../input/utils");
@@ -65,8 +43,8 @@ function Textarea(_a) {
     const [focused, setFocused] = (0, react_1.useState)(false);
     const handleMouseDown = (0, utils_1.useFieldMouseDown)(ref, blockProps === null || blockProps === void 0 ? void 0 : blockProps.onMouseDown);
     (0, react_1.useImperativeHandle)(textareaRef, () => ref.current);
-    return (react_1.default.createElement(field_block_1.FieldBlock, Object.assign({}, restProps, { rootProps: Object.assign(Object.assign({}, restProps.rootProps), { style,
-            className }), "data-testid": testId, caption: caption, disabled: disabled, failed: failed, fixedHeight: false, focused: focused, label: label, labelAsPlaceholder: !focused && !filled, labelProps: { htmlFor: id }, size: 'l', blockProps: Object.assign(Object.assign({}, blockProps), { onMouseDown: handleMouseDown }), main: react_1.default.createElement(base_input_1.BaseInput, Object.assign({}, baseInputProps, { textareaRef: ref, multiline: true, className: cx('textarea', baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.className), style: Object.assign(Object.assign({}, baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.style), { '--placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }) }), autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value, onFocus: (event) => {
+    return ((0, jsx_runtime_1.jsx)(field_block_1.FieldBlock, Object.assign({}, restProps, { rootProps: Object.assign(Object.assign({}, restProps.rootProps), { style,
+            className }), "data-testid": testId, caption: caption, disabled: disabled, failed: failed, fixedHeight: false, focused: focused, label: label, labelAsPlaceholder: !focused && !filled, labelProps: { htmlFor: id }, size: 'l', blockProps: Object.assign(Object.assign({}, blockProps), { onMouseDown: handleMouseDown }), main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, Object.assign({}, baseInputProps, { textareaRef: ref, multiline: true, className: cx('textarea', baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.className), style: Object.assign(Object.assign({}, baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.style), { '--placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }) }), autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value, onFocus: (event) => {
                 onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
                 updateFilled(event);
                 setFocused(true);

package/timer/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { Distance } from './types';
 export interface TimerProps {
     /** Дата и время события. */

package/timer/index.js

@@ -1,30 +1,8 @@
 "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;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Timer = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const utils_1 = require("./utils");
 /**
  * Компонент для вывода оставшегося времени до целевой временной отметки.
@@ -40,6 +18,6 @@ const Timer = ({ date, format = utils_1.formatDistance, timeout = 1000 }) => {
         setDistance((0, utils_1.getDistanceToNow)(date));
         return () => clearInterval(timerId);
     }, [timeout]);
-    return react_1.default.createElement(react_1.default.Fragment, null, format(distance));
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: format(distance) });
 };
 exports.Timer = Timer;

package/toggle/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+/// <reference types="react" />
 import { CheckboxInputProps } from '../types';
 export type ToggleProps = CheckboxInputProps;
 /**
  * Компонент стилизованного переключателя (input[type=checkbox]).
  */
-export declare const Toggle: React.ForwardRefExoticComponent<CheckboxInputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Toggle: import("react").ForwardRefExoticComponent<CheckboxInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/toggle/index.js

@@ -1,27 +1,4 @@
 "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 __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)
@@ -38,7 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toggle = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const bind_1 = __importDefault(require("classnames/bind"));
 const toggle_module_scss_1 = __importDefault(require("./toggle.module.scss"));
 const cx = bind_1.default.bind(toggle_module_scss_1.default);
@@ -49,8 +27,6 @@ exports.Toggle = (0, react_1.forwardRef)((_a, ref) => {
     var { className, style, 'data-testid': testId = 'toggle' } = _a, 
     // input props
     restProps = __rest(_a, ["className", "style", 'data-testid']);
-    return (react_1.default.createElement("label", { className: cx('root', className), style: style },
-        react_1.default.createElement("input", Object.assign({}, restProps, { className: cx('input'), ref: ref, type: 'checkbox', "data-testid": testId })),
-        react_1.default.createElement("span", { className: cx('switch') })));
+    return ((0, jsx_runtime_1.jsxs)("label", Object.assign({ className: cx('root', className), style: style }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, restProps, { className: cx('input'), ref: ref, type: 'checkbox', "data-testid": testId })), (0, jsx_runtime_1.jsx)("span", { className: cx('switch') })] })));
 });
 exports.Toggle.displayName = 'Toggle';

package/tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface TooltipProps {
     /** Содержимое. */
     children?: React.ReactNode;
@@ -15,4 +15,4 @@ export interface TooltipProps {
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement | null>>;
+export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLDivElement | null>>;

package/tooltip/index.js

@@ -1,34 +1,12 @@
 "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.Tooltip = void 0;
-const react_1 = __importStar(require("react"));
-const cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/cross"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Cross"));
 const bind_1 = __importDefault(require("classnames/bind"));
 const tooltip_module_scss_1 = __importDefault(require("./tooltip.module.scss"));
 const cx = bind_1.default.bind(tooltip_module_scss_1.default);
@@ -38,6 +16,4 @@ const cx = bind_1.default.bind(tooltip_module_scss_1.default);
  * @param props Свойства.
  * @return Элемент.
  */
-exports.Tooltip = (0, react_1.forwardRef)(({ children, onClose, style, className }, ref) => (react_1.default.createElement("div", { ref: ref, style: style, className: cx('root', className), "data-testid": 'tooltip' },
-    react_1.default.createElement(cross_1.default, { className: cx('cross'), onClick: onClose, "data-testid": 'tooltip:cross' }),
-    react_1.default.createElement("div", { className: cx('content') }, children))));
+exports.Tooltip = (0, react_1.forwardRef)(({ children, onClose, style, className }, ref) => ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref, style: style, className: cx('root', className), "data-testid": 'tooltip' }, { children: [(0, jsx_runtime_1.jsx)(Cross_1.default, { className: cx('cross'), onClick: onClose, "data-testid": 'tooltip:cross' }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('content') }, { children: children }))] }))));

package/top-bar/index.d.ts

@@ -1,3 +1,3 @@
 export type { TopBarProps, TopBarSize } from './types';
-export type { navigationButtons } from './utils';
+export { navigationButtons } from './utils';
 export { TopBar, TOP_BAR_HEIGHT } from './top-bar';

package/top-bar/index.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TOP_BAR_HEIGHT = exports.TopBar = void 0;
+exports.TOP_BAR_HEIGHT = exports.TopBar = exports.navigationButtons = void 0;
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "navigationButtons", { enumerable: true, get: function () { return utils_1.navigationButtons; } });
 var top_bar_1 = require("./top-bar");
 Object.defineProperty(exports, "TopBar", { enumerable: true, get: function () { return top_bar_1.TopBar; } });
 Object.defineProperty(exports, "TOP_BAR_HEIGHT", { enumerable: true, get: function () { return top_bar_1.TOP_BAR_HEIGHT; } });

package/top-bar/top-bar.js

@@ -1,27 +1,4 @@
 "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 __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)
@@ -38,7 +15,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TopBar = exports.TOP_BAR_HEIGHT = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const utils_1 = require("./utils");
 const borders_1 = require("../styling/borders");
 const bind_1 = __importDefault(require("classnames/bind"));
@@ -60,24 +38,7 @@ function TopBar({ divided, size = 'm', title, subtitle, buttons: { start, startS
     const hasEndButtons = end || endSecondary;
     const hasButtons = hasStartButtons || hasEndButtons;
     const rootClasses = cx('root', `size-${size}`, className, divided && borders_1.InnerBorder.bottom, !subtitle && 'no-subtitle');
-    return (react_1.default.createElement("div", { className: rootClasses, "data-testid": testId },
-        hasButtons && (react_1.default.createElement("div", { className: cx('side') },
-            hasStartButtons && (react_1.default.createElement(TopBarButtonGroup, null,
-                start && react_1.default.createElement(TopBarButton, Object.assign({}, start)),
-                startSecondary && react_1.default.createElement(TopBarButton, Object.assign({}, startSecondary)))),
-            hasEndButtons && (react_1.default.createElement(TopBarButtonGroup, { stub: true, end: true },
-                endSecondary && react_1.default.createElement(TopBarButton, Object.assign({}, endSecondary)),
-                end && react_1.default.createElement(TopBarButton, Object.assign({}, end)))))),
-        react_1.default.createElement("div", { className: cx('main') },
-            title && react_1.default.createElement("div", { className: cx('title') }, title),
-            subtitle && react_1.default.createElement("div", { className: cx('subtitle') }, subtitle)),
-        hasButtons && (react_1.default.createElement("div", { className: cx('side') },
-            hasEndButtons && (react_1.default.createElement(TopBarButtonGroup, { end: true },
-                endSecondary && react_1.default.createElement(TopBarButton, Object.assign({}, endSecondary)),
-                end && react_1.default.createElement(TopBarButton, Object.assign({}, end)))),
-            hasStartButtons && (react_1.default.createElement(TopBarButtonGroup, { stub: true },
-                start && react_1.default.createElement(TopBarButton, Object.assign({}, start)),
-                startSecondary && react_1.default.createElement(TopBarButton, Object.assign({}, startSecondary))))))));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: rootClasses, "data-testid": testId }, { children: [hasButtons && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('side') }, { children: [hasStartButtons && ((0, jsx_runtime_1.jsxs)(TopBarButtonGroup, { children: [start && (0, jsx_runtime_1.jsx)(TopBarButton, Object.assign({}, start)), startSecondary && (0, jsx_runtime_1.jsx)(TopBarButton, Object.assign({}, startSecondary))] })), hasEndButtons && ((0, jsx_runtime_1.jsxs)(TopBarButtonGroup, Object.assign({ stub: true, end: true }, { children: [endSecondary && (0, jsx_runtime_1.jsx)(TopBarButton, Object.assign({}, endSecondary)), end && (0, jsx_runtime_1.jsx)(TopBarButton, Object.assign({}, end))] })))] }))), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('main') }, { children: [title && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('title') }, { children: title })), subtitle && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('subtitle') }, { children: subtitle }))] })), hasButtons && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('side') }, { children: [hasEndButtons && ((0, jsx_runtime_1.jsxs)(TopBarButtonGroup, Object.assign({ end: true }, { children: [endSecondary && (0, jsx_runtime_1.jsx)(TopBarButton, Object.assign({}, endSecondary)), end && (0, jsx_runtime_1.jsx)(TopBarButton, Object.assign({}, end))] }))), hasStartButtons && ((0, jsx_runtime_1.jsxs)(TopBarButtonGroup, Object.assign({ stub: true }, { children: [start && (0, jsx_runtime_1.jsx)(TopBarButton, Object.assign({}, start)), startSecondary && (0, jsx_runtime_1.jsx)(TopBarButton, Object.assign({}, startSecondary))] })))] })))] })));
 }
 exports.TopBar = TopBar;
 /**
@@ -86,8 +47,7 @@ exports.TopBar = TopBar;
  * @return Элемент.
  */
 function TopBarButtonGroup({ children, stub, end, }) {
-    return (react_1.default.createElement(utils_1.TopBarButtonGroupContext.Provider, { value: { stub } },
-        react_1.default.createElement("div", { className: cx('button-group', { stub, end }) }, children)));
+    return ((0, jsx_runtime_1.jsx)(utils_1.TopBarButtonGroupContext.Provider, Object.assign({ value: { stub } }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('button-group', { stub, end }) }, { children: children })) })));
 }
 /**
  * Компонент кнопки-иконки.
@@ -97,5 +57,5 @@ function TopBarButtonGroup({ children, stub, end, }) {
 function TopBarButton(_a) {
     var { text, icon, className, 'data-testid': testId = 'top-bar:button' } = _a, buttonProps = __rest(_a, ["text", "icon", "className", 'data-testid']);
     const { stub } = (0, react_1.useContext)(utils_1.TopBarButtonGroupContext);
-    return (react_1.default.createElement("button", Object.assign({}, (!stub && Object.assign(Object.assign({}, buttonProps), { 'data-testid': testId })), { type: 'button', className: cx('button', icon && 'iconic', stub && 'stub', className), "aria-hidden": stub }), icon && !stub ? icon : text));
+    return ((0, jsx_runtime_1.jsx)("button", Object.assign({}, (!stub && Object.assign(Object.assign({}, buttonProps), { 'data-testid': testId })), { type: 'button', className: cx('button', icon && 'iconic', stub && 'stub', className), "aria-hidden": stub }, { children: icon && !stub ? icon : text })));
 }

package/top-bar/utils.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import { TopBarProps } from './types';
-export declare const TopBarButtonGroupContext: React.Context<{
+export declare const TopBarButtonGroupContext: import("react").Context<{
     stub?: boolean | undefined;
 }>;
 /**

package/top-bar/utils.js

@@ -1,35 +1,13 @@
 "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.navigationButtons = exports.TopBarButtonGroupContext = void 0;
-const react_1 = __importStar(require("react"));
-const cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/cross"));
-const arrow_left_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/arrow-left"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Cross"));
+const ArrowLeft_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowLeft"));
 exports.TopBarButtonGroupContext = (0, react_1.createContext)({
     stub: false,
 });
@@ -43,13 +21,13 @@ function navigationButtons({ buttons, onBack, onClose, }) {
         start: {
             'data-testid': 'top-bar:back',
             onClick: onBack,
-            icon: react_1.default.createElement(arrow_left_1.default, null),
+            icon: (0, jsx_runtime_1.jsx)(ArrowLeft_1.default, {}),
         },
     })), (onClose && {
         end: {
             'data-testid': 'top-bar:close',
             onClick: onClose,
-            icon: react_1.default.createElement(cross_1.default, null),
+            icon: (0, jsx_runtime_1.jsx)(Cross_1.default, {}),
         },
     }));
 }

package/touch-slider/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface TouchSliderProps {
     /** Прокручиваемое содержимое. */
     children?: React.ReactNode;

package/touch-slider/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TouchSlider = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const layout_1 = require("../layout");
 const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
 const touch_slider_module_scss_1 = __importDefault(require("./touch-slider.module.scss"));
@@ -15,7 +15,5 @@ const touch_slider_module_scss_1 = __importDefault(require("./touch-slider.modul
  * @param props Свойства.
  * @return Элемент.
  */
-const TouchSlider = ({ children }) => (react_1.default.createElement(layout_1.MobileLayout, null,
-    react_1.default.createElement("div", Object.assign({ className: touch_slider_module_scss_1.default.outer }, { [page_scroll_lock_1.BSL_IGNORE_ATTR]: true }),
-        react_1.default.createElement("div", { className: touch_slider_module_scss_1.default.inner }, children))));
+const TouchSlider = ({ children }) => ((0, jsx_runtime_1.jsx)(layout_1.MobileLayout, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: touch_slider_module_scss_1.default.outer }, { [page_scroll_lock_1.BSL_IGNORE_ATTR]: true }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: touch_slider_module_scss_1.default.inner }, { children: children })) })) }));
 exports.TouchSlider = TouchSlider;

package/unknown-content/index.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export interface UnknownContentProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Строка с html-версткой. */
     markup?: string;