@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es6/drop-up/DropUp.js

@@ -1,151 +1,154 @@
-"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 {
-  Box,
-  Card,
-  css,
-  Flex,
-  FlexItem,
-  FlexPos,
-  Icon,
-  Modal,
-  Pos,
-  SimpleTransition,
-  styled
-} from "@qiwi/pijma-core";
-import React from "react";
-import { Paragraph } from "../typography/index.js";
-const contentTransitionVertical = (props) => /* @__PURE__ */ React.createElement(SimpleTransition, __spreadValues({}, props));
-const contentTransitionHorizontal = (props) => /* @__PURE__ */ React.createElement(SimpleTransition, __spreadValues({}, props));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Card, css, Flex, FlexItem, FlexPos, Icon, Modal, Pos, SimpleTransition, styled } from '@qiwi/pijma-core';
+import React from 'react';
+import { Paragraph } from '../typography/index.js';
+const ContentTransitionVertical = (props)=>/*#__PURE__*/ _jsx(SimpleTransition, {
+        ...props
+    });
+ContentTransitionVertical.displayName = 'ContentTransitionVertical';
+const ContentTransitionHorizontal = (props)=>/*#__PURE__*/ _jsx(SimpleTransition, {
+        ...props
+    });
+ContentTransitionHorizontal.displayName = 'ContentTransitionHorizontal';
 const translate3d = {
-  vertical: "0, 100%, 0",
-  horizontal: "100%, 0, 0"
+    vertical: '0, 100%, 0',
+    horizontal: '100%, 0, 0'
 };
-const defaultProps = (direction) => ({
-  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(${translate3d[direction]})`,
-    transition: `opacity ${timeout}ms ease, transform ${timeout}ms ease`
-  })
-});
-contentTransitionVertical.defaultProps = defaultProps("vertical");
-contentTransitionHorizontal.defaultProps = defaultProps("horizontal");
-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 defaultProps = (direction)=>({
+        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(${translate3d[direction]})`,
+                transition: `opacity ${timeout}ms ease, transform ${timeout}ms ease`
+            })
+    });
+ContentTransitionVertical.defaultProps = defaultProps('vertical');
+ContentTransitionHorizontal.defaultProps = defaultProps('horizontal');
+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 FlexPosCard = styled(FlexPos)().withComponent(Card);
-export const DropUp = (props) => /* @__PURE__ */ React.createElement(Modal, {
-  show: props.show,
-  autoFocus: props.autoFocus,
-  onShow: props.onShow,
-  onHide: props.onHide,
-  transition: props.horizontal ? contentTransitionHorizontal : contentTransitionVertical,
-  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(245, 245, 245, 0.8)",
-    width: 1,
-    height: 1
-  })),
-  renderDialog: (dialogProps) => /* @__PURE__ */ React.createElement(Pos, __spreadValues({
-    type: "fixed",
-    zIndex: 9999,
-    top: 0,
-    bottom: 0,
-    left: 0,
-    right: 0,
-    onKeyDown: props.onKeyDown
-  }, dialogProps), /* @__PURE__ */ React.createElement(FlexPosCard, {
-    display: "flex",
-    direction: "column",
-    width: 1,
-    maxHeight: "calc(100% - 44px)",
-    bg: "#fff",
-    type: "absolute",
-    bottom: 0,
-    s: "0px 0px 64px 0px rgba(0, 0, 0, 0.16)"
-  }, /* @__PURE__ */ React.createElement(Pos, {
-    zIndex: 1
-  }, /* @__PURE__ */ React.createElement(Card, {
-    width: 1,
-    px: 6,
-    py: 4,
-    s: "0 1px 2px 0 rgba(0, 0, 0, 0.12)"
-  }, /* @__PURE__ */ React.createElement(Flex, {
-    width: 1,
-    align: "center"
-  }, props.onBack ? /* @__PURE__ */ React.createElement(Box, {
-    width: 6,
-    height: 6,
-    mr: 3,
-    onClick: props.onBack
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    name: "arrow-left"
-  })) : null, /* @__PURE__ */ React.createElement(Paragraph, {
-    size: "m",
-    bold: true
-  }, props.title), /* @__PURE__ */ React.createElement(Box, {
-    width: 6,
-    height: 6,
-    ml: "auto",
-    onClick: props.onHide
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    name: "cross"
-  }))))), /* @__PURE__ */ React.createElement(FlexItem, {
-    display: "flex",
-    grow: 1,
-    width: 1,
-    minHeight: 0
-  }, /* @__PURE__ */ React.createElement(FlexItem, {
-    grow: 1,
-    minHeight: 0,
-    overflow: "auto"
-  }, props.children)), props.footer ? /* @__PURE__ */ React.createElement(Box, {
-    p: 4,
-    width: 1
-  }, props.footer) : null))
-});
-FlexPosCard.displayName = "FlexPosCard";
-contentTransitionVertical.displayName = "contentTransitionVertical", contentTransitionHorizontal.displayName = "contentTransitionHorizontal", backdropTransition.displayName = "backdropTransition", DropUp.displayName = "DropUp";
+FlexPosCard.displayName = 'FlexPosCard';
+export const DropUp = (props)=>/*#__PURE__*/ _jsx(Modal, {
+        show: props.show,
+        autoFocus: props.autoFocus,
+        onShow: props.onShow,
+        onHide: props.onHide,
+        transition: props.horizontal ? ContentTransitionHorizontal : ContentTransitionVertical,
+        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(245, 245, 245, 0.8)",
+                    width: 1,
+                    height: 1
+                })
+            }),
+        renderDialog: (dialogProps)=>/*#__PURE__*/ _jsx(Pos, {
+                type: "fixed",
+                zIndex: 9999,
+                top: 0,
+                bottom: 0,
+                left: 0,
+                right: 0,
+                onKeyDown: props.onKeyDown,
+                ...dialogProps,
+                children: /*#__PURE__*/ _jsxs(FlexPosCard, {
+                    display: "flex",
+                    direction: "column",
+                    width: 1,
+                    maxHeight: "calc(100% - 44px)",
+                    bg: "#fff",
+                    type: "absolute",
+                    bottom: 0,
+                    s: "0px 0px 64px 0px rgba(0, 0, 0, 0.16)",
+                    children: [
+                        /*#__PURE__*/ _jsx(Pos, {
+                            zIndex: 1,
+                            children: /*#__PURE__*/ _jsx(Card, {
+                                width: 1,
+                                px: 6,
+                                py: 4,
+                                s: "0 1px 2px 0 rgba(0, 0, 0, 0.12)",
+                                children: /*#__PURE__*/ _jsxs(Flex, {
+                                    width: 1,
+                                    align: "center",
+                                    children: [
+                                        props.onBack ? /*#__PURE__*/ _jsx(Box, {
+                                            width: 6,
+                                            height: 6,
+                                            mr: 3,
+                                            onClick: props.onBack,
+                                            children: /*#__PURE__*/ _jsx(Icon, {
+                                                name: "arrow-left"
+                                            })
+                                        }) : null,
+                                        /*#__PURE__*/ _jsx(Paragraph, {
+                                            size: "m",
+                                            bold: true,
+                                            children: props.title
+                                        }),
+                                        /*#__PURE__*/ _jsx(Box, {
+                                            width: 6,
+                                            height: 6,
+                                            ml: "auto",
+                                            onClick: props.onHide,
+                                            children: /*#__PURE__*/ _jsx(Icon, {
+                                                name: "cross"
+                                            })
+                                        })
+                                    ]
+                                })
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(FlexItem, {
+                            display: "flex",
+                            grow: 1,
+                            width: 1,
+                            minHeight: 0,
+                            children: /*#__PURE__*/ _jsx(FlexItem, {
+                                grow: 1,
+                                minHeight: 0,
+                                overflow: "auto",
+                                children: props.children
+                            })
+                        }),
+                        props.footer ? /*#__PURE__*/ _jsx(Box, {
+                            p: 4,
+                            width: 1,
+                            children: props.footer
+                        }) : null
+                    ]
+                })
+            })
+    });
+DropUp.displayName = 'DropUp';

package/lib/es6/drop-up/index.js

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

package/lib/es6/footer-app/FooterApp.js

@@ -1,64 +1,50 @@
-"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 { BoxLnk, Flex, FlexItem, LinkControl, Stub } from "@qiwi/pijma-core";
-import React from "react";
-const FooterAppLink = (props) => props.stub ? /* @__PURE__ */ React.createElement(Stub, {
-  width: 1,
-  height: 1,
-  r: 8
-}) : /* @__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(BoxLnk, {
-    display: "block",
-    href: props.href,
-    rel: props.rel,
-    target: props.target,
-    title: props.title,
-    download: props.download,
-    width: 1,
-    height: 1,
-    onClick: renderProps.onClick,
-    onFocus: renderProps.onFocus,
-    onBlur: renderProps.onBlur,
-    onMouseEnter: renderProps.onMouseEnter,
-    onMouseLeave: renderProps.onMouseLeave,
-    onMouseUp: renderProps.onMouseUp,
-    onMouseDown: renderProps.onMouseDown,
-    children: props.icon
-  })
-});
-export const FooterApp = ({ children, stub = false }) => /* @__PURE__ */ React.createElement(Flex, {
-  wrap: "wrap",
-  width: 68,
-  justify: "space-between"
-}, (stub ? new Array(3).fill(0) : children).map((item, i) => /* @__PURE__ */ React.createElement(FlexItem, {
-  key: i,
-  mt: i > 1 ? 3 : 0,
-  width: 32,
-  height: 10,
-  children: /* @__PURE__ */ React.createElement(FooterAppLink, __spreadValues({
-    stub
-  }, item))
-})));
-FooterAppLink.displayName = "FooterAppLink", FooterApp.displayName = "FooterApp";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BoxLnk, Flex, FlexItem, LinkControl, Stub } from '@qiwi/pijma-core';
+import React from 'react';
+const FooterAppLink = (props)=>props.stub ? /*#__PURE__*/ _jsx(Stub, {
+        width: 1,
+        height: 1,
+        r: 8
+    }) : /*#__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(BoxLnk, {
+                display: "block",
+                href: props.href,
+                rel: props.rel,
+                target: props.target,
+                title: props.title,
+                download: props.download,
+                width: 1,
+                height: 1,
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                onMouseUp: renderProps.onMouseUp,
+                onMouseDown: renderProps.onMouseDown,
+                children: props.icon
+            })
+    });
+FooterAppLink.displayName = 'FooterAppLink';
+export const FooterApp = ({ children , stub =false  })=>/*#__PURE__*/ _jsx(Flex, {
+        wrap: "wrap",
+        width: 68,
+        justify: "space-between",
+        children: (stub ? new Array(3).fill(0) : children).map((item, i)=>/*#__PURE__*/ _jsx(FlexItem, {
+                mt: i > 1 ? 3 : 0,
+                width: 32,
+                height: 10,
+                children: /*#__PURE__*/ _jsx(FooterAppLink, {
+                    stub: stub,
+                    ...item
+                })
+            }, i))
+    });
+FooterApp.displayName = 'FooterApp';

package/lib/es6/footer-app/index.js

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

package/lib/es6/footer-nav/FooterNav.js

@@ -1,42 +1,31 @@
-"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 { Box, Flex, FlexItem } from "@qiwi/pijma-core";
-import React from "react";
-import { NavLink } from "../nav-link/index.js";
-export const FooterNav = ({
-  children = [],
-  stub = false
-}) => /* @__PURE__ */ React.createElement(Box, {
-  overflow: "hidden"
-}, /* @__PURE__ */ React.createElement(Flex, {
-  wrap: "wrap",
-  mx: -2,
-  my: -2.5
-}, stub ? (typeof stub === "boolean" ? [24, 30, 18] : stub).map((width, index) => /* @__PURE__ */ React.createElement(FlexItem, {
-  px: 2,
-  py: 2.5,
-  key: index,
-  width
-}, /* @__PURE__ */ React.createElement(NavLink, {
-  stub: true
-}))) : children.map((item, i) => /* @__PURE__ */ React.createElement(FlexItem, {
-  px: 2,
-  py: 2.5,
-  key: i
-}, /* @__PURE__ */ React.createElement(NavLink, __spreadValues({}, item))))));
-FooterNav.displayName = "FooterNav";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Flex, FlexItem } from '@qiwi/pijma-core';
+import React from 'react';
+import { NavLink } from '../nav-link/index.js';
+export const FooterNav = ({ children =[] , stub =false ,  })=>/*#__PURE__*/ _jsx(Box, {
+        overflow: "hidden",
+        children: /*#__PURE__*/ _jsx(Flex, {
+            wrap: "wrap",
+            mx: -2,
+            my: -2.5,
+            children: stub ? (typeof stub === 'boolean' ? [
+                24,
+                30,
+                18
+            ] : stub).map((width, index)=>/*#__PURE__*/ _jsx(FlexItem, {
+                    px: 2,
+                    py: 2.5,
+                    width: width,
+                    children: /*#__PURE__*/ _jsx(NavLink, {
+                        stub: true
+                    })
+                }, index)) : children.map((item, i)=>/*#__PURE__*/ _jsx(FlexItem, {
+                    px: 2,
+                    py: 2.5,
+                    children: /*#__PURE__*/ _jsx(NavLink, {
+                        ...item
+                    })
+                }, i))
+        })
+    });
+FooterNav.displayName = 'FooterNav';

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

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