@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es6/button/Button.js

@@ -1,175 +1,174 @@
-"use strict";
-import {
-  Btn,
-  ButtonControl,
-  Card,
-  Flex,
-  FlexItem,
-  Pos,
-  Spinner,
-  Stub,
-  Typo,
-  useTheme
-} from "@qiwi/pijma-core";
-import React, { Fragment } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Btn, ButtonControl, Card, Flex, FlexItem, Pos, Spinner, Stub, Typo, useTheme } from '@qiwi/pijma-core';
+import React, { Fragment } from 'react';
 const buttonSize = {
-  accent: 12,
-  normal: 10,
-  minor: 8
+    accent: 12,
+    normal: 10,
+    minor: 8
 };
 const buttonRadius = {
-  accent: 24,
-  normal: 20,
-  minor: 16
+    accent: 24,
+    normal: 20,
+    minor: 16
 };
 const contextPaddingX = {
-  accent: 8,
-  normal: 6,
-  minor: 4
+    accent: 8,
+    normal: 6,
+    minor: 4
 };
 const iconSize = {
-  accent: 6,
-  normal: 6,
-  minor: 5
+    accent: 6,
+    normal: 6,
+    minor: 5
 };
 const iconMargin = {
-  accent: 3,
-  normal: 1.5,
-  minor: 1
+    accent: 3,
+    normal: 1.5,
+    minor: 1
 };
 const textSize = {
-  accent: 4,
-  normal: 3.5,
-  minor: 3.5
+    accent: 4,
+    normal: 3.5,
+    minor: 3.5
 };
 const textHeight = {
-  accent: 5,
-  normal: 4,
-  minor: 4
+    accent: 5,
+    normal: 4,
+    minor: 4
 };
 const stubHeight = {
-  accent: 3,
-  normal: 2,
-  minor: 2
+    accent: 3,
+    normal: 2,
+    minor: 2
 };
 const stubWidth = {
-  accent: 23,
-  normal: 21,
-  minor: 19
+    accent: 23,
+    normal: 21,
+    minor: 19
 };
-export const Button = (props) => {
-  var _a;
-  const theme = useTheme();
-  return props.stub ? /* @__PURE__ */ React.createElement(Card, {
-    width: !props.icon || props.text ? 1 : buttonSize[props.size],
-    height: buttonSize[props.size],
-    bg: theme.button.bg.kind.simple,
-    b: theme.button.border.kind.simple,
-    r: (_a = props.radius) != null ? _a : buttonRadius[props.size]
-  }, /* @__PURE__ */ React.createElement(Flex, {
-    align: "center",
-    justify: "center",
-    width: 1,
-    height: 1,
-    px: props.icon && !props.text ? 0 : contextPaddingX[props.size]
-  }, /* @__PURE__ */ React.createElement(Fragment, null, props.icon ? /* @__PURE__ */ React.createElement(FlexItem, {
-    shrink: 0,
-    mr: props.text ? iconMargin[props.size] : 0,
-    width: iconSize[props.size],
-    height: iconSize[props.size]
-  }, /* @__PURE__ */ React.createElement(Stub, {
-    top: 0.5,
-    right: 0.5,
-    bottom: 0.5,
-    left: 0.5,
-    width: iconSize[props.size] - 1,
-    height: iconSize[props.size] - 1,
-    r: (iconSize[props.size] - 1) * 2
-  })) : null, props.text || !props.icon ? /* @__PURE__ */ React.createElement(Stub, {
-    width: stubWidth[props.size] - (props.icon ? 9 : 0),
-    height: stubHeight[props.size]
-  }) : null))) : /* @__PURE__ */ React.createElement(ButtonControl, {
-    onClick: props.onClick,
-    onFocus: props.onFocus,
-    onBlur: props.onBlur,
-    children: (renderProps) => {
-      var _a2;
-      return /* @__PURE__ */ React.createElement(Btn, {
-        disabled: props.disabled,
-        type: props.type,
+export const Button = (props)=>{
+    const theme = useTheme();
+    return props.stub ? /*#__PURE__*/ _jsx(Card, {
         width: !props.icon || props.text ? 1 : buttonSize[props.size],
         height: buttonSize[props.size],
-        bg: props.disabled ? "#e6e6e6" : renderProps.hover || renderProps.focus ? theme.button.bg.hover[props.kind] : theme.button.bg.kind[props.kind],
-        b: props.disabled ? "none" : renderProps.hover || renderProps.focus ? theme.button.border.hover[props.kind] : theme.button.border.kind[props.kind],
-        r: (_a2 = props.radius) != null ? _a2 : buttonRadius[props.size],
-        transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
-        onClick: renderProps.onClick,
-        onFocus: renderProps.onFocus,
-        onBlur: renderProps.onBlur,
-        onMouseEnter: renderProps.onMouseEnter,
-        onMouseLeave: renderProps.onMouseLeave,
-        children: /* @__PURE__ */ React.createElement(Pos, {
-          type: "relative",
-          width: 1,
-          height: 1,
-          cursor: props.disabled ? "not-allowed" : "pointer",
-          children: /* @__PURE__ */ React.createElement(Flex, {
+        bg: theme.button.bg.kind.simple,
+        b: theme.button.border.kind.simple,
+        r: props.radius ?? buttonRadius[props.size],
+        children: /*#__PURE__*/ _jsx(Flex, {
             align: "center",
             justify: "center",
             width: 1,
             height: 1,
             px: props.icon && !props.text ? 0 : contextPaddingX[props.size],
-            transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
-            children: /* @__PURE__ */ React.createElement(Fragment, null, /* @__PURE__ */ React.createElement(Pos, {
-              type: "absolute",
-              top: 0,
-              right: 0,
-              bottom: 0,
-              left: 0,
-              opacity: props.loading ? renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1 : 0,
-              transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
-              children: /* @__PURE__ */ React.createElement(Flex, {
-                align: "center",
-                justify: "center",
-                width: 1,
-                height: 1,
-                children: /* @__PURE__ */ React.createElement(Spinner, {
-                  paused: !props.loading,
-                  width: iconSize[props.size],
-                  height: iconSize[props.size],
-                  color: props.disabled ? "#666" : theme.button.text.color[props.kind]
-                })
-              })
-            }), props.icon ? /* @__PURE__ */ React.createElement(FlexItem, {
-              shrink: 0,
-              opacity: props.loading ? 0 : renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1,
-              mr: props.text ? iconMargin[props.size] : 0,
-              width: iconSize[props.size],
-              height: iconSize[props.size],
-              transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
-              children: React.cloneElement(props.icon, {
-                color: props.disabled ? "#666" : props.kind === "brand" ? "#fff" : "#000",
-                size: 1
-              })
-            }) : null, props.text || !props.icon ? /* @__PURE__ */ React.createElement(FlexItem, {
-              opacity: props.loading ? 0 : renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1,
-              overflow: "hidden",
-              transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
-              children: /* @__PURE__ */ React.createElement(Typo, {
-                nowrap: true,
-                display: "block",
-                weight: 500,
-                color: props.disabled ? "#666" : theme.button.text.color[props.kind],
-                size: textSize[props.size],
-                height: textHeight[props.size],
-                transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
-                children: props.text
-              })
-            }) : null)
-          })
+            children: /*#__PURE__*/ _jsxs(Fragment, {
+                children: [
+                    props.icon ? /*#__PURE__*/ _jsx(FlexItem, {
+                        shrink: 0,
+                        mr: props.text ? iconMargin[props.size] : 0,
+                        width: iconSize[props.size],
+                        height: iconSize[props.size],
+                        children: /*#__PURE__*/ _jsx(Stub, {
+                            top: 0.5,
+                            right: 0.5,
+                            bottom: 0.5,
+                            left: 0.5,
+                            width: iconSize[props.size] - 1,
+                            height: iconSize[props.size] - 1,
+                            r: (iconSize[props.size] - 1) * 2
+                        })
+                    }) : null,
+                    props.text || !props.icon ? /*#__PURE__*/ _jsx(Stub, {
+                        width: stubWidth[props.size] - (props.icon ? 9 : 0),
+                        height: stubHeight[props.size]
+                    }) : null
+                ]
+            })
         })
-      });
-    }
-  });
+    }) : /*#__PURE__*/ _jsx(ButtonControl, {
+        onClick: props.onClick,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        children: (renderProps)=>/*#__PURE__*/ _jsx(Btn, {
+                disabled: props.disabled,
+                type: props.type,
+                width: !props.icon || props.text ? 1 : buttonSize[props.size],
+                height: buttonSize[props.size],
+                bg: props.disabled ? '#e6e6e6' : renderProps.hover || renderProps.focus ? theme.button.bg.hover[props.kind] : theme.button.bg.kind[props.kind],
+                b: props.disabled ? 'none' : renderProps.hover || renderProps.focus ? theme.button.border.hover[props.kind] : theme.button.border.kind[props.kind],
+                r: props.radius ?? buttonRadius[props.size],
+                transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                onClick: renderProps.onClick,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onMouseEnter: renderProps.onMouseEnter,
+                onMouseLeave: renderProps.onMouseLeave,
+                children: /*#__PURE__*/ _jsx(Pos, {
+                    type: "relative",
+                    width: 1,
+                    height: 1,
+                    cursor: props.disabled ? 'not-allowed' : 'pointer',
+                    children: /*#__PURE__*/ _jsx(Flex, {
+                        align: "center",
+                        justify: "center",
+                        width: 1,
+                        height: 1,
+                        px: props.icon && !props.text ? 0 : contextPaddingX[props.size],
+                        transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                        children: /*#__PURE__*/ _jsxs(Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx(Pos, {
+                                    type: "absolute",
+                                    top: 0,
+                                    right: 0,
+                                    bottom: 0,
+                                    left: 0,
+                                    opacity: props.loading ? renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1 : 0,
+                                    transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                                    children: /*#__PURE__*/ _jsx(Flex, {
+                                        align: "center",
+                                        justify: "center",
+                                        width: 1,
+                                        height: 1,
+                                        children: /*#__PURE__*/ _jsx(Spinner, {
+                                            paused: !props.loading,
+                                            width: iconSize[props.size],
+                                            height: iconSize[props.size],
+                                            color: props.disabled ? '#666' : theme.button.text.color[props.kind]
+                                        })
+                                    })
+                                }),
+                                props.icon ? /*#__PURE__*/ _jsx(FlexItem, {
+                                    shrink: 0,
+                                    opacity: props.loading ? 0 : renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1,
+                                    mr: props.text ? iconMargin[props.size] : 0,
+                                    width: iconSize[props.size],
+                                    height: iconSize[props.size],
+                                    transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                                    children: /*#__PURE__*/ React.cloneElement(props.icon, {
+                                        color: props.disabled ? '#666' : props.kind === 'brand' ? '#fff' : '#000',
+                                        size: 1
+                                    })
+                                }) : null,
+                                props.text || !props.icon ? /*#__PURE__*/ _jsx(FlexItem, {
+                                    opacity: props.loading ? 0 : renderProps.hover || renderProps.active || renderProps.focus ? 0.9 : 1,
+                                    overflow: "hidden",
+                                    transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                                    children: /*#__PURE__*/ _jsx(Typo, {
+                                        nowrap: true,
+                                        display: "block",
+                                        weight: 500,
+                                        color: props.disabled ? '#666' : theme.button.text.color[props.kind],
+                                        size: textSize[props.size],
+                                        height: textHeight[props.size],
+                                        transition: "all 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+                                        children: props.text
+                                    })
+                                }) : null
+                            ]
+                        })
+                    })
+                })
+            })
+    });
 };
-Button.displayName = "Button";
+Button.displayName = 'Button';

package/lib/es6/button/index.js

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

package/lib/es6/checkbox/Checkbox.js

@@ -1,40 +1,35 @@
-"use strict";
-import {
-  Box,
-  Check,
-  OptionField,
-  OptionFieldItem,
-  SwitchControl
-} from "@qiwi/pijma-core";
-import React from "react";
-const Checkbox = (props) => /* @__PURE__ */ React.createElement(SwitchControl, {
-  disabled: props.disabled,
-  checked: props.checked,
-  onChange: props.onChange,
-  children: (renderProps) => /* @__PURE__ */ React.createElement(OptionField, {
-    tabIndex: props.tabIndex,
-    onFocus: renderProps.onFocus,
-    onBlur: renderProps.onBlur,
-    onKeyDown: renderProps.onKeyDown,
-    children: /* @__PURE__ */ React.createElement(OptionFieldItem, {
-      disabled: props.disabled,
-      label: props.label,
-      description: props.description,
-      icon: /* @__PURE__ */ React.createElement(Box, {
-        width: 6
-      }, /* @__PURE__ */ React.createElement(Check, {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Check, OptionField, OptionFieldItem, SwitchControl } from '@qiwi/pijma-core';
+import React from 'react';
+const Checkbox = (props)=>/*#__PURE__*/ _jsx(SwitchControl, {
         disabled: props.disabled,
         checked: props.checked,
-        focused: renderProps.focused
-      })),
-      onClick: renderProps.onClick,
-      onMouseEnter: renderProps.onMouseEnter,
-      onMouseLeave: renderProps.onMouseLeave
-    })
-  })
-});
+        onChange: props.onChange,
+        children: (renderProps)=>/*#__PURE__*/ _jsx(OptionField, {
+                tabIndex: props.tabIndex,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onKeyDown: renderProps.onKeyDown,
+                children: /*#__PURE__*/ _jsx(OptionFieldItem, {
+                    disabled: props.disabled,
+                    label: props.label,
+                    description: props.description,
+                    icon: /*#__PURE__*/ _jsx(Box, {
+                        width: 6,
+                        children: /*#__PURE__*/ _jsx(Check, {
+                            disabled: props.disabled,
+                            checked: props.checked,
+                            focused: renderProps.focused
+                        })
+                    }),
+                    onClick: renderProps.onClick,
+                    onMouseEnter: renderProps.onMouseEnter,
+                    onMouseLeave: renderProps.onMouseLeave
+                })
+            })
+    });
+Checkbox.displayName = 'Checkbox';
 Checkbox.defaultProps = {
-  tabIndex: 0
+    tabIndex: 0
 };
 export default Checkbox;
-Checkbox.displayName = "Checkbox";

package/lib/es6/checkbox/CheckboxProps.js

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

package/lib/es6/checkbox/index.js

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

package/lib/es6/checkbox-field/CheckboxField.js

@@ -1,82 +1,85 @@
-"use strict";
-import {
-  Box,
-  Check,
-  CheckboxControl,
-  Flex,
-  OptionControl,
-  OptionField,
-  OptionFieldItem,
-  Spacer,
-  Stub
-} from "@qiwi/pijma-core";
-import React from "react";
-const CheckboxField = (props) => props.stub ? /* @__PURE__ */ React.createElement(Box, {
-  maxWidth: 1
-}, /* @__PURE__ */ React.createElement(Stub, {
-  width: 24,
-  height: 3,
-  top: 2,
-  bottom: 4
-}), /* @__PURE__ */ React.createElement(Spacer, {
-  size: "s"
-}, [33, 38, 30].map((width, id) => /* @__PURE__ */ React.createElement(Flex, {
-  key: id,
-  align: "center"
-}, /* @__PURE__ */ React.createElement(Stub, {
-  width: 5,
-  height: 5,
-  right: 3,
-  left: 0.5
-}), /* @__PURE__ */ React.createElement(Box, {
-  width,
-  maxWidth: 1
-}, /* @__PURE__ */ React.createElement(Stub, {
-  width: 1,
-  height: 2,
-  top: 2,
-  bottom: 2
-})))))) : /* @__PURE__ */ React.createElement(CheckboxControl, {
-  tabIndex: props.tabIndex,
-  options: props.options,
-  values: props.values,
-  equals: props.equals,
-  onChange: props.onChange,
-  onFocus: props.onFocus,
-  onBlur: props.onBlur,
-  children: (renderProps) => /* @__PURE__ */ React.createElement(OptionField, {
-    title: props.title,
-    hint: props.hint,
-    help: props.help,
-    tabIndex: renderProps.tabIndex,
-    autoFocus: props.autoFocus,
-    onFocus: renderProps.onFocus,
-    onBlur: renderProps.onBlur,
-    onKeyDown: renderProps.onKeyDown,
-    children: renderProps.options.map((option, index) => /* @__PURE__ */ React.createElement(OptionControl, {
-      key: index,
-      disabled: option.disabled,
-      value: option.value,
-      onClick: option.onClick,
-      onMouseEnter: option.onMouseEnter,
-      onMouseLeave: renderProps.onMouseLeave,
-      children: (renderOptionProps) => /* @__PURE__ */ React.createElement(OptionFieldItem, {
-        disabled: option.disabled,
-        icon: /* @__PURE__ */ React.createElement(Box, {
-          width: 6
-        }, /* @__PURE__ */ React.createElement(Check, {
-          disabled: option.disabled,
-          checked: option.checked,
-          focused: option.focused
-        })),
-        label: option.label,
-        description: option.description,
-        onClick: renderOptionProps.onClick,
-        onMouseEnter: renderOptionProps.onMouseEnter,
-        onMouseLeave: renderOptionProps.onMouseLeave
-      })
-    }))
-  })
-});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Check, CheckboxControl, Flex, OptionControl, OptionField, OptionFieldItem, Spacer, Stub } from '@qiwi/pijma-core';
+import React from 'react';
+const CheckboxField = (props)=>props.stub ? /*#__PURE__*/ _jsxs(Box, {
+        maxWidth: 1,
+        children: [
+            /*#__PURE__*/ _jsx(Stub, {
+                width: 24,
+                height: 3,
+                top: 2,
+                bottom: 4
+            }),
+            /*#__PURE__*/ _jsx(Spacer, {
+                size: "s",
+                children: [
+                    33,
+                    38,
+                    30
+                ].map((width, id)=>/*#__PURE__*/ _jsxs(Flex, {
+                        align: "center",
+                        children: [
+                            /*#__PURE__*/ _jsx(Stub, {
+                                width: 5,
+                                height: 5,
+                                right: 3,
+                                left: 0.5
+                            }),
+                            /*#__PURE__*/ _jsx(Box, {
+                                width: width,
+                                maxWidth: 1,
+                                children: /*#__PURE__*/ _jsx(Stub, {
+                                    width: 1,
+                                    height: 2,
+                                    top: 2,
+                                    bottom: 2
+                                })
+                            })
+                        ]
+                    }, id))
+            })
+        ]
+    }) : /*#__PURE__*/ _jsx(CheckboxControl, {
+        tabIndex: props.tabIndex,
+        options: props.options,
+        values: props.values,
+        equals: props.equals,
+        onChange: props.onChange,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        children: (renderProps)=>/*#__PURE__*/ _jsx(OptionField, {
+                title: props.title,
+                hint: props.hint,
+                help: props.help,
+                tabIndex: renderProps.tabIndex,
+                autoFocus: props.autoFocus,
+                onFocus: renderProps.onFocus,
+                onBlur: renderProps.onBlur,
+                onKeyDown: renderProps.onKeyDown,
+                children: renderProps.options.map((option, index)=>/*#__PURE__*/ _jsx(OptionControl, {
+                        disabled: option.disabled,
+                        value: option.value,
+                        onClick: option.onClick,
+                        onMouseEnter: option.onMouseEnter,
+                        onMouseLeave: renderProps.onMouseLeave,
+                        children: (renderOptionProps)=>/*#__PURE__*/ _jsx(OptionFieldItem, {
+                                disabled: option.disabled,
+                                icon: /*#__PURE__*/ _jsx(Box, {
+                                    width: 6,
+                                    children: /*#__PURE__*/ _jsx(Check, {
+                                        disabled: option.disabled,
+                                        checked: option.checked,
+                                        focused: option.focused
+                                    })
+                                }),
+                                label: option.label,
+                                description: option.description,
+                                onClick: renderOptionProps.onClick,
+                                onMouseEnter: renderOptionProps.onMouseEnter,
+                                onMouseLeave: renderOptionProps.onMouseLeave
+                            })
+                    }, index))
+            })
+    });
+CheckboxField.displayName = 'CheckboxField';
 export default CheckboxField;
-CheckboxField.displayName = "CheckboxField";

package/lib/es6/checkbox-field/CheckboxFieldOptionModel.js

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

package/lib/es6/checkbox-field/CheckboxFieldProps.js

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

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

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