@qiwi/pijma-mobile 1.149.3 → 1.150.2

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

@@ -1,111 +1,85 @@
-"use strict";
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import {
-  Box,
-  CodeFieldControl,
-  Flex,
-  FlexItem,
-  Input,
-  keyframes,
-  Stub,
-  Typo
-} from "@qiwi/pijma-core";
-import React, { Fragment } from "react";
-const animation = (count) => keyframes({
-  "0%": {
-    height: "48px"
-  },
-  [`${1 / count * 50}%`]: {
-    height: "40px"
-  },
-  [`${1 / count * 100}%`]: {
-    height: "48px"
-  }
-});
-export const CodeField = (_a) => {
-  var _b = _a, {
-    length = 4,
-    autoFocus = false,
-    loading = false,
-    type = "tel"
-  } = _b, props = __objRest(_b, [
-    "length",
-    "autoFocus",
-    "loading",
-    "type"
-  ]);
-  return props.stub ? /* @__PURE__ */ React.createElement(Fragment, null, new Array(length).fill("").map((_, index) => /* @__PURE__ */ React.createElement(Box, {
-    ml: index === 0 ? 0 : 3,
-    display: "inline-block",
-    key: index
-  }, /* @__PURE__ */ React.createElement(Stub, {
-    width: 8,
-    height: 12,
-    r: 8
-  })))) : /* @__PURE__ */ React.createElement(CodeFieldControl, {
-    value: props.value,
-    type,
-    autoFocus,
-    loading,
-    onChange: props.onChange,
-    onFocus: props.onFocus,
-    onBlur: props.onBlur,
-    onReady: props.onReady,
-    children: (renderProps) => /* @__PURE__ */ React.createElement(Box, {
-      width: 1,
-      minHeight: 12
-    }, /* @__PURE__ */ React.createElement(Flex, null, renderProps.values.map((item, index) => /* @__PURE__ */ React.createElement(FlexItem, {
-      ml: index === 0 ? 0 : 3,
-      align: "top",
-      key: index
-    }, /* @__PURE__ */ React.createElement(Input, {
-      name: props.name,
-      tabIndex: index === 0 ? 0 : -1,
-      cursor: props.disabled ? "not-allowed" : void 0,
-      animation: loading ? `${animation(props.value.length)} ${450 * props.value.length}ms ease-in-out ${450 * index}ms infinite` : void 0,
-      autoFocus: autoFocus && index === 0,
-      css: { textAlign: "center" },
-      bg: "#F2F2F2",
-      b: item.focused && !loading ? "1px solid #CCCCCC" : void 0,
-      autoComplete: "off",
-      valueSize: 5,
-      valueWeight: 400,
-      width: 8,
-      height: 12,
-      r: 8,
-      type,
-      disabled: props.disabled || loading,
-      ref: item.ref,
-      value: loading ? "" : props.value[index],
-      onChange: (e) => item.onChange(e, index),
-      onClick: (e) => item.onClick(e, index),
-      onFocus: (e) => item.onFocus(e, index),
-      onBlur: (e) => item.onBlur(e, index),
-      onKeyDown: (e) => renderProps.onKeyDown(e, index)
-    })))), props.error ? /* @__PURE__ */ React.createElement(Box, {
-      mt: 5
-    }, /* @__PURE__ */ React.createElement(Typo, {
-      display: "block",
-      color: "#d0021b",
-      weight: 300,
-      size: 3.5,
-      height: 5,
-      children: props.error
-    })) : null)
-  });
-};
-CodeField.displayName = "CodeField";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, CodeFieldControl, Flex, FlexItem, Input, keyframes, Stub, Typo } from '@qiwi/pijma-core';
+import React, { Fragment } from 'react';
+const animation = (count)=>keyframes({
+        '0%': {
+            height: '48px'
+        },
+        [`${1 / count * 50}%`]: {
+            height: '40px'
+        },
+        [`${1 / count * 100}%`]: {
+            height: '48px'
+        }
+    });
+export const CodeField = ({ length =4 , autoFocus =false , loading =false , type ='tel' , ...props })=>props.stub ? /*#__PURE__*/ _jsx(Fragment, {
+        children: new Array(length).fill('').map((_, index)=>/*#__PURE__*/ _jsx(Box, {
+                ml: index === 0 ? 0 : 3,
+                display: "inline-block",
+                children: /*#__PURE__*/ _jsx(Stub, {
+                    width: 8,
+                    height: 12,
+                    r: 8
+                })
+            }, index))
+    }) : /*#__PURE__*/ _jsx(CodeFieldControl, {
+        value: props.value,
+        type: type,
+        autoFocus: autoFocus,
+        loading: loading,
+        onChange: props.onChange,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        onReady: props.onReady,
+        children: (renderProps)=>/*#__PURE__*/ _jsxs(Box, {
+                width: 1,
+                minHeight: 12,
+                children: [
+                    /*#__PURE__*/ _jsx(Flex, {
+                        children: renderProps.values.map((item, index)=>/*#__PURE__*/ _jsx(FlexItem, {
+                                ml: index === 0 ? 0 : 3,
+                                align: "top",
+                                children: /*#__PURE__*/ _jsx(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: (e)=>item.onChange(e, index),
+                                    onClick: (e)=>item.onClick(e, index),
+                                    onFocus: (e)=>item.onFocus(e, index),
+                                    onBlur: (e)=>item.onBlur(e, index),
+                                    onKeyDown: (e)=>renderProps.onKeyDown(e, index)
+                                })
+                            }, index))
+                    }),
+                    props.error ? /*#__PURE__*/ _jsx(Box, {
+                        mt: 5,
+                        children: /*#__PURE__*/ _jsx(Typo, {
+                            display: "block",
+                            color: "#d0021b",
+                            weight: 300,
+                            size: 3.5,
+                            height: 5,
+                            children: props.error
+                        })
+                    }) : null
+                ]
+            })
+    });
+CodeField.displayName = 'CodeField';

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

@@ -1 +1 @@
-"use strict";
+export { };

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

@@ -1,3 +1,2 @@
-"use strict";
-export * from "./CodeFieldProps.js";
-export * from "./CodeField.js";
+export * from './CodeFieldProps.js';
+export * from './CodeField.js';

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

@@ -1,147 +1,150 @@
-"use strict";
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import {
-  Box,
-  Card,
-  ContentInput,
-  Icon,
-  Image,
-  MenuControl,
-  Pos,
-  Spacer,
-  styled,
-  SuggestControl
-} from "@qiwi/pijma-core";
-import React, { Fragment } from "react";
-import { InputModal } from "../input-modal/index.js";
-import { Link } from "../link/index.js";
-import { MenuItem } from "../menu/index.js";
-import { Paragraph } from "../typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Card, ContentInput, Icon, Image, MenuControl, Pos, Spacer, styled, SuggestControl } from '@qiwi/pijma-core';
+import React, { Fragment } from 'react';
+import { InputModal } from '../input-modal/index.js';
+import { Link } from '../link/index.js';
+import { MenuItem } from '../menu/index.js';
+import { Paragraph } from '../typography/index.js';
 const CardMenuItem = styled(Card)().withComponent(MenuItem);
-export const ContentSuggest = (_a) => {
-  var _b = _a, {
-    equals = (a, b) => a === b
-  } = _b, props = __objRest(_b, [
-    "equals"
-  ]);
-  return /* @__PURE__ */ React.createElement(SuggestControl, {
-    value: props.value,
-    suggest: props.suggest,
-    items: props.items,
-    total: props.total,
-    empty: props.empty,
-    equals,
-    onRequest: props.onRequest,
-    onChange: props.onChange,
-    onBlur: props.onBlur,
-    onFocus: props.onFocus,
-    onCancel: props.onCancel,
-    onSubmit: props.onSubmit,
-    children: (renderProps) => /* @__PURE__ */ React.createElement(Pos, {
-      type: "relative"
-    }, /* @__PURE__ */ React.createElement(Box, {
-      width: 1,
-      onMouseEnter: renderProps.onInputMouseEnter,
-      onMouseLeave: renderProps.onInputMouseLeave
-    }, /* @__PURE__ */ React.createElement(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__ */ React.createElement(Pos, {
-      type: "absolute",
-      right: 4,
-      top: 3,
-      onClick: renderProps.onShowClick
-    }, /* @__PURE__ */ React.createElement(Icon, {
-      name: "search",
-      color: "#666"
-    }))), /* @__PURE__ */ React.createElement(MenuControl, {
-      count: renderProps.items.length,
-      selected: renderProps.selected,
-      onSelect: renderProps.onItemSelect,
-      onKeyDown: renderProps.onModalItemKeyDown,
-      children: (menuRenderProps) => /* @__PURE__ */ React.createElement(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((_item, key) => /* @__PURE__ */ React.createElement(CardMenuItem, {
-        key,
-        icon: true,
-        stub: true,
-        text: "stub",
-        notes: "stub"
-      })) : /* @__PURE__ */ React.createElement(Spacer, {
-        size: "s"
-      }, menuRenderProps.items.length > 0 ? /* @__PURE__ */ React.createElement(Fragment, null, menuRenderProps.items.map((item, key) => /* @__PURE__ */ React.createElement(CardMenuItem, {
-        key,
-        ref: item.ref,
-        onClick: item.onClick,
-        onMouseEnter: item.onMouseEnter,
-        cursor: "pointer",
-        text: renderProps.items[key].title,
-        notes: renderProps.items[key].description,
-        icon: /* @__PURE__ */ React.createElement(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 ? /* @__PURE__ */ React.createElement(Box, {
-        px: 4
-      }, /* @__PURE__ */ React.createElement(Paragraph, null, props.total.text, props.total.link ? /* @__PURE__ */ React.createElement(Fragment, null, " ", /* @__PURE__ */ React.createElement(Link, {
-        onClick: renderProps.onTotalClick,
-        children: props.total.link.text
-      })) : null)) : props.empty && menuRenderProps.items.length === 0 ? /* @__PURE__ */ React.createElement(Box, {
-        px: 4
-      }, /* @__PURE__ */ React.createElement(Paragraph, null, props.empty.text, props.empty.link ? /* @__PURE__ */ React.createElement(Fragment, null, " ", /* @__PURE__ */ React.createElement(Link, {
-        onClick: renderProps.onEmptyClick,
-        children: props.empty.link.text
-      })) : null)) : null))
-    }))
-  });
-};
+CardMenuItem.displayName = 'CardMenuItem';
+export const ContentSuggest = ({ equals =(a, b)=>a === b , ...props })=>/*#__PURE__*/ _jsx(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: (renderProps)=>/*#__PURE__*/ _jsxs(Pos, {
+                type: "relative",
+                children: [
+                    /*#__PURE__*/ _jsxs(Box, {
+                        width: 1,
+                        onMouseEnter: renderProps.onInputMouseEnter,
+                        onMouseLeave: renderProps.onInputMouseLeave,
+                        children: [
+                            /*#__PURE__*/ _jsx(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__*/ _jsx(Pos, {
+                                type: "absolute",
+                                right: 4,
+                                top: 3,
+                                onClick: renderProps.onShowClick,
+                                children: /*#__PURE__*/ _jsx(Icon, {
+                                    name: "search",
+                                    color: "#666"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx(MenuControl, {
+                        count: renderProps.items.length,
+                        selected: renderProps.selected,
+                        onSelect: renderProps.onItemSelect,
+                        onKeyDown: renderProps.onModalItemKeyDown,
+                        children: (menuRenderProps)=>/*#__PURE__*/ _jsx(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((_item, key)=>/*#__PURE__*/ _jsx(CardMenuItem, {
+                                        icon: true,
+                                        stub: true,
+                                        text: "stub",
+                                        notes: "stub"
+                                    }, key)) : /*#__PURE__*/ _jsxs(Spacer, {
+                                    size: "s",
+                                    children: [
+                                        menuRenderProps.items.length > 0 ? /*#__PURE__*/ _jsx(Fragment, {
+                                            children: menuRenderProps.items.map((item, key)=>/*#__PURE__*/ _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__*/ _jsx(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__*/ _jsx(Box, {
+                                            px: 4,
+                                            children: /*#__PURE__*/ _jsxs(Paragraph, {
+                                                children: [
+                                                    props.total.text,
+                                                    props.total.link ? /*#__PURE__*/ _jsxs(Fragment, {
+                                                        children: [
+                                                            ' ',
+                                                            /*#__PURE__*/ _jsx(Link, {
+                                                                onClick: renderProps.onTotalClick,
+                                                                children: props.total.link.text
+                                                            })
+                                                        ]
+                                                    }) : null
+                                                ]
+                                            })
+                                        }) : props.empty && menuRenderProps.items.length === 0 ? /*#__PURE__*/ _jsx(Box, {
+                                            px: 4,
+                                            children: /*#__PURE__*/ _jsxs(Paragraph, {
+                                                children: [
+                                                    props.empty.text,
+                                                    props.empty.link ? /*#__PURE__*/ _jsxs(Fragment, {
+                                                        children: [
+                                                            ' ',
+                                                            /*#__PURE__*/ _jsx(Link, {
+                                                                onClick: renderProps.onEmptyClick,
+                                                                children: props.empty.link.text
+                                                            })
+                                                        ]
+                                                    }) : null
+                                                ]
+                                            })
+                                        }) : null
+                                    ]
+                                })
+                            })
+                    })
+                ]
+            })
+    });
+ContentSuggest.displayName = 'ContentSuggest';
 ContentSuggest.defaultProps = {
-  equals: (a, b) => a === b
+    equals: (a, b)=>a === b
 };
-ContentSuggest.displayName = "ContentSuggest";
-CardMenuItem.displayName = "CardMenuItem";

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

@@ -1 +1 @@
-"use strict";
+export { };

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

@@ -1 +1 @@
-"use strict";
+export { };

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

@@ -1,2 +1 @@
-"use strict";
-export * from "./ContentSuggest.js";
+export * from './ContentSuggest.js';