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

package/info-text/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.InfoText = void 0;
-const react_1 = __importStar(require("react"));
-const information_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/information"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Information_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/Information"));
 const bind_1 = __importDefault(require("classnames/bind"));
 const info_text_module_scss_1 = __importDefault(require("./info-text.module.scss"));
 const cx = bind_1.default.bind(info_text_module_scss_1.default);
@@ -39,22 +17,17 @@ const cx = bind_1.default.bind(info_text_module_scss_1.default);
  * @return Элемент.
  */
 function InfoText({ children, style, className, iconRef, onIconClick, iconActive, 'data-testid': testId = 'info-text', }) {
-    return (react_1.default.createElement("span", { style: style, className: className, "data-testid": testId }, react_1.Children.toArray(children).map((item, index, array) => {
-        if (index < array.length - 1) {
-            return item;
-        }
-        else {
-            const text = String(item);
-            const lastSpaceIndex = text.lastIndexOf(' ');
-            const head = text.slice(0, lastSpaceIndex);
-            const last = text.slice(lastSpaceIndex);
-            return (react_1.default.createElement(react_1.Fragment, { key: index },
-                head,
-                last && (react_1.default.createElement("span", { className: info_text_module_scss_1.default.last },
-                    last,
-                    react_1.default.createElement("button", { ref: iconRef, type: 'button', "aria-label": '\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435', disabled: !onIconClick, "aria-hidden": !onIconClick, onClick: onIconClick, className: cx('button', { active: iconActive }), "data-testid": 'info-text:icon' },
-                        react_1.default.createElement(information_1.default, { className: cx('icon') }))))));
-        }
-    })));
+    return ((0, jsx_runtime_1.jsx)("span", Object.assign({ style: style, className: className, "data-testid": testId }, { children: react_1.Children.toArray(children).map((item, index, array) => {
+            if (index < array.length - 1) {
+                return item;
+            }
+            else {
+                const text = String(item);
+                const lastSpaceIndex = text.lastIndexOf(' ');
+                const head = text.slice(0, lastSpaceIndex);
+                const last = text.slice(lastSpaceIndex);
+                return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [head, last && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: info_text_module_scss_1.default.last }, { children: [last, (0, jsx_runtime_1.jsx)("button", Object.assign({ ref: iconRef, type: 'button', "aria-label": '\u041F\u043E\u0434\u0440\u043E\u0431\u043D\u0435\u0435', disabled: !onIconClick, "aria-hidden": !onIconClick, onClick: onIconClick, className: cx('button', { active: iconActive }), "data-testid": 'info-text:icon' }, { children: (0, jsx_runtime_1.jsx)(Information_1.default, { className: cx('icon') }) }))] })))] }, index));
+            }
+        }) })));
 }
 exports.InfoText = InfoText;

package/input/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,13 +15,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = 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("./utils");
 const events_1 = require("../helpers/events");
-const cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Filled/cross"));
-const cross_2 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Filled/cross"));
+const Cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Filled/Cross"));
+const Cross_2 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Filled/Cross"));
 const bind_1 = __importDefault(require("classnames/bind"));
 const input_module_scss_1 = __importDefault(require("./input.module.scss"));
 const cx = bind_1.default.bind(input_module_scss_1.default);
@@ -66,18 +44,18 @@ function Input(_a) {
     const ref = (0, react_1.useRef)(null);
     const [filled, updateFilled] = (0, utils_1.useFilledState)(ref, { value, defaultValue });
     const [focused, setFocused] = (0, react_1.useState)(false);
-    const CrossSVG = size === 's' ? cross_1.default : cross_2.default;
+    const CrossSVG = size === 's' ? Cross_1.default : Cross_2.default;
     const handleMouseDown = (0, utils_1.useFieldMouseDown)(ref, blockProps === null || blockProps === void 0 ? void 0 : blockProps.onMouseDown);
     (0, react_1.useImperativeHandle)(inputRef, () => ref.current);
-    return (react_1.default.createElement(field_block_1.FieldBlock, Object.assign({}, restProps, { rootProps: Object.assign(Object.assign({}, restProps.rootProps), { style,
+    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, focused: focusedProp !== null && focusedProp !== void 0 ? focusedProp : focused, label: label, labelAsPlaceholder: !focused && !filled, labelProps: { htmlFor: id }, size: size }, (clearable &&
         focused &&
         filled && {
-        adornmentEnd: (react_1.default.createElement(CrossSVG, { "data-testid": 'input:clear-button', role: 'button', "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u043F\u043E\u043B\u0435', className: cx('clear-button'), onClick: e => {
+        adornmentEnd: ((0, jsx_runtime_1.jsx)(CrossSVG, { "data-testid": 'input:clear-button', role: 'button', "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C \u043F\u043E\u043B\u0435', className: cx('clear-button'), onClick: e => {
                 ref.current && (0, events_1.triggerInput)(ref.current, '');
                 onClear === null || onClear === void 0 ? void 0 : onClear(e);
             } })),
-    }), { blockProps: Object.assign(Object.assign({}, blockProps), { onMouseDown: handleMouseDown }), main: react_1.default.createElement(base_input_1.BaseInput, Object.assign({}, baseInputProps, { inputRef: ref, multiline: false, className: cx('input', 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: !focused ? label || placeholder : placeholder, readOnly: readOnly, required: required, type: type, value: value, onFocus: event => {
+    }), { blockProps: Object.assign(Object.assign({}, blockProps), { onMouseDown: handleMouseDown }), main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, Object.assign({}, baseInputProps, { inputRef: ref, multiline: false, className: cx('input', 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: !focused ? label || placeholder : placeholder, readOnly: readOnly, required: required, type: type, value: value, onFocus: event => {
                 onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
                 updateFilled(event);
                 setFocused(true);

package/layout/layout.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Layout = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const bind_1 = __importDefault(require("classnames/bind"));
 const layout_module_scss_1 = __importDefault(require("./layout.module.scss"));
 const cx = bind_1.default.bind(layout_module_scss_1.default);
@@ -27,6 +27,6 @@ const cx = bind_1.default.bind(layout_module_scss_1.default);
 function Layout(_a) {
     var { children, className, disabledOn = [], rootRef } = _a, rest = __rest(_a, ["children", "className", "disabledOn", "rootRef"]);
     const rootClassName = cx('layout', className, disabledOn.map(key => `disabled-${key}`));
-    return (react_1.default.createElement("div", Object.assign({}, rest, { ref: rootRef, className: rootClassName }), children));
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { ref: rootRef, className: rootClassName }, { children: children })));
 }
 exports.Layout = Layout;

package/layout/legacy.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
+/// <reference types="react" />
 import { LayoutProps } from './types';
 /**
  * @deprecated На адаптивных страницах стоит использовать Layout.
  */
-declare const DesktopLayout: React.ForwardRefExoticComponent<LayoutProps & {
+declare const DesktopLayout: import("react").ForwardRefExoticComponent<LayoutProps & {
     element?: string | undefined;
-} & React.RefAttributes<HTMLElement>>;
+} & import("react").RefAttributes<HTMLElement>>;
 /**
  * @deprecated На адаптивных страницах стоит использовать Layout.
  */
-declare const MobileLayout: React.ForwardRefExoticComponent<LayoutProps & {
+declare const MobileLayout: import("react").ForwardRefExoticComponent<LayoutProps & {
     element?: string | undefined;
-} & React.RefAttributes<HTMLElement>>;
+} & import("react").RefAttributes<HTMLElement>>;
 export { DesktopLayout, MobileLayout };

package/layout/legacy.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.MobileLayout = exports.DesktopLayout = 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 legacy_module_scss_1 = __importDefault(require("./legacy.module.scss"));
 const cx = bind_1.default.bind(legacy_module_scss_1.default);
@@ -51,7 +29,7 @@ const cx = bind_1.default.bind(legacy_module_scss_1.default);
 const createLayout = (specificClass, displayName) => {
     const Component = (0, react_1.forwardRef)((_a, ref) => {
         var { className, element: Element = 'div', disabledOn = [] } = _a, restProps = __rest(_a, ["className", "element", "disabledOn"]);
-        return (react_1.default.createElement(Element, Object.assign({}, restProps, { ref: ref, className: cx('layout', specificClass, className, disabledOn.map(key => `disabled-${key}`)) })));
+        return ((0, jsx_runtime_1.jsx)(Element, Object.assign({}, restProps, { ref: ref, className: cx('layout', specificClass, className, disabledOn.map(key => `disabled-${key}`)) })));
     });
     Component.displayName = displayName;
     return Component;

package/link/index.d.ts

@@ -1,10 +1,13 @@
-import React from 'react';
+/// <reference types="react" />
 import { Token } from '../colors';
 export type LinkColor = Extract<Token, 'basic-blue' | 'basic-gray87' | 'basic-gray38' | 'basic-white' | 'additional-red' | 'additional-teal'>;
 export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /** Цвет (название токена). */
     color?: LinkColor;
-    /** Нужно ли оборачивать содержимое комментариями no-index. */
+    /**
+     * Нужно ли оборачивать содержимое комментариями no-index.
+     * @deprecated
+     */
     noIndex?: boolean;
     /** Выводить как псевдо-ссылку. */
     pseudo?: boolean;
@@ -21,4 +24,4 @@ export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>
  * @param ref Реф для DOM-элемента ссылки.
  * @return Элемент.
  */
-export declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/link/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.Link = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const get_no_index_1 = require("../helpers/get-no-index");
 const bind_1 = __importDefault(require("classnames/bind"));
 const link_module_scss_1 = __importDefault(require("./link.module.scss"));
@@ -64,5 +42,5 @@ exports.Link = (0, react_1.forwardRef)(function Link(_a, ref) {
             tabIndex: disabled ? undefined : tabIndex || 0,
         }
         : { role, tabIndex };
-    return (react_1.default.createElement("a", Object.assign({}, baseProps, restProps, { "data-testid": testId, ref: ref, className: cx('link', className, color, { disabled, underline }) }, getContentProps(children, noIndex))));
+    return ((0, jsx_runtime_1.jsx)("a", Object.assign({}, baseProps, restProps, { "data-testid": testId, ref: ref, className: cx('link', className, color, { disabled, underline }) }, getContentProps(children, noIndex))));
 });

package/loading-overlay/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { SpinnerProps } from '../spinner';
 export interface LoadingOverlayProps {
     /** Пользовательский CSS-класс корневого элемента. */

package/loading-overlay/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingOverlay = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const spinner_1 = require("../spinner");
 const bind_1 = __importDefault(require("classnames/bind"));
 const loading_overlay_module_scss_1 = __importDefault(require("./loading-overlay.module.scss"));
@@ -15,6 +15,5 @@ const cx = bind_1.default.bind(loading_overlay_module_scss_1.default);
  * @param props Свойства.
  * @return Элемент.
  */
-const LoadingOverlay = ({ style, className, spinnerProps = {}, fill = true, }) => (react_1.default.createElement("div", { className: cx('loading-overlay', fill && 'fill', className), style: style },
-    react_1.default.createElement(spinner_1.Spinner, Object.assign({}, spinnerProps))));
+const LoadingOverlay = ({ style, className, spinnerProps = {}, fill = true, }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('loading-overlay', fill && 'fill', className), style: style }, { children: (0, jsx_runtime_1.jsx)(spinner_1.Spinner, Object.assign({}, spinnerProps)) })));
 exports.LoadingOverlay = LoadingOverlay;

package/masked-field/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { TextFieldProps } from '../text-field';
 export interface MaskState {
     value: string;
@@ -20,4 +20,4 @@ export interface MaskedFieldProps extends Omit<TextFieldProps, 'value' | 'onBlur
  * @param props.value Значение.
  * @param props.onBlur Сработает при событии blur.
  */
-export declare const MaskedField: React.ForwardRefExoticComponent<MaskedFieldProps & React.RefAttributes<HTMLInputElement | undefined>>;
+export declare const MaskedField: import("react").ForwardRefExoticComponent<MaskedFieldProps & import("react").RefAttributes<HTMLInputElement | undefined>>;

package/masked-field/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)
@@ -35,7 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaskedField = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const text_field_1 = require("../text-field");
 const dom_1 = require("@krutoo/input-mask/dist/dom");
 const maskCommons = { placeholder: '_', pattern: /\d/ };
@@ -62,7 +40,7 @@ exports.MaskedField = (0, react_1.forwardRef)(function MaskedField(_a, ref) {
     (0, react_1.useEffect)(() => {
         inputMask && inputMask.setValue(value);
     }, [value, inputMask]);
-    return (react_1.default.createElement(text_field_1.TextField, Object.assign({}, restOptions, { ref: innerRef, multiline: false, restPlaceholder: {
+    return ((0, jsx_runtime_1.jsx)(text_field_1.TextField, Object.assign({}, restOptions, { ref: innerRef, multiline: false, restPlaceholder: {
             value: mask.slice(inputState.value.length),
             shiftValue: inputState.value,
         }, 

package/masked-input/masked-input.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)
@@ -35,7 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaskedInput = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const input_1 = require("../input");
 const utils_1 = require("@krutoo/input-mask/dist/dom/utils");
 const hook_1 = require("./hook");
@@ -58,7 +36,7 @@ function MaskedInput(_a) {
         cleanValue: utils_1.Value.toClean({ mask, placeholder }, store.getState().value),
         completed: store.getState().value.length === mask.length,
     }), [store, mask, placeholder]);
-    return (react_1.default.createElement(input_1.Input, Object.assign({}, props, { baseInputProps: Object.assign(Object.assign({}, baseInputProps), { restPlaceholder: (_b = baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.restPlaceholder) !== null && _b !== void 0 ? _b : {
+    return ((0, jsx_runtime_1.jsx)(input_1.Input, Object.assign({}, props, { baseInputProps: Object.assign(Object.assign({}, baseInputProps), { restPlaceholder: (_b = baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.restPlaceholder) !== null && _b !== void 0 ? _b : {
                 value: mask.slice(store.getState().value.length),
                 shiftValue: store.getState().value,
             } }), inputRef: bind.ref, value: bind.value, onFocus: event => {

package/modal/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { ModalBody, ModalFooter, ModalHeader, ModalOverlap } from './slots';
 import { WithPageScrollLock } from '../_internal/page-scroll-lock';
 export type ModalSize = 's' | 'm' | 'l' | 'xl' | 'fullscreen';

package/modal/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("./utils");
 const slots_1 = require("./slots");
 const modal_overlay_1 = require("../modal-overlay");
@@ -33,19 +33,12 @@ function Modal({ children, height, onClose, scrollDisableOptions, size = 'm', fo
             ? `${Math.min(696, height)}px`
             : undefined,
     };
-    return (react_1.default.createElement(modal_overlay_1.ModalOverlay, Object.assign({ className: cx('overlay') }, overlayClickBind),
-        react_1.default.createElement(plate_1.Plate, { rounds: null, shadow: fullscreen ? null : 'z4', style: style, className: cx('modal', `size-${size}`, header && 'has-header', footer && 'has-footer'), "data-testid": testId },
-            react_1.default.createElement(utils_1.ModalContext.Provider, { value: {
+    return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, Object.assign({ className: cx('overlay') }, overlayClickBind, { children: (0, jsx_runtime_1.jsx)(plate_1.Plate, Object.assign({ rounds: null, shadow: fullscreen ? null : 'z4', style: style, className: cx('modal', `size-${size}`, header && 'has-header', footer && 'has-footer'), "data-testid": testId }, { children: (0, jsx_runtime_1.jsxs)(utils_1.ModalContext.Provider, Object.assign({ value: {
                     withScrollDisable,
                     scrollDisableOptions,
                     topBarSize: 'unset',
                     bottomBarSize: 'unset',
-                } },
-                header,
-                content,
-                footer,
-                !footer && footerStub && react_1.default.createElement("div", { className: cx('footer-stub') }),
-                overlap && (react_1.default.createElement("div", { className: cx('overlap-content'), "data-testid": 'modal:overlap' }, overlap))))));
+                } }, { children: [header, content, footer, !footer && footerStub && (0, jsx_runtime_1.jsx)("div", { className: cx('footer-stub') }), overlap && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: cx('overlap-content'), "data-testid": 'modal:overlap' }, { children: overlap })))] })) })) })));
 }
 exports.Modal = Modal;
 Modal.Header = slots_1.ModalHeader;

package/modal/slots.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.ModalOverlap = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const top_bar_1 = require("../top-bar");
 const utils_1 = require("../top-bar/utils");
 const bottom_bar_1 = require("../bottom-bar");
@@ -57,7 +35,7 @@ const cx = bind_1.default.bind(modal_module_scss_1.default);
 function ModalHeader(_a) {
     var { className, onBack, onClose, buttons } = _a, rest = __rest(_a, ["className", "onBack", "onClose", "buttons"]);
     const { topBarSize } = (0, react_1.useContext)(utils_2.ModalContext);
-    return (react_1.default.createElement(top_bar_1.TopBar, Object.assign({}, rest, { size: topBarSize, buttons: (0, utils_1.navigationButtons)({ buttons, onBack, onClose }), className: cx('header', className) })));
+    return ((0, jsx_runtime_1.jsx)(top_bar_1.TopBar, Object.assign({}, rest, { size: topBarSize, buttons: (0, utils_1.navigationButtons)({ buttons, onBack, onClose }), className: cx('header', className) })));
 }
 exports.ModalHeader = ModalHeader;
 /**
@@ -73,8 +51,7 @@ function ModalBody({ children, onFullScroll, fullScrollThreshold, }) {
     (0, react_1.useImperativeHandle)(scrollableRef, () => (0, custom_scrollbar_1.getViewport)(osComponentRef.current));
     (0, react_1.useImperativeHandle)(viewportRef, () => (0, custom_scrollbar_1.getViewport)(osComponentRef.current));
     (0, page_scroll_lock_1.usePageScrollLock)(scrollableRef, Object.assign({ lockEnabled: withScrollDisable }, scrollDisableOptions));
-    return (react_1.default.createElement(viewport_1.ViewportContext.Provider, { value: viewportRef },
-        react_1.default.createElement(custom_scrollbar_1.CustomScrollbar, { inFlexBox: true, osComponentRef: osComponentRef, className: modal_module_scss_1.default.body, overflow: { x: 'hidden', y: 'scroll' }, onFullScroll: onFullScroll, fullScrollThreshold: fullScrollThreshold }, children)));
+    return ((0, jsx_runtime_1.jsx)(viewport_1.ViewportContext.Provider, Object.assign({ value: viewportRef }, { children: (0, jsx_runtime_1.jsx)(custom_scrollbar_1.CustomScrollbar, Object.assign({ inFlexBox: true, osComponentRef: osComponentRef, className: modal_module_scss_1.default.body, overflow: { x: 'hidden', y: 'scroll' }, onFullScroll: onFullScroll, fullScrollThreshold: fullScrollThreshold }, { children: children })) })));
 }
 exports.ModalBody = ModalBody;
 /**
@@ -85,7 +62,7 @@ exports.ModalBody = ModalBody;
 function ModalFooter(_a) {
     var { className } = _a, rest = __rest(_a, ["className"]);
     const { bottomBarSize } = (0, react_1.useContext)(utils_2.ModalContext);
-    return react_1.default.createElement(bottom_bar_1.BottomBar, Object.assign({}, rest, { size: bottomBarSize, className: cx('footer', className) }));
+    return (0, jsx_runtime_1.jsx)(bottom_bar_1.BottomBar, Object.assign({}, rest, { size: bottomBarSize, className: cx('footer', className) }));
 }
 exports.ModalFooter = ModalFooter;
 /**
@@ -94,6 +71,6 @@ exports.ModalFooter = ModalFooter;
  * @return Элемент.
  */
 function ModalOverlap({ children }) {
-    return react_1.default.createElement(react_1.default.Fragment, null, children);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 }
 exports.ModalOverlap = ModalOverlap;

package/modal-overlay/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.ModalOverlay = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styles_1 = require("../hooks/styles");
 const layer_1 = require("../helpers/layer");
 const classnames_1 = __importDefault(require("classnames"));
@@ -54,7 +32,6 @@ function ModalOverlay(_a) {
     const ref = (0, react_1.useRef)(null);
     (0, react_1.useImperativeHandle)(rootRef, () => ref.current);
     (0, styles_1.useViewportHeightUnit)(ref);
-    return (react_1.default.createElement(layer_1.LayerProvider, { value: layer },
-        react_1.default.createElement("div", Object.assign({}, restProps, { ref: ref, className: (0, classnames_1.default)(modal_overlay_module_scss_1.default.root, className), "data-testid": testId, style: Object.assign(Object.assign({}, style), { zIndex: layer }) }), children)));
+    return ((0, jsx_runtime_1.jsx)(layer_1.LayerProvider, Object.assign({ value: layer }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, restProps, { ref: ref, className: (0, classnames_1.default)(modal_overlay_module_scss_1.default.root, className), "data-testid": testId, style: Object.assign(Object.assign({}, style), { zIndex: layer }) }, { children: children })) })));
 }
 exports.ModalOverlay = ModalOverlay;

package/no-index/index.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
+import { ReactNode } from 'react';
 export interface NoIndexProps {
     /** Содержимое. */
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 /**
  * Компонент отображает неиндексируемый контент.
  * @param props Свойства.
  * @return Элемент.
  */
-export declare const NoIndex: React.FC<NoIndexProps>;
+export declare function NoIndex({ children }: NoIndexProps): JSX.Element;

package/no-index/index.js

@@ -1,18 +1,14 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoIndex = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const no_index_mark_1 = require("../no-index-mark");
 /**
  * Компонент отображает неиндексируемый контент.
  * @param props Свойства.
  * @return Элемент.
  */
-const NoIndex = ({ children }) => (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement(no_index_mark_1.NoIndexMark, null),
-    children,
-    react_1.default.createElement(no_index_mark_1.NoIndexMark, { closing: true })));
+function NoIndex({ children }) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(no_index_mark_1.NoIndexMark, {}), children, (0, jsx_runtime_1.jsx)(no_index_mark_1.NoIndexMark, { closing: true })] }));
+}
 exports.NoIndex = NoIndex;