@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es6/block-accordion/BlockAccordion.js

@@ -1,60 +1,65 @@
-"use strict";
-import {
-  AccordionControl,
-  Box,
-  Card,
-  Flex,
-  FlexItem,
-  Icon
-} from "@qiwi/pijma-core";
-import React from "react";
-import { Paragraph } from "../typography/index.js";
-export const BlockAccordion = ({ items, tabIndex = 0, opened, onChange }) => /* @__PURE__ */ React.createElement(AccordionControl, {
-  items,
-  opened,
-  onChange,
-  children: (renderProps) => /* @__PURE__ */ React.createElement(Box, {
-    py: 2
-  }, renderProps.items.map((item, index) => /* @__PURE__ */ React.createElement(Card, {
-    key: index,
-    s: index > 0 ? "0 -1px 0 #e6e6e6" : void 0,
-    transition: "box-shadow 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
-    onMouseEnter: item.onMouseEnter,
-    onMouseLeave: item.onMouseLeave
-  }, /* @__PURE__ */ React.createElement(Flex, {
-    tabIndex,
-    wrap: "nowrap",
-    justify: "space-between",
-    align: "start",
-    cursor: "pointer",
-    px: 4,
-    pt: 4,
-    pb: item.opened ? 1 : 4,
-    onClick: item.onClick,
-    onFocus: item.onFocus,
-    onBlur: item.onBlur,
-    onKeyDown: renderProps.onKeyDown
-  }, /* @__PURE__ */ React.createElement(Paragraph, {
-    bold: true,
-    size: "s"
-  }, item.title), /* @__PURE__ */ React.createElement(FlexItem, {
-    shrink: 0,
-    width: 6,
-    height: 6,
-    ml: 3,
-    transform: `rotate(${item.opened ? 180 : 0}deg)`,
-    transition: "transform 0.3s ease-in-out"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    name: "angle-small-down"
-  }))), /* @__PURE__ */ React.createElement(Box, {
-    px: 4,
-    pb: 4,
-    display: item.opened ? "block" : "none"
-  }, typeof item.content === "string" ? /* @__PURE__ */ React.createElement(Paragraph, {
-    size: "s"
-  }, item.content) : item.content))))
-});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AccordionControl, Box, Card, Flex, FlexItem, Icon } from '@qiwi/pijma-core';
+import React from 'react';
+import { Paragraph } from '../typography/index.js';
+export const BlockAccordion = ({ items , tabIndex =0 , opened , onChange  })=>/*#__PURE__*/ _jsx(AccordionControl, {
+        items: items,
+        opened: opened,
+        onChange: onChange,
+        children: (renderProps)=>/*#__PURE__*/ _jsx(Box, {
+                py: 2,
+                children: renderProps.items.map((item, index)=>/*#__PURE__*/ _jsxs(Card, {
+                        s: index > 0 ? '0 -1px 0 #e6e6e6' : undefined,
+                        transition: "box-shadow 100ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                        onMouseEnter: item.onMouseEnter,
+                        onMouseLeave: item.onMouseLeave,
+                        children: [
+                            /*#__PURE__*/ _jsxs(Flex, {
+                                tabIndex: tabIndex,
+                                wrap: "nowrap",
+                                justify: "space-between",
+                                align: "start",
+                                cursor: "pointer",
+                                px: 4,
+                                pt: 4,
+                                pb: item.opened ? 1 : 4,
+                                onClick: item.onClick,
+                                onFocus: item.onFocus,
+                                onBlur: item.onBlur,
+                                onKeyDown: renderProps.onKeyDown,
+                                children: [
+                                    /*#__PURE__*/ _jsx(Paragraph, {
+                                        bold: true,
+                                        size: "s",
+                                        children: item.title
+                                    }),
+                                    /*#__PURE__*/ _jsx(FlexItem, {
+                                        shrink: 0,
+                                        width: 6,
+                                        height: 6,
+                                        ml: 3,
+                                        transform: `rotate(${item.opened ? 180 : 0}deg)`,
+                                        transition: "transform 0.3s ease-in-out",
+                                        children: /*#__PURE__*/ _jsx(Icon, {
+                                            name: "angle-small-down"
+                                        })
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsx(Box, {
+                                px: 4,
+                                pb: 4,
+                                display: item.opened ? 'block' : 'none',
+                                children: typeof item.content === 'string' ? /*#__PURE__*/ _jsx(Paragraph, {
+                                    size: "s",
+                                    children: item.content
+                                }) : item.content
+                            })
+                        ]
+                    }, index))
+            })
+    });
+BlockAccordion.displayName = 'BlockAccordion';
 BlockAccordion.defaultProps = {
-  tabIndex: 0
+    tabIndex: 0
 };
-BlockAccordion.displayName = "BlockAccordion";

package/lib/es6/block-accordion/index.js

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

package/lib/es6/block-content/BlockContent.js

@@ -1,18 +1,15 @@
-"use strict";
-import { Box } from "@qiwi/pijma-core";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@qiwi/pijma-core';
+import React from 'react';
 const BlockContentIdent = {
-  m: 4,
-  l: 6
+    m: 4,
+    l: 6
 };
-export const BlockContent = ({
-  indent = "m",
-  children
-}) => /* @__PURE__ */ React.createElement(Box, {
-  p: BlockContentIdent[indent],
-  children
-});
+export const BlockContent = ({ indent ='m' , children ,  })=>/*#__PURE__*/ _jsx(Box, {
+        p: BlockContentIdent[indent],
+        children: children
+    });
+BlockContent.displayName = 'BlockContent';
 BlockContent.defaultProps = {
-  indent: "m"
+    indent: 'm'
 };
-BlockContent.displayName = "BlockContent";

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

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

package/lib/es6/block-tabs/BlockTabs.js

@@ -1,146 +1,164 @@
-"use strict";
-import {
-  Card,
-  Flex,
-  FlexItem,
-  Pos,
-  styled,
-  TabBorder,
-  TabHeader,
-  TabsControl
-} from "@qiwi/pijma-core";
-import React from "react";
-import { Paragraph } from "../typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Flex, FlexItem, Pos, styled, TabBorder, TabHeader, TabsControl } from '@qiwi/pijma-core';
+import React from 'react';
+import { Paragraph } from '../typography/index.js';
 const BlockTabsIndent = {
-  m: [4, 4, 4, 4],
-  l: [6, 6, 6, 6]
+    m: [
+        4,
+        4,
+        4,
+        4
+    ],
+    l: [
+        6,
+        6,
+        6,
+        6
+    ]
 };
 const FlexOverflow = styled(Flex)({
-  "&::-webkit-scrollbar": {
-    display: "none"
-  },
-  scrollbarWidth: "none",
-  msOverflowStyle: "none",
-  position: "relative"
+    '&::-webkit-scrollbar': {
+        display: 'none'
+    },
+    scrollbarWidth: 'none',
+    msOverflowStyle: 'none',
+    position: 'relative'
 });
+FlexOverflow.displayName = 'FlexOverflow';
 const TabContent = styled(FlexItem)();
-export const BlockTabs = ({
-  items,
-  select = 0,
-  tabIndex = 0,
-  vertical = false,
-  centered = false,
-  stub = false,
-  hr = true,
-  indent = "m",
-  pt,
-  pb,
-  onChange
-}) => stub ? /* @__PURE__ */ React.createElement(Pos, {
-  type: "relative"
-}, /* @__PURE__ */ React.createElement(Flex, {
-  direction: "column",
-  pt: pt !== void 0 ? pt : BlockTabsIndent[indent][0],
-  pr: BlockTabsIndent[indent][1],
-  pb: pb !== void 0 ? pb : BlockTabsIndent[indent][2],
-  pl: BlockTabsIndent[indent][3]
-}, /* @__PURE__ */ React.createElement(FlexOverflow, {
-  direction: "row",
-  overflow: "auto",
-  justify: centered ? "space-between" : "flex-start"
-}, (Array.isArray(stub) ? stub : [true, true, true]).map((icon, index, arr) => /* @__PURE__ */ React.createElement(TabHeader, {
-  key: index,
-  title: "stub",
-  indent: index === arr.length - 1 ? 0 : 5,
-  wrap: !centered,
-  tabIndex: -1,
-  icon: icon ? "qiwi" : void 0,
-  vertical,
-  select: false,
-  width: centered ? 1 : void 0,
-  stub: true
-})), /* @__PURE__ */ React.createElement(TabBorder, {
-  width: centered ? "calc(33% - 20px)" : vertical ? 13 : 21,
-  left: 0,
-  radius: hr,
-  stub: true
-})), /* @__PURE__ */ React.createElement(FlexItem, null, hr ? /* @__PURE__ */ React.createElement(Pos, {
-  type: "absolute",
-  width: 1,
-  left: 0,
-  zIndex: 0
-}, /* @__PURE__ */ React.createElement(Card, {
-  mt: "-1px",
-  bg: "#e6e6e6",
-  width: 1,
-  height: "1px"
-})) : null), /* @__PURE__ */ React.createElement(FlexItem, {
-  mt: 4
-}, /* @__PURE__ */ React.createElement(Paragraph, {
-  stub: true
-})))) : /* @__PURE__ */ React.createElement(TabsControl, {
-  select,
-  length: items.length,
-  onChange,
-  children: (renderProps) => /* @__PURE__ */ React.createElement(Pos, {
-    type: "relative"
-  }, /* @__PURE__ */ React.createElement(Flex, {
-    direction: "column",
-    pt: pt !== void 0 ? pt : BlockTabsIndent[indent][0],
-    pr: BlockTabsIndent[indent][1],
-    pb: pb !== void 0 ? pb : BlockTabsIndent[indent][2],
-    pl: BlockTabsIndent[indent][3]
-  }, /* @__PURE__ */ React.createElement(FlexOverflow, {
-    direction: "row",
-    overflow: "auto",
-    justify: centered ? "space-between" : "flex-start"
-  }, renderProps.items.map((item, index) => /* @__PURE__ */ React.createElement(TabHeader, {
-    key: index,
-    title: items[index].title,
-    indent: index === items.length - 1 ? 0 : 5,
-    wrap: !centered,
-    tabIndex,
-    icon: items[index].icon,
-    vertical,
-    select: item.select,
-    focus: item.focus,
-    width: centered ? 1 : void 0,
-    ref: item.ref,
-    onFocus: item.onFocus,
-    onBlur: item.onBlur,
-    onMouseEnter: item.onMouseEnter,
-    onMouseLeave: item.onMouseLeave,
-    onKeyDown: renderProps.onKeyDown,
-    onClick: item.onClick
-  })), /* @__PURE__ */ React.createElement(TabBorder, {
-    width: `${renderProps.borderWidth}px`,
-    left: `${renderProps.borderLeft}px`,
-    radius: hr
-  })), hr ? /* @__PURE__ */ React.createElement(FlexItem, null, /* @__PURE__ */ React.createElement(Pos, {
-    type: "absolute",
-    width: 1,
-    left: 0,
-    zIndex: 0
-  }, /* @__PURE__ */ React.createElement(Card, {
-    mt: "-1px",
-    bg: "#e6e6e6",
-    width: 1,
-    height: "1px"
-  }))) : null, items.map(({ content }, index) => /* @__PURE__ */ React.createElement(TabContent, {
-    key: index,
-    display: select === index ? "block" : "none",
-    pt: 4,
-    children: content
-  }))))
-});
+TabContent.displayName = 'TabContent';
+export const BlockTabs = ({ items , select =0 , tabIndex =0 , vertical =false , centered =false , stub =false , hr =true , indent ='m' , pt , pb , onChange ,  })=>stub ? /*#__PURE__*/ _jsx(Pos, {
+        type: "relative",
+        children: /*#__PURE__*/ _jsxs(Flex, {
+            direction: "column",
+            pt: pt !== undefined ? pt : BlockTabsIndent[indent][0],
+            pr: BlockTabsIndent[indent][1],
+            pb: pb !== undefined ? pb : BlockTabsIndent[indent][2],
+            pl: BlockTabsIndent[indent][3],
+            children: [
+                /*#__PURE__*/ _jsxs(FlexOverflow, {
+                    direction: "row",
+                    overflow: "auto",
+                    justify: centered ? 'space-between' : 'flex-start',
+                    children: [
+                        (Array.isArray(stub) ? stub : [
+                            true,
+                            true,
+                            true
+                        ]).map((icon, index, arr)=>/*#__PURE__*/ _jsx(TabHeader, {
+                                title: "stub",
+                                indent: index === arr.length - 1 ? 0 : 5,
+                                wrap: !centered,
+                                tabIndex: -1,
+                                icon: icon ? 'qiwi' : undefined,
+                                vertical: vertical,
+                                select: false,
+                                width: centered ? 1 : undefined,
+                                stub: true
+                            }, index)),
+                        /*#__PURE__*/ _jsx(TabBorder, {
+                            width: centered ? 'calc(33% - 20px)' : vertical ? 13 : 21,
+                            left: 0,
+                            radius: hr,
+                            stub: true
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(FlexItem, {
+                    children: hr ? /*#__PURE__*/ _jsx(Pos, {
+                        type: "absolute",
+                        width: 1,
+                        left: 0,
+                        zIndex: 0,
+                        children: /*#__PURE__*/ _jsx(Card, {
+                            mt: "-1px",
+                            bg: "#e6e6e6",
+                            width: 1,
+                            height: "1px"
+                        })
+                    }) : null
+                }),
+                /*#__PURE__*/ _jsx(FlexItem, {
+                    mt: 4,
+                    children: /*#__PURE__*/ _jsx(Paragraph, {
+                        stub: true
+                    })
+                })
+            ]
+        })
+    }) : /*#__PURE__*/ _jsx(TabsControl, {
+        select: select,
+        length: items.length,
+        onChange: onChange,
+        children: (renderProps)=>/*#__PURE__*/ _jsx(Pos, {
+                type: "relative",
+                children: /*#__PURE__*/ _jsxs(Flex, {
+                    direction: "column",
+                    pt: pt !== undefined ? pt : BlockTabsIndent[indent][0],
+                    pr: BlockTabsIndent[indent][1],
+                    pb: pb !== undefined ? pb : BlockTabsIndent[indent][2],
+                    pl: BlockTabsIndent[indent][3],
+                    children: [
+                        /*#__PURE__*/ _jsxs(FlexOverflow, {
+                            direction: "row",
+                            overflow: "auto",
+                            justify: centered ? 'space-between' : 'flex-start',
+                            children: [
+                                renderProps.items.map((item, index)=>/*#__PURE__*/ _jsx(TabHeader, {
+                                        title: items[index].title,
+                                        indent: index === items.length - 1 ? 0 : 5,
+                                        wrap: !centered,
+                                        tabIndex: tabIndex,
+                                        icon: items[index].icon,
+                                        vertical: vertical,
+                                        select: item.select,
+                                        focus: item.focus,
+                                        width: centered ? 1 : undefined,
+                                        ref: item.ref,
+                                        onFocus: item.onFocus,
+                                        onBlur: item.onBlur,
+                                        onMouseEnter: item.onMouseEnter,
+                                        onMouseLeave: item.onMouseLeave,
+                                        onKeyDown: renderProps.onKeyDown,
+                                        onClick: item.onClick
+                                    }, index)),
+                                /*#__PURE__*/ _jsx(TabBorder, {
+                                    width: `${renderProps.borderWidth}px`,
+                                    left: `${renderProps.borderLeft}px`,
+                                    radius: hr
+                                })
+                            ]
+                        }),
+                        hr ? /*#__PURE__*/ _jsx(FlexItem, {
+                            children: /*#__PURE__*/ _jsx(Pos, {
+                                type: "absolute",
+                                width: 1,
+                                left: 0,
+                                zIndex: 0,
+                                children: /*#__PURE__*/ _jsx(Card, {
+                                    mt: "-1px",
+                                    bg: "#e6e6e6",
+                                    width: 1,
+                                    height: "1px"
+                                })
+                            })
+                        }) : null,
+                        items.map(({ content  }, index)=>/*#__PURE__*/ _jsx(TabContent, {
+                                display: select === index ? 'block' : 'none',
+                                pt: 4,
+                                children: content
+                            }, index))
+                    ]
+                })
+            })
+    });
+BlockTabs.displayName = 'BlockTabs';
 BlockTabs.defaultProps = {
-  select: 0,
-  tabIndex: 0,
-  vertical: false,
-  centered: false,
-  stub: false,
-  hr: true,
-  indent: "m"
+    select: 0,
+    tabIndex: 0,
+    vertical: false,
+    centered: false,
+    stub: false,
+    hr: true,
+    indent: 'm'
 };
-FlexOverflow.displayName = "FlexOverflow", TabContent.displayName = "TabContent";
-BlockTabs.displayName = "BlockTabs";

package/lib/es6/block-tabs/index.js

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

package/lib/es6/breadcrumbs/Breadcrumbs.js

@@ -1,40 +1,34 @@
-"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 } from "@qiwi/pijma-core";
-import React, { Fragment } from "react";
-import { NavLink } from "../nav-link/index.js";
-import { Paragraph } from "../typography/index.js";
-export const Breadcrumbs = ({
-  children = [],
-  stub = false
-}) => stub ? /* @__PURE__ */ React.createElement(Box, {
-  maxWidth: 12,
-  width: 1
-}, /* @__PURE__ */ React.createElement(NavLink, {
-  stub: true
-})) : /* @__PURE__ */ React.createElement(Paragraph, {
-  size: "s",
-  color: "support"
-}, children.map((item, i) => /* @__PURE__ */ React.createElement(Fragment, {
-  key: i
-}, i > 0 ? /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(Box, {
-  as: "span",
-  mx: 2,
-  display: "inline"
-}, "\u2022"), "\xAD") : null, /* @__PURE__ */ React.createElement(NavLink, __spreadValues({}, item)))));
-Breadcrumbs.displayName = "Breadcrumbs";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@qiwi/pijma-core';
+import React, { Fragment } from 'react';
+import { NavLink } from '../nav-link/index.js';
+import { Paragraph } from '../typography/index.js';
+export const Breadcrumbs = ({ children =[] , stub =false ,  })=>stub ? /*#__PURE__*/ _jsx(Box, {
+        maxWidth: 12,
+        width: 1,
+        children: /*#__PURE__*/ _jsx(NavLink, {
+            stub: true
+        })
+    }) : /*#__PURE__*/ _jsx(Paragraph, {
+        size: "s",
+        color: "support",
+        children: children.map((item, i)=>/*#__PURE__*/ _jsxs(Fragment, {
+                children: [
+                    i > 0 ? /*#__PURE__*/ _jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ _jsx(Box, {
+                                as: "span",
+                                mx: 2,
+                                display: "inline",
+                                children: "•"
+                            }),
+                            "\xad"
+                        ]
+                    }) : null,
+                    /*#__PURE__*/ _jsx(NavLink, {
+                        ...item
+                    })
+                ]
+            }, i))
+    });
+Breadcrumbs.displayName = 'Breadcrumbs';

package/lib/es6/breadcrumbs/index.js

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