@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es5/code-field/CodeField.js

@@ -1,34 +1,122 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CodeField = 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 animation = function (count) {
-    var _a;
-    return (0, pijma_core_1.keyframes)((_a = {
-            '0%': {
-                height: '48px',
-            }
-        },
-        _a[(1 / count) * 50 + "%"] = {
-            height: '40px',
-        },
-        _a[(1 / count) * 100 + "%"] = {
-            height: '48px',
-        },
-        _a));
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CodeField", {
+    enumerable: true,
+    get: function() {
+        return CodeField;
+    }
+});
+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 animation = function(count) {
+    var _obj;
+    return (0, _pijmaCore.keyframes)((_obj = {
+        "0%": {
+            height: "48px"
+        }
+    }, _obj["" + 1 / count * 50 + "%"] = {
+        height: "40px"
+    }, _obj["" + 1 / count * 100 + "%"] = {
+        height: "48px"
+    }, _obj));
 };
-var CodeField = function (_a) {
-    var _b = _a.length, length = _b === void 0 ? 4 : _b, _c = _a.autoFocus, autoFocus = _c === void 0 ? false : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.type, type = _e === void 0 ? 'tel' : _e, props = (0, tslib_1.__rest)(_a, ["length", "autoFocus", "loading", "type"]);
-    return props.stub ? (react_1.default.createElement(react_1.Fragment, null, new Array(length).fill('').map(function (_, index) { return (react_1.default.createElement(pijma_core_1.Box, { ml: index === 0 ? 0 : 3, display: "inline-block", key: index },
-        react_1.default.createElement(pijma_core_1.Stub, { width: 8, height: 12, r: 8 }))); }))) : (react_1.default.createElement(pijma_core_1.CodeFieldControl, { value: props.value, type: type, autoFocus: autoFocus, loading: loading, onChange: props.onChange, onFocus: props.onFocus, onBlur: props.onBlur, onReady: props.onReady, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Box, { width: 1, minHeight: 12 },
-            react_1.default.createElement(pijma_core_1.Flex, null, renderProps.values.map(function (item, index) { return (react_1.default.createElement(pijma_core_1.FlexItem, { ml: index === 0 ? 0 : 3, align: "top", key: index },
-                react_1.default.createElement(pijma_core_1.Input, { name: props.name, tabIndex: index === 0 ? 0 : -1, cursor: props.disabled ? 'not-allowed' : undefined, animation: loading
-                        ? animation(props.value.length) + " " + 450 * props.value.length + "ms ease-in-out " + 450 * index + "ms infinite"
-                        : undefined, autoFocus: autoFocus && index === 0, css: { textAlign: 'center' }, bg: "#F2F2F2", b: item.focused && !loading ? '1px solid #CCCCCC' : undefined, autoComplete: "off", valueSize: 5, valueWeight: 400, width: 8, height: 12, r: 8, type: type, disabled: props.disabled || loading, ref: item.ref, value: loading ? '' : props.value[index], onChange: function (e) { return item.onChange(e, index); }, onClick: function (e) { return item.onClick(e, index); }, onFocus: function (e) { return item.onFocus(e, index); }, onBlur: function (e) { return item.onBlur(e, index); }, onKeyDown: function (e) { return renderProps.onKeyDown(e, index); } }))); })),
-            props.error ? (react_1.default.createElement(pijma_core_1.Box, { mt: 5 },
-                react_1.default.createElement(pijma_core_1.Typo, { display: "block", color: "#d0021b", weight: 300, size: 3.5, height: 5, children: props.error }))) : null)); } }));
+var CodeField = function(_param) {
+    var _length = _param.length, length = _length === void 0 ? 4 : _length, _autoFocus = _param.autoFocus, autoFocus = _autoFocus === void 0 ? false : _autoFocus, _loading = _param.loading, loading = _loading === void 0 ? false : _loading, _type = _param.type, type = _type === void 0 ? "tel" : _type, props = _objectWithoutPropertiesLoose(_param, [
+        "length",
+        "autoFocus",
+        "loading",
+        "type"
+    ]);
+    return props.stub ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_react.Fragment, {
+        children: new Array(length).fill("").map(function(_, index) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                ml: index === 0 ? 0 : 3,
+                display: "inline-block",
+                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Stub, {
+                    width: 8,
+                    height: 12,
+                    r: 8
+                })
+            }, index);
+        })
+    }) : /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.CodeFieldControl, {
+        value: props.value,
+        type: type,
+        autoFocus: autoFocus,
+        loading: loading,
+        onChange: props.onChange,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        onReady: props.onReady,
+        children: function(renderProps) {
+            return /*#__PURE__*/ (0, _jsxRuntime.jsxs)(_pijmaCore.Box, {
+                width: 1,
+                minHeight: 12,
+                children: [
+                    /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Flex, {
+                        children: renderProps.values.map(function(item, index) {
+                            return /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.FlexItem, {
+                                ml: index === 0 ? 0 : 3,
+                                align: "top",
+                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Input, {
+                                    name: props.name,
+                                    tabIndex: index === 0 ? 0 : -1,
+                                    cursor: props.disabled ? "not-allowed" : undefined,
+                                    animation: loading ? animation(props.value.length) + " " + 450 * props.value.length + "ms ease-in-out " + 450 * index + "ms infinite" : undefined,
+                                    autoFocus: autoFocus && index === 0,
+                                    css: {
+                                        textAlign: "center"
+                                    },
+                                    bg: "#F2F2F2",
+                                    b: item.focused && !loading ? "1px solid #CCCCCC" : undefined,
+                                    autoComplete: "off",
+                                    valueSize: 5,
+                                    valueWeight: 400,
+                                    width: 8,
+                                    height: 12,
+                                    r: 8,
+                                    type: type,
+                                    disabled: props.disabled || loading,
+                                    ref: item.ref,
+                                    value: loading ? "" : props.value[index],
+                                    onChange: function(e) {
+                                        return item.onChange(e, index);
+                                    },
+                                    onClick: function(e) {
+                                        return item.onClick(e, index);
+                                    },
+                                    onFocus: function(e) {
+                                        return item.onFocus(e, index);
+                                    },
+                                    onBlur: function(e) {
+                                        return item.onBlur(e, index);
+                                    },
+                                    onKeyDown: function(e) {
+                                        return renderProps.onKeyDown(e, index);
+                                    }
+                                })
+                            }, index);
+                        })
+                    }),
+                    props.error ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                        mt: 5,
+                        children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Typo, {
+                            display: "block",
+                            color: "#d0021b",
+                            weight: 300,
+                            size: 3.5,
+                            height: 5,
+                            children: props.error
+                        })
+                    }) : null
+                ]
+            });
+        }
+    });
 };
-exports.CodeField = CodeField;
-exports.CodeField.displayName = "CodeField"
+CodeField.displayName = "CodeField";

package/lib/es5/code-field/CodeFieldProps.js

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

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

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

package/lib/es5/content-suggest/ContentSuggest.js

@@ -1,42 +1,179 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentSuggest = 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 menu_1 = require("../menu/index.js");
-var typography_1 = require("../typography/index.js");
-var CardMenuItem = (0, pijma_core_1.styled)(pijma_core_1.Card)().withComponent(menu_1.MenuItem);
-CardMenuItem.displayName = "CardMenuItem"
-var ContentSuggest = 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 (react_1.default.createElement(pijma_core_1.SuggestControl, { value: props.value, suggest: props.suggest, items: props.items, total: props.total, empty: 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.ContentInput, { value: props.suggest || '', type: "search", error: false, tabIndex: props.tabIndex, autoComplete: props.autoComplete, autoFocus: props.autoFocus, placeholder: props.placeholder, maxLength: props.maxLength, pr: 14, focused: false, hovered: renderProps.hovered, onChange: renderProps.onRequest, onFocus: renderProps.onShowFocus }),
-                react_1.default.createElement(pijma_core_1.Pos, { type: "absolute", right: 4, top: 3, onClick: renderProps.onShowClick },
-                    react_1.default.createElement(pijma_core_1.Icon, { name: "search", color: "#666" }))),
-            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, onSubmit: renderProps.onSearchClick, onShow: renderProps.onShow, onHide: renderProps.onHide, onEscape: renderProps.onEscapeInputModal, onBack: renderProps.onBack }, props.loading ? (new Array(4)
-                    .fill(1)
-                    .map(function (_item, key) { return (react_1.default.createElement(CardMenuItem, { 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(CardMenuItem, { key: key, ref: item.ref, onClick: item.onClick, onMouseEnter: item.onMouseEnter, cursor: "pointer", text: renderProps.items[key].title, notes: renderProps.items[key].description, icon: react_1.default.createElement(pijma_core_1.Image, { width: 6, height: 6, src: renderProps.items[key].logo }), 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: 4 },
-                        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 ? (react_1.default.createElement(pijma_core_1.Box, { px: 4 },
-                        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, "ContentSuggest", {
+    enumerable: true,
+    get: function() {
+        return ContentSuggest;
+    }
+});
+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 _menu = require("../menu/index.js");
+var _typography = require("../typography/index.js");
+var CardMenuItem = (0, _pijmaCore.styled)(_pijmaCore.Card)().withComponent(_menu.MenuItem);
+CardMenuItem.displayName = "CardMenuItem";
+var ContentSuggest = function(_param) /*#__PURE__*/ {
+    var _equals = _param.equals, equals = _equals === void 0 ? function(a, b) {
+        return a === b;
+    } : _equals, props = _objectWithoutPropertiesLoose(_param, [
+        "equals"
+    ]);
+    return (0, _jsxRuntime.jsx)(_pijmaCore.SuggestControl, {
+        value: props.value,
+        suggest: props.suggest,
+        items: props.items,
+        total: props.total,
+        empty: 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.jsxs)(_pijmaCore.Box, {
+                        width: 1,
+                        onMouseEnter: renderProps.onInputMouseEnter,
+                        onMouseLeave: renderProps.onInputMouseLeave,
+                        children: [
+                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.ContentInput, {
+                                value: props.suggest || "",
+                                type: "search",
+                                error: false,
+                                tabIndex: props.tabIndex,
+                                autoComplete: props.autoComplete,
+                                autoFocus: props.autoFocus,
+                                placeholder: props.placeholder,
+                                maxLength: props.maxLength,
+                                pr: 14,
+                                focused: false,
+                                hovered: renderProps.hovered,
+                                onChange: renderProps.onRequest,
+                                onFocus: renderProps.onShowFocus
+                            }),
+                            /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Pos, {
+                                type: "absolute",
+                                right: 4,
+                                top: 3,
+                                onClick: renderProps.onShowClick,
+                                children: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Icon, {
+                                    name: "search",
+                                    color: "#666"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__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,
+                                onSubmit: renderProps.onSearchClick,
+                                onShow: renderProps.onShow,
+                                onHide: renderProps.onHide,
+                                onEscape: renderProps.onEscapeInputModal,
+                                onBack: renderProps.onBack,
+                                children: props.loading ? new Array(4).fill(1).map(function(_item, key) {
+                                    return /*#__PURE__*/ (0, _jsxRuntime.jsx)(CardMenuItem, {
+                                        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)(CardMenuItem, {
+                                                    ref: item.ref,
+                                                    onClick: item.onClick,
+                                                    onMouseEnter: item.onMouseEnter,
+                                                    cursor: "pointer",
+                                                    text: renderProps.items[key].title,
+                                                    notes: renderProps.items[key].description,
+                                                    icon: /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Image, {
+                                                        width: 6,
+                                                        height: 6,
+                                                        src: renderProps.items[key].logo
+                                                    }),
+                                                    hover: item.focused,
+                                                    active: item.selected,
+                                                    focus: item.selected
+                                                }, key);
+                                            })
+                                        }) : null,
+                                        props.total && menuRenderProps.items.length > 0 ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                                            px: 4,
+                                            children: /*#__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 ? /*#__PURE__*/ (0, _jsxRuntime.jsx)(_pijmaCore.Box, {
+                                            px: 4,
+                                            children: /*#__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.ContentSuggest = ContentSuggest;
-exports.ContentSuggest.defaultProps = {
-    equals: function (a, b) { return a === b; },
+ContentSuggest.displayName = "ContentSuggest";
+ContentSuggest.defaultProps = {
+    equals: function(a, b) {
+        return a === b;
+    }
 };
-exports.ContentSuggest.displayName = 'ContentSuggest';

package/lib/es5/content-suggest/ContentSuggestOptionModel.js

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

package/lib/es5/content-suggest/ContentSuggestProps.js

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

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

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