@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es6/index.js

@@ -1,46 +1,45 @@
-"use strict";
-export * from "@qiwi/pijma-core";
-export * from "./button/index.js";
-export * from "./actions/index.js";
-export * from "./text-field/index.js";
-export * from "./password-field/index.js";
-export * from "./phone-field/index.js";
-export * from "./modal/index.js";
-export * from "./drop-up/index.js";
-export * from "./checkbox-field/index.js";
-export * from "./checkbox/index.js";
-export * from "./radio-field/index.js";
-export * from "./typography/index.js";
-export * from "./link/index.js";
-export * from "./block-accordion/index.js";
-export * from "./block-content/index.js";
-export * from "./nav-link/index.js";
-export * from "./breadcrumbs/index.js";
-export * from "./list/index.js";
-export * from "./header/index.js";
-export * from "./menu/index.js";
-export * from "./pagination/index.js";
-export * from "./status/index.js";
-export * from "./logo-link/index.js";
-export * from "./oops/index.js";
-export * from "./glossary/index.js";
-export * from "./markdown/index.js";
-export * from "./footer-nav/index.js";
-export * from "./footer-out/index.js";
-export * from "./footer-app/index.js";
-export * from "./alert/index.js";
-export * from "./rating/index.js";
-export * from "./content-suggest/index.js";
-export * from "./progress-bar/index.js";
-export * from "./alert/index.js";
-export * from "./logo-block-link/index.js";
-export * from "./suggest-field/index.js";
-export * from "./tabs/index.js";
-export * from "./block-tabs/index.js";
-export * from "./notice/index.js";
-export * from "./switch/index.js";
-export * from "./switch-field/index.js";
-export * from "./select-field/index.js";
-export * from "./code-field/index.js";
-export { TextField as MaskTextField } from "./text-field/index.js";
-export { PasswordField as MaskPasswordField } from "./password-field/index.js";
+export * from '@qiwi/pijma-core';
+export * from './button/index.js';
+export * from './actions/index.js';
+export * from './text-field/index.js';
+export * from './password-field/index.js';
+export * from './phone-field/index.js';
+export * from './modal/index.js';
+export * from './drop-up/index.js';
+export * from './checkbox-field/index.js';
+export * from './checkbox/index.js';
+export * from './radio-field/index.js';
+export * from './typography/index.js';
+export * from './link/index.js';
+export * from './block-accordion/index.js';
+export * from './block-content/index.js';
+export * from './nav-link/index.js';
+export * from './breadcrumbs/index.js';
+export * from './list/index.js';
+export * from './header/index.js';
+export * from './menu/index.js';
+export * from './pagination/index.js';
+export * from './status/index.js';
+export * from './logo-link/index.js';
+export * from './oops/index.js';
+export * from './glossary/index.js';
+export * from './markdown/index.js';
+export * from './footer-nav/index.js';
+export * from './footer-out/index.js';
+export * from './footer-app/index.js';
+export * from './alert/index.js';
+export * from './rating/index.js';
+export * from './content-suggest/index.js';
+export * from './progress-bar/index.js';
+export * from './alert/index.js';
+export * from './logo-block-link/index.js';
+export * from './suggest-field/index.js';
+export * from './tabs/index.js';
+export * from './block-tabs/index.js';
+export * from './notice/index.js';
+export * from './switch/index.js';
+export * from './switch-field/index.js';
+export * from './select-field/index.js';
+export * from './code-field/index.js';
+export { TextField as MaskTextField } from './text-field/index.js';
+export { PasswordField as MaskPasswordField } from './password-field/index.js';

package/lib/es6/input-modal/InputModal.js

@@ -1,119 +1,107 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import {
-  BoxPos,
-  Card,
-  CardPos,
-  css,
-  Flex,
-  FlexItem,
-  Icon,
-  Input,
-  Modal,
-  Pos,
-  SimpleTransition,
-  styled
-} from "@qiwi/pijma-core";
-import React from "react";
-const contentTransition = (props) => /* @__PURE__ */ React.createElement(SimpleTransition, __spreadValues({}, props));
-contentTransition.defaultProps = {
-  timeout: {
-    enter: 370,
-    exit: 250
-  },
-  enterClassName: (timeout) => css({
-    opacity: 1,
-    transform: "translate3d(0, 0, 0)",
-    transition: `opacity ${timeout}ms ease, transform ${timeout}ms ease`
-  }),
-  exitClassName: (timeout) => css({
-    opacity: 0,
-    transform: "translate3d(0, -100%, 0)",
-    transition: `opacity ${timeout}ms ease, transform ${timeout}ms ease`
-  })
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BoxPos, Card, CardPos, css, Flex, FlexItem, Icon, Input, Modal, Pos, SimpleTransition, styled } from '@qiwi/pijma-core';
+import React from 'react';
+const ContentTransition = (props)=>/*#__PURE__*/ _jsx(SimpleTransition, {
+        ...props
+    });
+ContentTransition.displayName = 'ContentTransition';
+ContentTransition.defaultProps = {
+    timeout: {
+        enter: 370,
+        exit: 250
+    },
+    enterClassName: (timeout)=>css({
+            opacity: 1,
+            transform: 'translate3d(0, 0, 0)',
+            transition: `opacity ${timeout}ms ease, transform ${timeout}ms ease`
+        }),
+    exitClassName: (timeout)=>css({
+            opacity: 0,
+            transform: 'translate3d(0, -100%, 0)',
+            transition: `opacity ${timeout}ms ease, transform ${timeout}ms ease`
+        })
 };
 const PosFlexCard = styled(CardPos)().withComponent(Flex);
-const InputModal = (props) => /* @__PURE__ */ React.createElement(Modal, {
-  show: props.show,
-  onShow: props.onShow,
-  onHide: props.onHide,
-  onEscapeKeyDown: props.onEscape,
-  transition: contentTransition,
-  restoreFocus: false,
-  renderDialog: (dialogProps) => /* @__PURE__ */ React.createElement(Pos, __spreadValues({
-    type: "fixed",
-    zIndex: 10050,
-    top: 0,
-    bottom: 0,
-    left: 0,
-    right: 0,
-    height: "100%",
-    overflow: "auto"
-  }, dialogProps), /* @__PURE__ */ React.createElement(Card, {
-    width: 1,
-    height: 1,
-    bg: "#fff"
-  }, /* @__PURE__ */ React.createElement(PosFlexCard, {
-    type: "relative",
-    align: "center",
-    height: 15,
-    p: 4,
-    transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
-    bb: props.error ? "solid 2px #d0021b" : "solid 2px transparent",
-    s: "0 0 25px 0 rgba(0, 0, 0, 0.08)"
-  }, props.onBack ? /* @__PURE__ */ React.createElement(FlexItem, {
-    shrink: 0,
-    mr: 4,
-    onClick: props.onBack
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    name: "arrow-left",
-    color: "#000"
-  })) : null, /* @__PURE__ */ React.createElement(FlexItem, {
-    grow: 1
-  }, /* @__PURE__ */ React.createElement(Input, {
-    value: props.value,
-    type: "search",
-    ref: props.inputRef,
-    width: 1,
-    autoFocus: true,
-    tabIndex: props.tabIndex,
-    placeholder: props.placeholder,
-    maxLength: props.maxLength,
-    autoComplete: props.autoComplete ? "on" : "off",
-    onFocus: props.onFocus,
-    onBlur: props.onBlur,
-    onKeyDown: props.onKeyDown,
-    onChange: props.onChange
-  })), props.onSubmit ? /* @__PURE__ */ React.createElement(FlexItem, {
-    shrink: 0,
-    ml: 4,
-    onClick: props.onSubmit
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    name: "search",
-    color: "#666"
-  })) : null), /* @__PURE__ */ React.createElement(BoxPos, {
-    overflow: "auto",
-    type: "relative",
-    py: 3,
-    height: "calc(100% - 60px)",
-    children: props.children
-  })))
-});
+PosFlexCard.displayName = 'PosFlexCard';
+const InputModal = (props)=>/*#__PURE__*/ _jsx(Modal, {
+        show: props.show,
+        onShow: props.onShow,
+        onHide: props.onHide,
+        onEscapeKeyDown: props.onEscape,
+        transition: ContentTransition,
+        restoreFocus: false,
+        renderDialog: (dialogProps)=>/*#__PURE__*/ _jsx(Pos, {
+                type: "fixed",
+                zIndex: 10050,
+                top: 0,
+                bottom: 0,
+                left: 0,
+                right: 0,
+                height: "100%",
+                overflow: "auto",
+                ...dialogProps,
+                children: /*#__PURE__*/ _jsxs(Card, {
+                    width: 1,
+                    height: 1,
+                    bg: "#fff",
+                    children: [
+                        /*#__PURE__*/ _jsxs(PosFlexCard, {
+                            type: "relative",
+                            align: "center",
+                            height: 15,
+                            p: 4,
+                            transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                            bb: props.error ? 'solid 2px #d0021b' : 'solid 2px transparent',
+                            s: "0 0 25px 0 rgba(0, 0, 0, 0.08)",
+                            children: [
+                                props.onBack ? /*#__PURE__*/ _jsx(FlexItem, {
+                                    shrink: 0,
+                                    mr: 4,
+                                    onClick: props.onBack,
+                                    children: /*#__PURE__*/ _jsx(Icon, {
+                                        name: "arrow-left",
+                                        color: "#000"
+                                    })
+                                }) : null,
+                                /*#__PURE__*/ _jsx(FlexItem, {
+                                    grow: 1,
+                                    children: /*#__PURE__*/ _jsx(Input, {
+                                        value: props.value,
+                                        type: "search",
+                                        ref: props.inputRef,
+                                        width: 1,
+                                        autoFocus: true,
+                                        tabIndex: props.tabIndex,
+                                        placeholder: props.placeholder,
+                                        maxLength: props.maxLength,
+                                        autoComplete: props.autoComplete ? 'on' : 'off',
+                                        onFocus: props.onFocus,
+                                        onBlur: props.onBlur,
+                                        onKeyDown: props.onKeyDown,
+                                        onChange: props.onChange
+                                    })
+                                }),
+                                props.onSubmit ? /*#__PURE__*/ _jsx(FlexItem, {
+                                    shrink: 0,
+                                    ml: 4,
+                                    onClick: props.onSubmit,
+                                    children: /*#__PURE__*/ _jsx(Icon, {
+                                        name: "search",
+                                        color: "#666"
+                                    })
+                                }) : null
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(BoxPos, {
+                            overflow: "auto",
+                            type: "relative",
+                            py: 3,
+                            height: "calc(100% - 60px)",
+                            children: props.children
+                        })
+                    ]
+                })
+            })
+    });
+InputModal.displayName = 'InputModal';
 export default InputModal;
-PosFlexCard.displayName = "PosFlexCard";
-contentTransition.displayName = "contentTransition", InputModal.displayName = "InputModal";

package/lib/es6/input-modal/index.js

@@ -1,3 +1,2 @@
-"use strict";
-import InputModal from "./InputModal.js";
+import InputModal from './InputModal.js';
 export { InputModal };

package/lib/es6/link/BlockLink.js

@@ -1,43 +1,38 @@
-"use strict";
-import {
-  Block,
-  CardLnk,
-  LinkControl,
-  styled
-} from "@qiwi/pijma-core";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Block, CardLnk, LinkControl, styled } from '@qiwi/pijma-core';
+import React from 'react';
 const BlockLnk = styled(CardLnk)().withComponent(Block);
-export const BlockLink = (props) => /* @__PURE__ */ React.createElement(LinkControl, {
-  onClick: props.onClick,
-  onFocus: props.onFocus,
-  onBlur: props.onBlur,
-  href: props.href,
-  target: props.target,
-  download: props.download,
-  rel: props.rel,
-  children: (renderProps) => /* @__PURE__ */ React.createElement(BlockLnk, {
-    accent: props.accent,
-    hover: renderProps.hover,
-    focus: renderProps.focus,
-    active: renderProps.active,
-    tabIndex: props.tabIndex,
-    href: props.href,
-    title: props.title,
-    onClick: renderProps.onClick,
-    onFocus: renderProps.onFocus,
-    onBlur: renderProps.onBlur,
-    onMouseEnter: renderProps.onMouseEnter,
-    onMouseLeave: renderProps.onMouseLeave,
-    onMouseUp: renderProps.onMouseUp,
-    onMouseDown: renderProps.onMouseDown,
-    target: props.target,
-    download: props.download,
-    children: props.children({
-      active: renderProps.active,
-      focus: renderProps.focus,
-      hover: renderProps.hover
-    })
-  })
-});
-BlockLnk.displayName = "BlockLnk";
-BlockLink.displayName = "BlockLink";
+BlockLnk.displayName = 'BlockLnk';
+export const BlockLink = (props)=>/*#__PURE__*/ _jsx(LinkControl, {
+        onClick: props.onClick,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        href: props.href,
+        target: props.target,
+        download: props.download,
+        rel: props.rel,
+        children: (renderProps)=>/*#__PURE__*/ _jsx(BlockLnk, {
+                accent: props.accent,
+                hover: renderProps.hover,
+                focus: renderProps.focus,
+                active: renderProps.active,
+                tabIndex: props.tabIndex,
+                href: props.href,
+                title: props.title,
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown,
+                target: props.target,
+                download: props.download,
+                children: props.children({
+                    active: renderProps.active,
+                    focus: renderProps.focus,
+                    hover: renderProps.hover
+                })
+            })
+    });
+BlockLink.displayName = 'BlockLink';

package/lib/es6/link/FileLink.js

@@ -1,47 +1,53 @@
-"use strict";
-import { FlexItem, FlexLnk, Icon, LinkControl } from "@qiwi/pijma-core";
-import React from "react";
-import { Text } from "../typography/index.js";
-export const FileLink = (props) => /* @__PURE__ */ React.createElement(LinkControl, {
-  onClick: props.onClick,
-  onFocus: props.onFocus,
-  onBlur: props.onBlur,
-  href: props.href,
-  target: props.target,
-  download: props.download,
-  rel: props.rel,
-  children: (renderProps) => /* @__PURE__ */ React.createElement(FlexLnk, {
-    tabIndex: props.tabIndex,
-    href: props.href,
-    target: props.target,
-    download: props.download,
-    rel: props.rel,
-    title: props.title,
-    display: "inline-flex",
-    cursor: "pointer",
-    onFocus: renderProps.onFocus,
-    onBlur: renderProps.onBlur,
-    onClick: renderProps.onClick,
-    onMouseEnter: renderProps.onMouseEnter,
-    onMouseLeave: renderProps.onMouseLeave,
-    onMouseUp: renderProps.onMouseUp,
-    onMouseDown: renderProps.onMouseDown
-  }, /* @__PURE__ */ React.createElement(FlexItem, {
-    display: "inline-block",
-    width: 6,
-    height: 6,
-    mr: 2,
-    shrink: 0
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    name: "file",
-    color: renderProps.hover || renderProps.focus || renderProps.active ? "#FF8C00" : "#000"
-  })), /* @__PURE__ */ React.createElement(FlexItem, {
-    align: "center"
-  }, /* @__PURE__ */ React.createElement(Text, {
-    color: renderProps.hover || renderProps.focus || renderProps.active ? "warning" : "default",
-    size: "s",
-    bold: false,
-    children: props.children
-  })))
-});
-FileLink.displayName = "FileLink";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FlexItem, FlexLnk, Icon, LinkControl } from '@qiwi/pijma-core';
+import React from 'react';
+import { Text } from '../typography/index.js';
+export const FileLink = (props)=>/*#__PURE__*/ _jsx(LinkControl, {
+        onClick: props.onClick,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        href: props.href,
+        target: props.target,
+        download: props.download,
+        rel: props.rel,
+        children: (renderProps)=>/*#__PURE__*/ _jsxs(FlexLnk, {
+                tabIndex: props.tabIndex,
+                href: props.href,
+                target: props.target,
+                download: props.download,
+                rel: props.rel,
+                title: props.title,
+                display: "inline-flex",
+                cursor: "pointer",
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onClick: renderProps.onClick,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown,
+                children: [
+                    /*#__PURE__*/ _jsx(FlexItem, {
+                        display: "inline-block",
+                        width: 6,
+                        height: 6,
+                        mr: 2,
+                        shrink: 0,
+                        children: /*#__PURE__*/ _jsx(Icon, {
+                            name: "file",
+                            color: renderProps.hover || renderProps.focus || renderProps.active ? '#FF8C00' : '#000'
+                        })
+                    }),
+                    /*#__PURE__*/ _jsx(FlexItem, {
+                        align: "center",
+                        children: /*#__PURE__*/ _jsx(Text, {
+                            color: renderProps.hover || renderProps.focus || renderProps.active ? 'warning' : 'default',
+                            size: "s",
+                            bold: false,
+                            children: props.children
+                        })
+                    })
+                ]
+            })
+    });
+FileLink.displayName = 'FileLink';