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

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

package/unknown-content/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.UnknownContent = 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 classnames_1 = __importDefault(require("classnames"));
 const unknown_content_module_scss_1 = __importDefault(require("./unknown-content.module.scss"));
@@ -41,6 +19,6 @@ function UnknownContent({ markup, children, className }) {
     (0, react_1.useEffect)(() => {
         ref.current && (0, utils_1.setTableRowLabels)(ref.current);
     });
-    return (react_1.default.createElement("div", Object.assign({ ref: ref, className: (0, classnames_1.default)(unknown_content_module_scss_1.default.root, className) }, (children ? { children } : { dangerouslySetInnerHTML: { __html: markup || '' } }))));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: ref, className: (0, classnames_1.default)(unknown_content_module_scss_1.default.root, className) }, (children ? { children } : { dangerouslySetInnerHTML: { __html: markup || '' } }))));
 }
 exports.UnknownContent = UnknownContent;

package/upload-area/upload-area.js

@@ -1,38 +1,16 @@
 "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.UploadArea = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const link_1 = require("../link");
 const utils_1 = require("./utils");
 const lodash_1 = require("lodash");
 const get_declination_1 = require("../helpers/get-declination");
-const upload_svg_1 = __importDefault(require("./upload.svg"));
+const Upload_1 = __importDefault(require("@sima-land/ui-quarks/icons/64x64/Stroked/Upload"));
 const bind_1 = __importDefault(require("classnames/bind"));
 const upload_area_module_scss_1 = __importDefault(require("./upload-area.module.scss"));
 const cx = bind_1.default.bind(upload_area_module_scss_1.default);
@@ -68,7 +46,7 @@ function UploadArea({ className, style, size = 'm', multiple, disabled, failed,
         onSelect === null || onSelect === void 0 ? void 0 : onSelect(filterFiles(event.dataTransfer.files), event);
     });
     const rootClassName = cx('root', size !== 'unset' && `size-${size}`, { active, failed, disabled }, className);
-    return (react_1.default.createElement("div", Object.assign({}, rootProps, bind, { "data-testid": testId, style: style, className: rootClassName, tabIndex: disabled ? -1 : 0, role: 'button', onFocus: event => {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({}, rootProps, bind, { "data-testid": testId, style: style, className: rootClassName, tabIndex: disabled ? -1 : 0, role: 'button', onFocus: event => {
             var _a;
             if (!disabled) {
                 (_a = rootProps === null || rootProps === void 0 ? void 0 : rootProps.onFocus) === null || _a === void 0 ? void 0 : _a.call(rootProps, event);
@@ -89,17 +67,9 @@ function UploadArea({ className, style, size = 'm', multiple, disabled, failed,
         }, onBlur: event => {
             var _a;
             (_a = rootProps === null || rootProps === void 0 ? void 0 : rootProps.onBlur) === null || _a === void 0 ? void 0 : _a.call(rootProps, event);
-        } }),
-        react_1.default.createElement(upload_svg_1.default, { className: cx('icon') }),
-        react_1.default.createElement("div", { className: cx('info') },
-            react_1.default.createElement("div", { className: cx('text', 'primary') },
-                react_1.default.createElement("input", Object.assign({}, inputProps, { ref: inputRef, type: 'file', multiple: multiple, className: cx('input'), onChange: onInputChange, onClick: e => {
-                        // для того чтобы при клике на корневом элементе не вызывался второй клик
-                        e.stopPropagation();
-                    }, "data-testid": 'upload-area:input', disabled: disabled })),
-                react_1.default.createElement(link_1.Link, { pseudo: true, "data-testid": 'upload-area:anchor', disabled: disabled },
-                    "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 ",
-                    fileRole)),
-            secondaryInfo && react_1.default.createElement("div", { className: cx('text', 'secondary') }, secondaryInfo))));
+        } }, { children: [(0, jsx_runtime_1.jsx)(Upload_1.default, { className: cx('icon') }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('info') }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: cx('text', 'primary') }, { children: [(0, jsx_runtime_1.jsx)("input", Object.assign({}, inputProps, { ref: inputRef, type: 'file', multiple: multiple, className: cx('input'), onChange: onInputChange, onClick: e => {
+                                    // для того чтобы при клике на корневом элементе не вызывался второй клик
+                                    e.stopPropagation();
+                                }, "data-testid": 'upload-area:input', disabled: disabled })), (0, jsx_runtime_1.jsxs)(link_1.Link, Object.assign({ pseudo: true, "data-testid": 'upload-area:anchor', disabled: disabled }, { children: ["\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 ", fileRole] }))] })), secondaryInfo && (0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('text', 'secondary') }, { children: secondaryInfo }))] }))] })));
 }
 exports.UploadArea = UploadArea;

package/with-hint/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { HintProps } from '../hint-deprecated';
 type ChildrenFn = (ref: React.RefObject<Element>, toggle: (opened: boolean) => void) => React.ReactNode;
 export interface WithHintProps {

package/with-hint/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.useTempHint = exports.WithHint = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const portal_1 = require("../portal");
 const positioning_hint_1 = require("./positioning-hint");
 const utils_1 = require("./utils");
@@ -47,10 +25,7 @@ const WithHint = ({ children, direction = 'top', hint, onClose, shown: shownProp
             });
         }
     }, [shown]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        children(openerRef, toggle),
-        shown && hint && (react_1.default.createElement(portal_1.Portal, null,
-            react_1.default.createElement(positioning_hint_1.PositioningHint, { openerRef: openerRef, direction: direction, children: hint })))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children(openerRef, toggle), shown && hint && ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(positioning_hint_1.PositioningHint, { openerRef: openerRef, direction: direction, children: hint }) }))] }));
 };
 exports.WithHint = WithHint;
 /**

package/with-hint/positioning-hint.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { HintProps } from '../hint-deprecated';
 interface Props extends HintProps {
     openerRef: React.RefObject<Element | undefined | null>;

package/with-hint/positioning-hint.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.PositioningHint = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const hint_deprecated_1 = require("../hint-deprecated");
 const utils_1 = require("./utils");
 const bind_1 = __importDefault(require("classnames/bind"));
@@ -48,6 +26,6 @@ const PositioningHint = ({ children, direction, openerRef }) => {
             utils_1.PlaceAt[direction](ref.current, openerRef.current);
         }
     }, [direction, children]);
-    return (react_1.default.createElement(hint_deprecated_1.Hint, { ref: ref, direction: direction, className: cx('hint', 'hidden'), style: { zIndex: layer + 1 }, children: children }));
+    return ((0, jsx_runtime_1.jsx)(hint_deprecated_1.Hint, { ref: ref, direction: direction, className: cx('hint', 'hidden'), style: { zIndex: layer + 1 }, children: children }));
 };
 exports.PositioningHint = PositioningHint;

package/with-tooltip/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 type ChildrenFn = (ref: React.RefObject<HTMLElement>, toggle: (opened: boolean) => void, shown: boolean) => React.ReactNode;
 export interface WithTooltipProps {
     /** Сработает при клике вне подсказки или на крестик в ней. */

package/with-tooltip/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.WithTooltip = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const get_scroll_parent_1 = require("../helpers/get-scroll-parent");
 const portal_1 = require("../portal");
 const positioning_tooltip_1 = require("./positioning-tooltip");
@@ -37,12 +15,9 @@ const positioning_tooltip_1 = require("./positioning-tooltip");
 const WithTooltip = ({ onDismiss, children, tooltip }) => {
     const openerRef = (0, react_1.useRef)(null);
     const [shown, toggle] = (0, react_1.useState)(false);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        children(openerRef, toggle, shown),
-        shown && (react_1.default.createElement(portal_1.Portal, { defineRoot: () => (0, get_scroll_parent_1.getScrollParent)(openerRef.current) },
-            react_1.default.createElement(positioning_tooltip_1.PositioningTooltip, { openerRef: openerRef, children: tooltip, onDismiss: () => {
-                    onDismiss && onDismiss();
-                    toggle(false);
-                } })))));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children(openerRef, toggle, shown), shown && ((0, jsx_runtime_1.jsx)(portal_1.Portal, Object.assign({ defineRoot: () => (0, get_scroll_parent_1.getScrollParent)(openerRef.current) }, { children: (0, jsx_runtime_1.jsx)(positioning_tooltip_1.PositioningTooltip, { openerRef: openerRef, children: tooltip, onDismiss: () => {
+                        onDismiss && onDismiss();
+                        toggle(false);
+                    } }) })))] }));
 };
 exports.WithTooltip = WithTooltip;

package/with-tooltip/positioning-tooltip.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export interface PositioningTooltipProps {
     /** Содержимое. */
     children?: React.ReactNode;