@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es6/menu/MenuLink.js

@@ -1,47 +1,47 @@
-"use strict";
-import { LinkControl, Lnk, styled } from "@qiwi/pijma-core";
-import React from "react";
-import { MenuItem } from "../menu/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LinkControl, Lnk, styled } from '@qiwi/pijma-core';
+import React from 'react';
+import { MenuItem } from '../menu/index.js';
 const MenuItemLnk = styled(Lnk)().withComponent(MenuItem);
-export const MenuLink = (props) => props.stub ? /* @__PURE__ */ React.createElement(MenuItem, {
-  stub: true,
-  text: props.title,
-  notes: props.notes,
-  icon: props.icon,
-  submenu: props.submenu,
-  size: props.size
-}) : /* @__PURE__ */ React.createElement(LinkControl, {
-  href: props.href,
-  target: props.target,
-  download: props.download,
-  rel: props.rel,
-  onClick: props.onClick,
-  onFocus: props.onFocus,
-  onBlur: props.onBlur,
-  children: (renderProps) => /* @__PURE__ */ React.createElement(MenuItemLnk, {
-    notes: props.notes,
-    text: props.title,
-    icon: props.icon,
-    submenu: props.submenu,
-    active: props.active ? props.active : renderProps.active,
-    hover: renderProps.hover,
-    focus: renderProps.focus,
-    tabIndex: props.tabIndex,
-    href: props.href,
-    title: props.href ? props.title : void 0,
-    target: props.href ? props.target : void 0,
-    download: props.href ? props.download : void 0,
-    rel: props.href ? props.rel : void 0,
-    size: props.size,
-    attention: props.attention,
-    onClick: renderProps.onClick,
-    onFocus: renderProps.onFocus,
-    onBlur: renderProps.onBlur,
-    onMouseEnter: renderProps.onMouseEnter,
-    onMouseLeave: renderProps.onMouseLeave,
-    onMouseUp: renderProps.onMouseUp,
-    onMouseDown: renderProps.onMouseDown
-  })
-});
-MenuItemLnk.displayName = "MenuItemLnk";
-MenuLink.displayName = "MenuLink";
+MenuItemLnk.displayName = 'MenuItemLnk';
+export const MenuLink = (props)=>props.stub ? /*#__PURE__*/ _jsx(MenuItem, {
+        stub: true,
+        text: props.title,
+        notes: props.notes,
+        icon: props.icon,
+        submenu: props.submenu,
+        size: props.size
+    }) : /*#__PURE__*/ _jsx(LinkControl, {
+        href: props.href,
+        target: props.target,
+        download: props.download,
+        rel: props.rel,
+        onClick: props.onClick,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        children: (renderProps)=>/*#__PURE__*/ _jsx(MenuItemLnk, {
+                notes: props.notes,
+                text: props.title,
+                icon: props.icon,
+                submenu: props.submenu,
+                active: props.active ? props.active : renderProps.active,
+                hover: renderProps.hover,
+                focus: renderProps.focus,
+                tabIndex: props.tabIndex,
+                href: props.href,
+                title: props.href ? props.title : undefined,
+                target: props.href ? props.target : undefined,
+                download: props.href ? props.download : undefined,
+                rel: props.href ? props.rel : undefined,
+                size: props.size,
+                attention: props.attention,
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown
+            })
+    });
+MenuLink.displayName = 'MenuLink';

package/lib/es6/menu/index.js

@@ -1,5 +1,4 @@
-"use strict";
-export * from "./MenuCaption.js";
-export * from "./MenuContainer.js";
-export * from "./MenuItem.js";
-export * from "./MenuLink.js";
+export * from './MenuCaption.js';
+export * from './MenuContainer.js';
+export * from './MenuItem.js';
+export * from './MenuLink.js';

package/lib/es6/modal/SimpleModal.js

@@ -1,126 +1,110 @@
-"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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Card, css, Icon, Modal, Pos, SimpleTransition } from '@qiwi/pijma-core';
+import React, { Fragment } 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`
+        })
 };
-import {
-  Box,
-  Card,
-  css,
-  Icon,
-  Modal,
-  Pos,
-  SimpleTransition
-} from "@qiwi/pijma-core";
-import React, { Fragment } 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`
-  })
+const BackdropTransition = (props)=>/*#__PURE__*/ _jsx(SimpleTransition, {
+        ...props
+    });
+BackdropTransition.displayName = 'BackdropTransition';
+BackdropTransition.defaultProps = {
+    timeout: {
+        enter: 370,
+        exit: 250
+    },
+    enterClassName: (timeout)=>css({
+            opacity: 1,
+            transition: `opacity ${timeout}ms ease`
+        }),
+    exitClassName: (timeout)=>css({
+            opacity: 0,
+            transition: `opacity ${timeout}ms ease`
+        })
 };
-const backdropTransition = (props) => /* @__PURE__ */ React.createElement(SimpleTransition, __spreadValues({}, props));
-backdropTransition.defaultProps = {
-  timeout: {
-    enter: 370,
-    exit: 250
-  },
-  enterClassName: (timeout) => css({
-    opacity: 1,
-    transition: `opacity ${timeout}ms ease`
-  }),
-  exitClassName: (timeout) => css({
-    opacity: 0,
-    transition: `opacity ${timeout}ms ease`
-  })
-};
-const SimpleModal = ({
-  stub,
-  children,
-  show,
-  escapeClose,
-  onShow,
-  onHide,
-  backdropClose,
-  zIndex = 10050,
-  closable
-}) => stub ? /* @__PURE__ */ React.createElement(Box, {
-  display: "none"
-}, children) : /* @__PURE__ */ React.createElement(Modal, {
-  show,
-  keyboard: escapeClose,
-  onShow,
-  onHide,
-  onBackdropClick: backdropClose ? onHide : void 0,
-  transition: contentTransition,
-  backdropTransition,
-  renderBackdrop: (backdropProps) => /* @__PURE__ */ React.createElement(Pos, __spreadValues({
-    type: "fixed",
-    zIndex: "auto",
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  }, backdropProps), /* @__PURE__ */ React.createElement(Card, {
-    bg: "rgba(255, 255, 255, 0.96)",
-    width: 1,
-    height: 1
-  })),
-  renderDialog: (dialogProps) => /* @__PURE__ */ React.createElement(Pos, __spreadValues({
-    type: "fixed",
-    top: 0,
-    bottom: 0,
-    left: 0,
-    right: 0,
-    height: "100%",
-    overflow: "auto",
-    zIndex
-  }, dialogProps), /* @__PURE__ */ React.createElement(Pos, {
-    type: "relative",
-    width: 1,
-    height: 1
-  }, /* @__PURE__ */ React.createElement(Card, {
-    bg: "#fff",
-    p: 6,
-    width: 1,
-    height: 1,
-    overflow: "auto"
-  }, /* @__PURE__ */ React.createElement(Fragment, null, closable && onHide ? /* @__PURE__ */ React.createElement(Pos, {
-    type: "absolute",
-    top: 6,
-    right: 6,
-    width: 6,
-    height: 6,
-    cursor: "pointer",
-    onClick: onHide,
-    children: /* @__PURE__ */ React.createElement(Icon, {
-      name: "cross",
-      color: "#000"
-    })
-  }) : null, children))))
-});
+const SimpleModal = ({ stub , children , show , escapeClose , onShow , onHide , backdropClose , zIndex =10050 , closable ,  })=>stub ? /*#__PURE__*/ _jsx(Box, {
+        display: "none",
+        children: children
+    }) : /*#__PURE__*/ _jsx(Modal, {
+        show: show,
+        keyboard: escapeClose,
+        onShow: onShow,
+        onHide: onHide,
+        onBackdropClick: backdropClose ? onHide : undefined,
+        transition: ContentTransition,
+        backdropTransition: BackdropTransition,
+        renderBackdrop: (backdropProps)=>/*#__PURE__*/ _jsx(Pos, {
+                type: "fixed",
+                zIndex: "auto",
+                top: 0,
+                right: 0,
+                bottom: 0,
+                left: 0,
+                ...backdropProps,
+                children: /*#__PURE__*/ _jsx(Card, {
+                    bg: "rgba(255, 255, 255, 0.96)",
+                    width: 1,
+                    height: 1
+                })
+            }),
+        renderDialog: (dialogProps)=>/*#__PURE__*/ _jsx(Pos, {
+                type: "fixed",
+                top: 0,
+                bottom: 0,
+                left: 0,
+                right: 0,
+                height: "100%",
+                overflow: "auto",
+                zIndex: zIndex,
+                ...dialogProps,
+                children: /*#__PURE__*/ _jsx(Pos, {
+                    type: "relative",
+                    width: 1,
+                    height: 1,
+                    children: /*#__PURE__*/ _jsx(Card, {
+                        bg: "#fff",
+                        p: 6,
+                        width: 1,
+                        height: 1,
+                        overflow: "auto",
+                        children: /*#__PURE__*/ _jsxs(Fragment, {
+                            children: [
+                                closable && onHide ? /*#__PURE__*/ _jsx(Pos, {
+                                    type: "absolute",
+                                    top: 6,
+                                    right: 6,
+                                    width: 6,
+                                    height: 6,
+                                    cursor: "pointer",
+                                    onClick: onHide,
+                                    children: /*#__PURE__*/ _jsx(Icon, {
+                                        name: "cross",
+                                        color: "#000"
+                                    })
+                                }) : null,
+                                children
+                            ]
+                        })
+                    })
+                })
+            })
+    });
+SimpleModal.displayName = 'SimpleModal';
 export default SimpleModal;
-contentTransition.displayName = "contentTransition", backdropTransition.displayName = "backdropTransition", SimpleModal.displayName = "SimpleModal";

package/lib/es6/modal/index.js

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

package/lib/es6/nav-link/NavLink.js

@@ -1,41 +1,41 @@
-"use strict";
-import { LinkControl, Stub, TypoLnk } from "@qiwi/pijma-core";
-import React from "react";
-export const NavLink = (props) => props.stub ? /* @__PURE__ */ React.createElement(Stub, {
-  top: 1.5,
-  bottom: 1.5,
-  height: 2,
-  width: 1
-}) : /* @__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(TypoLnk, {
-    tabIndex: props.tabIndex,
-    href: props.href,
-    onClick: renderProps.onClick,
-    onFocus: renderProps.onFocus,
-    onBlur: renderProps.onBlur,
-    onMouseEnter: renderProps.onMouseEnter,
-    onMouseLeave: renderProps.onMouseLeave,
-    onMouseUp: renderProps.onMouseUp,
-    onMouseDown: renderProps.onMouseDown,
-    color: renderProps.hover || renderProps.focus ? "#000" : "#666",
-    transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
-    cursor: "pointer",
-    decoration: "none",
-    target: props.target,
-    download: props.download,
-    rel: props.rel,
-    title: props.title,
-    size: 3.5,
-    height: 5,
-    weight: 300,
-    children: props.children
-  })
-});
-NavLink.displayName = "NavLink";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LinkControl, Stub, TypoLnk } from '@qiwi/pijma-core';
+import React from 'react';
+export const NavLink = (props)=>props.stub ? /*#__PURE__*/ _jsx(Stub, {
+        top: 1.5,
+        bottom: 1.5,
+        height: 2,
+        width: 1
+    }) : /*#__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(TypoLnk, {
+                tabIndex: props.tabIndex,
+                href: props.href,
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown,
+                color: renderProps.hover || renderProps.focus ? '#000' : '#666',
+                transition: "all 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                cursor: "pointer",
+                decoration: "none",
+                target: props.target,
+                download: props.download,
+                rel: props.rel,
+                title: props.title,
+                size: 3.5,
+                height: 5,
+                weight: 300,
+                children: props.children
+            })
+    });
+NavLink.displayName = 'NavLink';

package/lib/es6/nav-link/index.js

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

package/lib/es6/notice/Notice.js

@@ -1,18 +1,29 @@
-"use strict";
-import { Flex, FlexItem, Spacer } from "@qiwi/pijma-core";
-import React from "react";
-import { Heading, Paragraph } from "../typography//index.js";
-export const Notice = ({ icon, title, children }) => /* @__PURE__ */ React.createElement(Flex, null, /* @__PURE__ */ React.createElement(FlexItem, {
-  shrink: 0,
-  basis: 6,
-  mr: title ? 4 : 2,
-  children: icon
-}), title || children ? /* @__PURE__ */ React.createElement(FlexItem, null, /* @__PURE__ */ React.createElement(Spacer, {
-  size: "xs"
-}, title ? /* @__PURE__ */ React.createElement(Heading, {
-  size: "3",
-  children: title
-}) : null, children ? /* @__PURE__ */ React.createElement(Paragraph, {
-  children
-}) : null)) : null);
-Notice.displayName = "Notice";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, FlexItem, Spacer } from '@qiwi/pijma-core';
+import React from 'react';
+import { Heading, Paragraph } from '../typography//index.js';
+export const Notice = ({ icon , title , children  })=>/*#__PURE__*/ _jsxs(Flex, {
+        children: [
+            /*#__PURE__*/ _jsx(FlexItem, {
+                shrink: 0,
+                basis: 6,
+                mr: title ? 4 : 2,
+                children: icon
+            }),
+            title || children ? /*#__PURE__*/ _jsx(FlexItem, {
+                children: /*#__PURE__*/ _jsxs(Spacer, {
+                    size: "xs",
+                    children: [
+                        title ? /*#__PURE__*/ _jsx(Heading, {
+                            size: "3",
+                            children: title
+                        }) : null,
+                        children ? /*#__PURE__*/ _jsx(Paragraph, {
+                            children: children
+                        }) : null
+                    ]
+                })
+            }) : null
+        ]
+    });
+Notice.displayName = 'Notice';

package/lib/es6/notice/index.js

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

package/lib/es6/oops/Oops.js

@@ -1,54 +1,59 @@
-"use strict";
-import { Card, Flex, FlexItem, Typo } from "@qiwi/pijma-core";
-import React from "react";
-import { Heading, Paragraph } from "../typography/index.js";
-export const Oops = ({
-  logo,
-  error,
-  title,
-  content,
-  footer
-}) => /* @__PURE__ */ React.createElement(Card, {
-  px: 6,
-  minHeight: "100%",
-  bg: "#fff"
-}, /* @__PURE__ */ React.createElement(Flex, {
-  align: "center",
-  direction: "column"
-}, logo ? /* @__PURE__ */ React.createElement(FlexItem, {
-  my: 6,
-  shrink: 0,
-  children: logo
-}) : null, /* @__PURE__ */ React.createElement(FlexItem, {
-  my: 6
-}, typeof error === "string" ? /* @__PURE__ */ React.createElement(Typo, {
-  align: "center",
-  as: "p",
-  css: {
-    overflow: "unset",
-    fontSize: "152px",
-    fontWeight: 900,
-    color: "#fff",
-    textShadow: "0 12px 36px rgba(0, 0, 0, 0.1)"
-  },
-  children: error
-}) : error), /* @__PURE__ */ React.createElement(FlexItem, {
-  my: 2
-}, /* @__PURE__ */ React.createElement(Heading, {
-  align: "center",
-  size: "1",
-  children: title
-})), /* @__PURE__ */ React.createElement(FlexItem, {
-  my: 4
-}, typeof content === "string" ? /* @__PURE__ */ React.createElement(Paragraph, {
-  align: "center",
-  children: content
-}) : content), footer ? /* @__PURE__ */ React.createElement(FlexItem, {
-  my: 6,
-  children: typeof footer === "string" ? /* @__PURE__ */ React.createElement(Paragraph, {
-    align: "center",
-    color: "support",
-    children: footer
-  }) : footer
-}) : null));
-Oops.displayName = "Oops";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Flex, FlexItem, Typo } from '@qiwi/pijma-core';
+import React from 'react';
+import { Heading, Paragraph } from '../typography/index.js';
+export const Oops = ({ logo , error , title , content , footer ,  })=>/*#__PURE__*/ _jsx(Card, {
+        px: 6,
+        minHeight: "100%",
+        bg: "#fff",
+        children: /*#__PURE__*/ _jsxs(Flex, {
+            align: "center",
+            direction: "column",
+            children: [
+                logo ? /*#__PURE__*/ _jsx(FlexItem, {
+                    my: 6,
+                    shrink: 0,
+                    children: logo
+                }) : null,
+                /*#__PURE__*/ _jsx(FlexItem, {
+                    my: 6,
+                    children: typeof error === 'string' ? /*#__PURE__*/ _jsx(Typo, {
+                        align: "center",
+                        as: "p",
+                        css: {
+                            overflow: 'unset',
+                            fontSize: '152px',
+                            fontWeight: 900,
+                            color: '#fff',
+                            textShadow: '0 12px 36px rgba(0, 0, 0, 0.1)'
+                        },
+                        children: error
+                    }) : error
+                }),
+                /*#__PURE__*/ _jsx(FlexItem, {
+                    my: 2,
+                    children: /*#__PURE__*/ _jsx(Heading, {
+                        align: "center",
+                        size: "1",
+                        children: title
+                    })
+                }),
+                /*#__PURE__*/ _jsx(FlexItem, {
+                    my: 4,
+                    children: typeof content === 'string' ? /*#__PURE__*/ _jsx(Paragraph, {
+                        align: "center",
+                        children: content
+                    }) : content
+                }),
+                footer ? /*#__PURE__*/ _jsx(FlexItem, {
+                    my: 6,
+                    children: typeof footer === 'string' ? /*#__PURE__*/ _jsx(Paragraph, {
+                        align: "center",
+                        color: "support",
+                        children: footer
+                    }) : footer
+                }) : null
+            ]
+        })
+    });
+Oops.displayName = 'Oops';

package/lib/es6/oops/index.js

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