@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es5/suggest-field/SuggestField.js

@@ -1,45 +1,191 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SuggestField = void 0;
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importStar)(require("react"));
-var input_modal_1 = require("../input-modal/index.js");
-var link_1 = require("../link/index.js");
-var markdown_1 = require("../markdown/index.js");
-var menu_1 = require("../menu/index.js");
-var typography_1 = require("../typography/index.js");
-var CardItem = (0, pijma_core_1.styled)(pijma_core_1.Card)().withComponent(menu_1.MenuItem);
-CardItem.displayName = "CardItem"
-var SuggestField = function (_a) {
-    var _b = _a.equals, equals = _b === void 0 ? function (a, b) { return a === b; } : _b, props = (0, tslib_1.__rest)(_a, ["equals"]);
-    return props.stub ? (react_1.default.createElement(pijma_core_1.InputField, { stub: true, input: false, active: false, title: props.title, help: props.help, hint: props.hint })) : (react_1.default.createElement(pijma_core_1.SuggestControl, { value: props.value, suggest: props.suggest, items: props.items, total: react_1.default.isValidElement(props.total) || typeof props.total === 'string'
-            ? undefined
-            : props.total, empty: react_1.default.isValidElement(props.empty) || typeof props.empty === 'string'
-            ? undefined
-            : props.empty, equals: equals, onRequest: props.onRequest, onChange: props.onChange, onBlur: props.onBlur, onFocus: props.onFocus, onCancel: props.onCancel, onSubmit: props.onSubmit, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Pos, { type: "relative" },
-            react_1.default.createElement(pijma_core_1.Box, { width: 1, onMouseEnter: renderProps.onInputMouseEnter, onMouseLeave: renderProps.onInputMouseLeave },
-                react_1.default.createElement(pijma_core_1.InputField, { title: props.title, active: !!props.suggest || !!props.placeholder, input: react_1.default.createElement(pijma_core_1.BasicInput, { ref: renderProps.inputRef, disabled: props.disabled, type: props.type, name: props.name, value: props.suggest || '', tabIndex: props.tabIndex, pr: props.hint ? 7 : undefined, autoComplete: props.autoComplete, autoFocus: props.autoFocus, placeholder: props.placeholder, maxLength: props.maxLength, error: !!props.error, focused: false, onChange: renderProps.onRequest, onFocus: renderProps.onShowFocus, onBlur: renderProps.onInputBlur }), hint: props.hint, error: props.error, help: props.help, action: props.action })),
-            react_1.default.createElement(pijma_core_1.MenuControl, { count: renderProps.items.length, selected: renderProps.selected, onSelect: renderProps.onItemSelect, onKeyDown: renderProps.onModalItemKeyDown, children: function (menuRenderProps) { return (react_1.default.createElement(input_modal_1.InputModal, { value: props.suggest || '', tabIndex: props.tabIndex, autoComplete: props.autoComplete, placeholder: props.placeholder, maxLength: props.maxLength, show: renderProps.show, inputRef: renderProps.inputRef, contentRef: menuRenderProps.containerRef, error: !!props.error, onChange: renderProps.onRequest, onKeyDown: renderProps.show
-                        ? menuRenderProps.onKeyDown
-                        : renderProps.onModalItemKeyDown, onBlur: renderProps.onModalInputBlur, onShow: renderProps.onShow, onHide: renderProps.onHide, onEscape: renderProps.onEscapeInputModal, onBack: renderProps.onBack, onSubmit: props.onSubmit ? renderProps.onSearchClick : undefined }, props.loading ? (new Array(4)
-                    .fill(1)
-                    .map(function (_item, key) { return (react_1.default.createElement(CardItem, { key: key, icon: true, stub: true, text: "stub", notes: "stub" })); })) : (react_1.default.createElement(pijma_core_1.Spacer, { size: "s" },
-                    menuRenderProps.items.length > 0 ? (react_1.default.createElement(react_1.Fragment, null, menuRenderProps.items.map(function (item, key) { return (react_1.default.createElement(CardItem, { key: key, ref: item.ref, onClick: item.onClick, onMouseEnter: item.onMouseEnter, cursor: "pointer", text: renderProps.items[key].title, notes: renderProps.items[key].description, icon: renderProps.items[key].logo ? (react_1.default.createElement(pijma_core_1.Image, { stub: renderProps.items[key].stub, width: 6, height: 6, src: renderProps.items[key].logo })) : undefined, hover: item.focused, active: item.selected, focus: item.selected })); }))) : null,
-                    props.total && menuRenderProps.items.length > 0 ? (react_1.default.createElement(pijma_core_1.Box, { px: 6 }, react_1.default.isValidElement(props.total) ? (props.total) : typeof props.total === 'string' ? (react_1.default.createElement(markdown_1.Markdown, { children: props.total })) : (react_1.default.createElement(typography_1.Paragraph, null,
-                        props.total.text,
-                        props.total.link ? (react_1.default.createElement(react_1.Fragment, null,
-                            ' ',
-                            react_1.default.createElement(link_1.Link, { onClick: renderProps.onTotalClick, children: props.total.link.text }))) : null)))) : props.empty &&
-                        menuRenderProps.items.length === 0 &&
-                        props.items !== undefined ? (react_1.default.createElement(pijma_core_1.Box, { px: 6 }, react_1.default.isValidElement(props.empty) ? (props.empty) : typeof props.empty === 'string' ? (react_1.default.createElement(markdown_1.Markdown, { children: props.empty })) : (react_1.default.createElement(typography_1.Paragraph, null,
-                        props.empty.text,
-                        props.empty.link ? (react_1.default.createElement(react_1.Fragment, null,
-                            ' ',
-                            react_1.default.createElement(link_1.Link, { onClick: renderProps.onEmptyClick, children: props.empty.link.text }))) : null)))) : null)))); } }))); } }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SuggestField", {
+    enumerable: true,
+    get: function() {
+        return SuggestField;
+    }
+});
+var _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+var _objectWithoutPropertiesLoose = require("@swc/helpers/lib/_object_without_properties_loose.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+var _inputModal = require("../input-modal/index.js");
+var _link = require("../link/index.js");
+var _markdown = require("../markdown/index.js");
+var _menu = require("../menu/index.js");
+var _typography = require("../typography/index.js");
+var CardItem = (0, _pijmaCore.styled)(_pijmaCore.Card)().withComponent(_menu.MenuItem);
+CardItem.displayName = "CardItem";
+var SuggestField = function(_param) {
+    var _equals = _param.equals, equals = _equals === void 0 ? function(a, b) {
+        return a === b;
+    } : _equals, props = _objectWithoutPropertiesLoose(_param, [
+        "equals"
+    ]);
+    return props.stub ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.InputField, {
+        stub: true,
+        input: false,
+        active: false,
+        title: props.title,
+        help: props.help,
+        hint: props.hint
+    }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SuggestControl, {
+        value: props.value,
+        suggest: props.suggest,
+        items: props.items,
+        total: /*#__PURE__*/ _react.default.isValidElement(props.total) || typeof props.total === "string" ? undefined : props.total,
+        empty: /*#__PURE__*/ _react.default.isValidElement(props.empty) || typeof props.empty === "string" ? undefined : props.empty,
+        equals: equals,
+        onRequest: props.onRequest,
+        onChange: props.onChange,
+        onBlur: props.onBlur,
+        onFocus: props.onFocus,
+        onCancel: props.onCancel,
+        onSubmit: props.onSubmit,
+        children: function(renderProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Pos, {
+                type: "relative",
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                        width: 1,
+                        onMouseEnter: renderProps.onInputMouseEnter,
+                        onMouseLeave: renderProps.onInputMouseLeave,
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.InputField, {
+                            title: props.title,
+                            active: !!props.suggest || !!props.placeholder,
+                            input: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.BasicInput, {
+                                ref: renderProps.inputRef,
+                                disabled: props.disabled,
+                                type: props.type,
+                                name: props.name,
+                                value: props.suggest || "",
+                                tabIndex: props.tabIndex,
+                                pr: props.hint ? 7 : undefined,
+                                autoComplete: props.autoComplete,
+                                autoFocus: props.autoFocus,
+                                placeholder: props.placeholder,
+                                maxLength: props.maxLength,
+                                error: !!props.error,
+                                focused: false,
+                                onChange: renderProps.onRequest,
+                                onFocus: renderProps.onShowFocus,
+                                onBlur: renderProps.onInputBlur
+                            }),
+                            hint: props.hint,
+                            error: props.error,
+                            help: props.help,
+                            action: props.action
+                        })
+                    }),
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.MenuControl, {
+                        count: renderProps.items.length,
+                        selected: renderProps.selected,
+                        onSelect: renderProps.onItemSelect,
+                        onKeyDown: renderProps.onModalItemKeyDown,
+                        children: function(menuRenderProps) {
+                            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_inputModal.InputModal, {
+                                value: props.suggest || "",
+                                tabIndex: props.tabIndex,
+                                autoComplete: props.autoComplete,
+                                placeholder: props.placeholder,
+                                maxLength: props.maxLength,
+                                show: renderProps.show,
+                                inputRef: renderProps.inputRef,
+                                contentRef: menuRenderProps.containerRef,
+                                error: !!props.error,
+                                onChange: renderProps.onRequest,
+                                onKeyDown: renderProps.show ? menuRenderProps.onKeyDown : renderProps.onModalItemKeyDown,
+                                onBlur: renderProps.onModalInputBlur,
+                                onShow: renderProps.onShow,
+                                onHide: renderProps.onHide,
+                                onEscape: renderProps.onEscapeInputModal,
+                                onBack: renderProps.onBack,
+                                onSubmit: props.onSubmit ? renderProps.onSearchClick : undefined,
+                                children: props.loading ? new Array(4).fill(1).map(function(_item, key) {
+                                    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(CardItem, {
+                                        icon: true,
+                                        stub: true,
+                                        text: "stub",
+                                        notes: "stub"
+                                    }, key);
+                                }) : /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Spacer, {
+                                    size: "s",
+                                    children: [
+                                        menuRenderProps.items.length > 0 ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_react.Fragment, {
+                                            children: menuRenderProps.items.map(function(item, key) {
+                                                return /*#__PURE__*/ (0, _jsxRuntime.jsx)(CardItem, {
+                                                    ref: item.ref,
+                                                    onClick: item.onClick,
+                                                    onMouseEnter: item.onMouseEnter,
+                                                    cursor: "pointer",
+                                                    text: renderProps.items[key].title,
+                                                    notes: renderProps.items[key].description,
+                                                    icon: renderProps.items[key].logo ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Image, {
+                                                        stub: renderProps.items[key].stub,
+                                                        width: 6,
+                                                        height: 6,
+                                                        src: renderProps.items[key].logo
+                                                    }) : undefined,
+                                                    hover: item.focused,
+                                                    active: item.selected,
+                                                    focus: item.selected
+                                                }, key);
+                                            })
+                                        }) : null,
+                                        props.total && menuRenderProps.items.length > 0 ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                                            px: 6,
+                                            children: /*#__PURE__*/ _react.default.isValidElement(props.total) ? props.total : typeof props.total === "string" ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_markdown.Markdown, {
+                                                children: props.total
+                                            }) : /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_typography.Paragraph, {
+                                                children: [
+                                                    props.total.text,
+                                                    props.total.link ? /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_react.Fragment, {
+                                                        children: [
+                                                            " ",
+                                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_link.Link, {
+                                                                onClick: renderProps.onTotalClick,
+                                                                children: props.total.link.text
+                                                            })
+                                                        ]
+                                                    }) : null
+                                                ]
+                                            })
+                                        }) : props.empty && menuRenderProps.items.length === 0 && props.items !== undefined ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                                            px: 6,
+                                            children: /*#__PURE__*/ _react.default.isValidElement(props.empty) ? props.empty : typeof props.empty === "string" ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_markdown.Markdown, {
+                                                children: props.empty
+                                            }) : /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_typography.Paragraph, {
+                                                children: [
+                                                    props.empty.text,
+                                                    props.empty.link ? /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_react.Fragment, {
+                                                        children: [
+                                                            " ",
+                                                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_link.Link, {
+                                                                onClick: renderProps.onEmptyClick,
+                                                                children: props.empty.link.text
+                                                            })
+                                                        ]
+                                                    }) : null
+                                                ]
+                                            })
+                                        }) : null
+                                    ]
+                                })
+                            });
+                        }
+                    })
+                ]
+            });
+        }
+    });
 };
-exports.SuggestField = SuggestField;
-exports.SuggestField.defaultProps = {
-    equals: function (a, b) { return a === b; },
+SuggestField.displayName = "SuggestField";
+SuggestField.defaultProps = {
+    equals: function(a, b) {
+        return a === b;
+    }
 };
-exports.SuggestField.displayName = 'SuggestField';

package/lib/es5/suggest-field/SuggestFieldOptionModel.js

@@ -1,2 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/es5/suggest-field/SuggestFieldProps.js

@@ -1,2 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/es5/suggest-field/index.js

@@ -1,4 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./SuggestField.js"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./SuggestField.js"), exports);

package/lib/es5/switch/Switch.js

@@ -1,18 +1,86 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Switch = void 0;
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
-var Switch = function (props) {
-    return props.stub ? (react_1.default.createElement(pijma_core_1.Flex, { direction: props.reverse ? 'row-reverse' : 'row', justify: props.reverse ? 'space-between' : 'flex-start' },
-        react_1.default.createElement(pijma_core_1.FlexItem, { ml: props.reverse ? 3 : 0, mr: props.reverse ? 0 : 3 },
-            react_1.default.createElement(pijma_core_1.Stub, { width: 9, height: 5, top: 0.5, bottom: 0.5, left: 0.5, right: 0.5, r: 10 })),
-        react_1.default.createElement(pijma_core_1.FlexItem, { width: 33, maxWidth: 1 },
-            react_1.default.createElement(pijma_core_1.Stub, { width: 1, height: 2, top: 2, bottom: 2 })))) : (react_1.default.createElement(pijma_core_1.SwitchControl, { checked: props.checked, disabled: props.disabled || props.loading, onChange: props.onChange, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.OptionField, { tabIndex: props.tabIndex, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onKeyDown: renderProps.onKeyDown, children: react_1.default.createElement(pijma_core_1.OptionFieldItem, { label: props.label, reverse: props.reverse, description: props.description, disabled: props.disabled, icon: react_1.default.createElement(pijma_core_1.Box, { width: 10 }, props.loading ? (react_1.default.createElement(pijma_core_1.Stub, { width: 9, height: 5, top: 0.5, bottom: 0.5, left: 0.5, right: 0.5, r: 10 })) : (react_1.default.createElement(pijma_core_1.Tumbler, { disabled: props.disabled, checked: props.checked, focused: renderProps.focused }))), onMouseLeave: renderProps.onMouseLeave, onMouseEnter: renderProps.onMouseEnter, onClick: renderProps.onClick }) })); } }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Switch", {
+    enumerable: true,
+    get: function() {
+        return Switch;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var Switch = function(props) {
+    return props.stub ? /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Flex, {
+        direction: props.reverse ? "row-reverse" : "row",
+        justify: props.reverse ? "space-between" : "flex-start",
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                ml: props.reverse ? 3 : 0,
+                mr: props.reverse ? 0 : 3,
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                    width: 9,
+                    height: 5,
+                    top: 0.5,
+                    bottom: 0.5,
+                    left: 0.5,
+                    right: 0.5,
+                    r: 10
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                width: 33,
+                maxWidth: 1,
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                    width: 1,
+                    height: 2,
+                    top: 2,
+                    bottom: 2
+                })
+            })
+        ]
+    }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.SwitchControl, {
+        checked: props.checked,
+        disabled: props.disabled || props.loading,
+        onChange: props.onChange,
+        children: function(renderProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.OptionField, {
+                tabIndex: props.tabIndex,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onKeyDown: renderProps.onKeyDown,
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.OptionFieldItem, {
+                    label: props.label,
+                    reverse: props.reverse,
+                    description: props.description,
+                    disabled: props.disabled,
+                    icon: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                        width: 10,
+                        children: props.loading ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                            width: 9,
+                            height: 5,
+                            top: 0.5,
+                            bottom: 0.5,
+                            left: 0.5,
+                            right: 0.5,
+                            r: 10
+                        }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Tumbler, {
+                            disabled: props.disabled,
+                            checked: props.checked,
+                            focused: renderProps.focused
+                        })
+                    }),
+                    onMouseLeave: renderProps.onMouseLeave,
+                    onMouseEnter: renderProps.onMouseEnter,
+                    onClick: renderProps.onClick
+                })
+            });
+        }
+    });
 };
-exports.Switch = Switch;
-exports.Switch.displayName = "Switch"
-exports.Switch.defaultProps = {
-    tabIndex: 0,
+Switch.displayName = "Switch";
+Switch.defaultProps = {
+    tabIndex: 0
 };

package/lib/es5/switch/SwitchProps.js

@@ -1,2 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/es5/switch/index.js

@@ -1,4 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-(0, tslib_1.__exportStar)(require("./Switch.js"), exports);
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+_exportStar(require("./Switch.js"), exports);

package/lib/es5/switch-field/SwitchField.js

@@ -1,20 +1,118 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var pijma_core_1 = require("@qiwi/pijma-core");
-var react_1 = (0, tslib_1.__importDefault)(require("react"));
-var SwitchField = function (props) {
-    return props.stub ? (react_1.default.createElement(pijma_core_1.Box, { maxWidth: 1 },
-        react_1.default.createElement(pijma_core_1.Stub, { width: 24, height: 3, top: 2, bottom: 4 }),
-        react_1.default.createElement(pijma_core_1.Spacer, { size: "s" }, [33, 38, 30].map(function (width, index) { return (react_1.default.createElement(pijma_core_1.Flex, { key: index, direction: props.reverse ? 'row-reverse' : 'row', justify: props.reverse ? 'space-between' : 'flex-start' },
-            react_1.default.createElement(pijma_core_1.FlexItem, { ml: props.reverse ? 3 : 0, mr: props.reverse ? 0 : 3 },
-                react_1.default.createElement(pijma_core_1.Stub, { width: 9, height: 5, top: 0.5, bottom: 0.5, left: 0.5, right: 0.5, r: 10 })),
-            react_1.default.createElement(pijma_core_1.FlexItem, { width: width, maxWidth: 1 },
-                react_1.default.createElement(pijma_core_1.Stub, { width: 1, height: 2, top: 2, bottom: 2 })))); })))) : (react_1.default.createElement(pijma_core_1.CheckboxControl, { tabIndex: props.tabIndex, options: props.options, values: props.values, equals: props.equals, onChange: props.onChange, onFocus: props.onFocus, onBlur: props.onBlur, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.OptionField, { title: props.title, hint: props.hint, help: props.help, tabIndex: renderProps.tabIndex, autoFocus: props.autoFocus, onFocus: renderProps.onFocus, onBlur: renderProps.onBlur, onKeyDown: renderProps.onKeyDown, children: renderProps.options.map(function (option, index) { return (react_1.default.createElement(pijma_core_1.OptionControl, { key: index, disabled: option.disabled, value: option.value, onClick: option.onClick, onMouseEnter: option.onMouseEnter, onMouseLeave: renderProps.onMouseLeave, children: function (renderOptionProps) { return (react_1.default.createElement(pijma_core_1.OptionFieldItem, { disabled: option.disabled, reverse: props.reverse, icon: react_1.default.createElement(pijma_core_1.Box, { width: 10 },
-                        react_1.default.createElement(pijma_core_1.Tumbler, { disabled: option.disabled, checked: option.checked, focused: option.focused })), label: option.label, description: option.description, onClick: renderOptionProps.onClick, onMouseLeave: renderOptionProps.onMouseLeave, onMouseEnter: renderOptionProps.onMouseEnter })); } })); }) })); } }));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _jsxRuntime = require("react/jsx-runtime");
+var _pijmaCore = require("@qiwi/pijma-core");
+var _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+var SwitchField = function(props) {
+    return props.stub ? /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Box, {
+        maxWidth: 1,
+        children: [
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                width: 24,
+                height: 3,
+                top: 2,
+                bottom: 4
+            }),
+            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Spacer, {
+                size: "s",
+                children: [
+                    33,
+                    38,
+                    30
+                ].map(function(width, index) {
+                    return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Flex, {
+                        direction: props.reverse ? "row-reverse" : "row",
+                        justify: props.reverse ? "space-between" : "flex-start",
+                        children: [
+                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                                ml: props.reverse ? 3 : 0,
+                                mr: props.reverse ? 0 : 3,
+                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                                    width: 9,
+                                    height: 5,
+                                    top: 0.5,
+                                    bottom: 0.5,
+                                    left: 0.5,
+                                    right: 0.5,
+                                    r: 10
+                                })
+                            }),
+                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                                width: width,
+                                maxWidth: 1,
+                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                                    width: 1,
+                                    height: 2,
+                                    top: 2,
+                                    bottom: 2
+                                })
+                            })
+                        ]
+                    }, index);
+                })
+            })
+        ]
+    }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.CheckboxControl, {
+        tabIndex: props.tabIndex,
+        options: props.options,
+        values: props.values,
+        equals: props.equals,
+        onChange: props.onChange,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        children: function(renderProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.OptionField, {
+                title: props.title,
+                hint: props.hint,
+                help: props.help,
+                tabIndex: renderProps.tabIndex,
+                autoFocus: props.autoFocus,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onKeyDown: renderProps.onKeyDown,
+                children: renderProps.options.map(function(option, index) {
+                    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.OptionControl, {
+                        disabled: option.disabled,
+                        value: option.value,
+                        onClick: option.onClick,
+                        onMouseEnter: option.onMouseEnter,
+                        onMouseLeave: renderProps.onMouseLeave,
+                        children: function(renderOptionProps) {
+                            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.OptionFieldItem, {
+                                disabled: option.disabled,
+                                reverse: props.reverse,
+                                icon: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                                    width: 10,
+                                    children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Tumbler, {
+                                        disabled: option.disabled,
+                                        checked: option.checked,
+                                        focused: option.focused
+                                    })
+                                }),
+                                label: option.label,
+                                description: option.description,
+                                onClick: renderOptionProps.onClick,
+                                onMouseLeave: renderOptionProps.onMouseLeave,
+                                onMouseEnter: renderOptionProps.onMouseEnter
+                            });
+                        }
+                    }, index);
+                })
+            });
+        }
+    });
 };
-SwitchField.displayName = "SwitchField"
+SwitchField.displayName = "SwitchField";
 SwitchField.defaultProps = {
-    tabIndex: 0,
+    tabIndex: 0
 };
-exports.default = SwitchField;
+var _default = SwitchField;

package/lib/es5/switch-field/SwitchFieldOptionModel.js

@@ -1,2 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/es5/switch-field/SwitchFieldProps.js

@@ -1,2 +1,4 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/lib/es5/switch-field/index.js

@@ -1,6 +1,12 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SwitchField = void 0;
-var tslib_1 = require("tslib");
-var SwitchField_1 = (0, tslib_1.__importDefault)(require("./SwitchField.js"));
-exports.SwitchField = SwitchField_1.default;
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "SwitchField", {
+    enumerable: true,
+    get: function() {
+        return _switchField.default;
+    }
+});
+var _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+var _switchField = /*#__PURE__*/ _interopRequireDefault(require("./SwitchField.js"));