@qiwi/pijma-mobile 1.149.3 → 1.150.2

package/lib/es6/progress-bar/ProgressBar.js

@@ -1,25 +1,22 @@
-"use strict";
-import { Card, Stub } from "@qiwi/pijma-core";
-import React from "react";
-export const ProgressBar = ({
-  value,
-  disabled = false,
-  stub = false
-}) => stub ? /* @__PURE__ */ React.createElement(Stub, {
-  height: 6,
-  width: 1,
-  r: 12
-}) : /* @__PURE__ */ React.createElement(Card, {
-  bg: "#f5f5f5",
-  height: 6,
-  r: 12,
-  p: 1
-}, /* @__PURE__ */ React.createElement(Card, {
-  bg: disabled ? "#ccc" : "linear-gradient(268deg, #ff8c00 99%, #ff7700)",
-  height: 4,
-  width: value,
-  transition: "width 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
-  minWidth: 4,
-  r: 8
-}));
-ProgressBar.displayName = "ProgressBar";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Card, Stub } from '@qiwi/pijma-core';
+import React from 'react';
+export const ProgressBar = ({ value , disabled =false , stub =false ,  })=>stub ? /*#__PURE__*/ _jsx(Stub, {
+        height: 6,
+        width: 1,
+        r: 12
+    }) : /*#__PURE__*/ _jsx(Card, {
+        bg: "#f5f5f5",
+        height: 6,
+        r: 12,
+        p: 1,
+        children: /*#__PURE__*/ _jsx(Card, {
+            bg: disabled ? '#ccc' : 'linear-gradient(268deg, #ff8c00 99%, #ff7700)',
+            height: 4,
+            width: value,
+            transition: "width 300ms cubic-bezier(0.4, 0.0, 0.2, 1)",
+            minWidth: 4,
+            r: 8
+        })
+    });
+ProgressBar.displayName = 'ProgressBar';

package/lib/es6/progress-bar/index.js

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

package/lib/es6/radio-field/RadioField.js

@@ -1,83 +1,86 @@
-"use strict";
-import {
-  Box,
-  Flex,
-  OptionControl,
-  OptionField,
-  OptionFieldItem,
-  Radio,
-  RadioControl,
-  Spacer,
-  Stub
-} from "@qiwi/pijma-core";
-import React from "react";
-const RadioField = (props) => props.stub ? /* @__PURE__ */ React.createElement(Box, {
-  maxHeight: 1
-}, /* @__PURE__ */ React.createElement(Stub, {
-  width: 24,
-  height: 3,
-  top: 2,
-  bottom: 4
-}), /* @__PURE__ */ React.createElement(Spacer, {
-  size: "s"
-}, (Array.isArray(props.stub) ? props.stub : [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,
-  r: 10
-}), /* @__PURE__ */ React.createElement(Box, {
-  width,
-  maxWidth: 1
-}, /* @__PURE__ */ React.createElement(Stub, {
-  width: 1,
-  height: 2,
-  top: 2,
-  bottom: 2
-})))))) : /* @__PURE__ */ React.createElement(RadioControl, {
-  tabIndex: props.tabIndex,
-  options: props.options,
-  value: props.value,
-  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(Radio, {
-          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, Flex, OptionControl, OptionField, OptionFieldItem, Radio, RadioControl, Spacer, Stub } from '@qiwi/pijma-core';
+import React from 'react';
+const RadioField = (props)=>props.stub ? /*#__PURE__*/ _jsxs(Box, {
+        maxHeight: 1,
+        children: [
+            /*#__PURE__*/ _jsx(Stub, {
+                width: 24,
+                height: 3,
+                top: 2,
+                bottom: 4
+            }),
+            /*#__PURE__*/ _jsx(Spacer, {
+                size: "s",
+                children: (Array.isArray(props.stub) ? props.stub : [
+                    33,
+                    38,
+                    30
+                ]).map((width, id)=>/*#__PURE__*/ _jsxs(Flex, {
+                        align: "center",
+                        children: [
+                            /*#__PURE__*/ _jsx(Stub, {
+                                width: 5,
+                                height: 5,
+                                right: 3,
+                                left: 0.5,
+                                r: 10
+                            }),
+                            /*#__PURE__*/ _jsx(Box, {
+                                width: width,
+                                maxWidth: 1,
+                                children: /*#__PURE__*/ _jsx(Stub, {
+                                    width: 1,
+                                    height: 2,
+                                    top: 2,
+                                    bottom: 2
+                                })
+                            })
+                        ]
+                    }, id))
+            })
+        ]
+    }) : /*#__PURE__*/ _jsx(RadioControl, {
+        tabIndex: props.tabIndex,
+        options: props.options,
+        value: props.value,
+        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(Radio, {
+                                        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))
+            })
+    });
+RadioField.displayName = 'RadioField';
 export default RadioField;
-RadioField.displayName = "RadioField";

package/lib/es6/radio-field/RadioFieldOptionModel.js

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

package/lib/es6/radio-field/RadioFieldProps.js

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

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

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

package/lib/es6/rating/Rating.js

@@ -1,56 +1,51 @@
-"use strict";
-import { Flex, FlexItem, Icon, RatingControl, Stub } from "@qiwi/pijma-core";
-import React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Flex, FlexItem, Icon, RatingControl, Stub } from '@qiwi/pijma-core';
+import React from 'react';
 const RatingSize = {
-  s: 6,
-  m: 12
+    s: 6,
+    m: 12
 };
 const RatingIndent = {
-  s: 2,
-  m: 5
+    s: 2,
+    m: 5
 };
-export const Rating = ({
-  value = 0,
-  size = "m",
-  disabled = false,
-  count = 5,
-  stub = false,
-  onChange
-}) => stub ? /* @__PURE__ */ React.createElement(Flex, {
-  justify: "space-between",
-  maxWidth: count * RatingSize[size] + (count - 1) * RatingIndent[size],
-  width: 1
-}, new Array(count).fill(1).map((_, index) => /* @__PURE__ */ React.createElement(FlexItem, {
-  key: index
-}, /* @__PURE__ */ React.createElement(Stub, {
-  height: RatingSize[size],
-  width: RatingSize[size],
-  r: "50%"
-})))) : /* @__PURE__ */ React.createElement(RatingControl, {
-  value,
-  count,
-  disabled,
-  onChange,
-  children: (renderProps) => /* @__PURE__ */ React.createElement(Flex, {
-    justify: "space-between",
-    maxWidth: count * RatingSize[size] + (count - 1) * RatingIndent[size],
-    width: 1
-  }, renderProps.items.map((item, index) => /* @__PURE__ */ React.createElement(FlexItem, {
-    key: index,
-    onClick: item.onClick,
-    onMouseMove: item.onMouseEnter,
-    onMouseOut: item.onMouseLeave
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    name: "star-solid",
-    size: RatingSize[size],
-    color: item.active ? "#ff8c00" : "#cccccc"
-  }))))
-});
+export const Rating = ({ value =0 , size ='m' , disabled =false , count =5 , stub =false , onChange ,  })=>stub ? /*#__PURE__*/ _jsx(Flex, {
+        justify: "space-between",
+        maxWidth: count * RatingSize[size] + (count - 1) * RatingIndent[size],
+        width: 1,
+        children: new Array(count).fill(1).map((_, index)=>/*#__PURE__*/ _jsx(FlexItem, {
+                children: /*#__PURE__*/ _jsx(Stub, {
+                    height: RatingSize[size],
+                    width: RatingSize[size],
+                    r: "50%"
+                })
+            }, index))
+    }) : /*#__PURE__*/ _jsx(RatingControl, {
+        value: value,
+        count: count,
+        disabled: disabled,
+        onChange: onChange,
+        children: (renderProps)=>/*#__PURE__*/ _jsx(Flex, {
+                justify: "space-between",
+                maxWidth: count * RatingSize[size] + (count - 1) * RatingIndent[size],
+                width: 1,
+                children: renderProps.items.map((item, index)=>/*#__PURE__*/ _jsx(FlexItem, {
+                        onClick: item.onClick,
+                        onMouseMove: item.onMouseEnter,
+                        onMouseOut: item.onMouseLeave,
+                        children: /*#__PURE__*/ _jsx(Icon, {
+                            name: "star-solid",
+                            size: RatingSize[size],
+                            color: item.active ? '#ff8c00' : '#cccccc'
+                        })
+                    }, index))
+            })
+    });
+Rating.displayName = 'Rating';
 Rating.defaultProps = {
-  value: 0,
-  size: "m",
-  disabled: false,
-  count: 5,
-  stub: false
+    value: 0,
+    size: 'm',
+    disabled: false,
+    count: 5,
+    stub: false
 };
-Rating.displayName = "Rating";

package/lib/es6/rating/index.js

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

package/lib/es6/select-field/SelectField.js

@@ -1,101 +1,98 @@
-"use strict";
-import {
-  Card,
-  CardPos,
-  Icon,
-  InputField,
-  MenuControl,
-  Pos,
-  SelectFieldControl,
-  SelectInput,
-  styled
-} from "@qiwi/pijma-core";
-import React from "react";
-import { DropUp } from "../drop-up/index.js";
-import { MenuItem } from "../menu/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardPos, Icon, InputField, MenuControl, Pos, SelectFieldControl, SelectInput, styled } from '@qiwi/pijma-core';
+import React from 'react';
+import { DropUp } from '../drop-up/index.js';
+import { MenuItem } from '../menu/index.js';
 const CardItem = styled(Card)().withComponent(MenuItem);
-export const SelectField = (props) => props.stub ? /* @__PURE__ */ React.createElement(InputField, {
-  active: false,
-  input: false,
-  title: props.title,
-  error: props.error,
-  stub: true
-}) : /* @__PURE__ */ React.createElement(SelectFieldControl, {
-  value: props.value,
-  items: props.items,
-  disabled: props.disabled,
-  onChange: props.onChange,
-  onFocus: props.onFocus,
-  onBlur: props.onBlur,
-  onHide: props.onHide,
-  equals: props.equals,
-  children: (renderProps) => /* @__PURE__ */ React.createElement(MenuControl, {
-    count: props.items.length,
-    selected: renderProps.select,
-    onKeyDown: renderProps.onKeyDown,
-    onSelect: renderProps.onItemSelect,
-    children: (menuRenderProps) => /* @__PURE__ */ React.createElement(CardPos, {
-      type: "relative",
-      width: 1
-    }, /* @__PURE__ */ React.createElement(Pos, {
-      type: "absolute",
-      top: 4,
-      right: 0,
-      children: /* @__PURE__ */ React.createElement(Icon, {
-        name: "angle-down",
-        color: "#000"
-      }),
-      transform: `rotate(${renderProps.show ? 180 : 0}deg)`,
-      transition: "transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)"
-    }), /* @__PURE__ */ React.createElement(InputField, {
-      title: props.title,
-      active: renderProps.select !== void 0,
-      error: props.error,
-      input: /* @__PURE__ */ React.createElement(SelectInput, {
-        value: renderProps.select !== void 0 && props.items[renderProps.select] ? props.items[renderProps.select].text : "",
-        focused: renderProps.focused,
-        error: !!props.error,
-        tabIndex: props.tabIndex,
+CardItem.displayName = 'CardItem';
+export const SelectField = (props)=>props.stub ? /*#__PURE__*/ _jsx(InputField, {
+        active: false,
+        input: false,
+        title: props.title,
+        error: props.error,
+        stub: true
+    }) : /*#__PURE__*/ _jsx(SelectFieldControl, {
+        value: props.value,
+        items: props.items,
         disabled: props.disabled,
-        autoComplete: props.autoComplete,
-        autoFocus: props.autoFocus,
-        name: props.name,
-        onFocus: renderProps.onFocus,
-        onBlur: renderProps.onMobileBlur,
-        onKeyDown: renderProps.onKeyDown,
-        onClick: renderProps.onActive
-      })
-    }), /* @__PURE__ */ React.createElement(DropUp, {
-      title: props.title,
-      show: renderProps.show,
-      onHide: renderProps.onHide,
-      onKeyDown: menuRenderProps.onKeyDown
-    }, /* @__PURE__ */ React.createElement(CardPos, {
-      height: 1,
-      width: 1,
-      ref: renderProps.modalRef,
-      pt: -20
-    }, /* @__PURE__ */ React.createElement(CardPos, {
-      type: "relative",
-      s: "0 20px 64px 0 rgba(0, 0, 0, 0.16)",
-      bg: "#fff",
-      height: 1,
-      pt: 3,
-      pb: 3,
-      ref: menuRenderProps.containerRef,
-      overflow: "auto"
-    }, menuRenderProps.items.map((item, key) => /* @__PURE__ */ React.createElement(CardItem, {
-      key,
-      ref: item.ref,
-      cursor: "pointer",
-      text: props.items[key].text,
-      hover: item.focused,
-      active: item.selected,
-      focus: item.selected,
-      onClick: item.onClick,
-      onMouseEnter: item.onMouseEnter
-    }))))))
-  })
-});
-CardItem.displayName = "CardItem";
-SelectField.displayName = "SelectField";
+        onChange: props.onChange,
+        onFocus: props.onFocus,
+        onBlur: props.onBlur,
+        onHide: props.onHide,
+        equals: props.equals,
+        children: (renderProps)=>/*#__PURE__*/ _jsx(MenuControl, {
+                count: props.items.length,
+                selected: renderProps.select,
+                onKeyDown: renderProps.onKeyDown,
+                onSelect: renderProps.onItemSelect,
+                children: (menuRenderProps)=>/*#__PURE__*/ _jsxs(CardPos, {
+                        type: "relative",
+                        width: 1,
+                        children: [
+                            /*#__PURE__*/ _jsx(Pos, {
+                                type: "absolute",
+                                top: 4,
+                                right: 0,
+                                children: /*#__PURE__*/ _jsx(Icon, {
+                                    name: "angle-down",
+                                    color: "#000"
+                                }),
+                                transform: `rotate(${renderProps.show ? 180 : 0}deg)`,
+                                transition: "transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)"
+                            }),
+                            /*#__PURE__*/ _jsx(InputField, {
+                                title: props.title,
+                                active: renderProps.select !== undefined,
+                                error: props.error,
+                                input: /*#__PURE__*/ _jsx(SelectInput, {
+                                    value: renderProps.select !== undefined && props.items[renderProps.select] ? props.items[renderProps.select].text : '',
+                                    focused: renderProps.focused,
+                                    error: !!props.error,
+                                    tabIndex: props.tabIndex,
+                                    disabled: props.disabled,
+                                    autoComplete: props.autoComplete,
+                                    autoFocus: props.autoFocus,
+                                    name: props.name,
+                                    onFocus: renderProps.onFocus,
+                                    onBlur: renderProps.onMobileBlur,
+                                    onKeyDown: renderProps.onKeyDown,
+                                    onClick: renderProps.onActive
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(DropUp, {
+                                title: props.title,
+                                show: renderProps.show,
+                                onHide: renderProps.onHide,
+                                onKeyDown: menuRenderProps.onKeyDown,
+                                children: /*#__PURE__*/ _jsx(CardPos, {
+                                    height: 1,
+                                    width: 1,
+                                    ref: renderProps.modalRef,
+                                    pt: -20,
+                                    children: /*#__PURE__*/ _jsx(CardPos, {
+                                        type: "relative",
+                                        s: "0 20px 64px 0 rgba(0, 0, 0, 0.16)",
+                                        bg: "#fff",
+                                        height: 1,
+                                        pt: 3,
+                                        pb: 3,
+                                        ref: menuRenderProps.containerRef,
+                                        overflow: "auto",
+                                        children: menuRenderProps.items.map((item, key)=>/*#__PURE__*/ _jsx(CardItem, {
+                                                ref: item.ref,
+                                                cursor: "pointer",
+                                                text: props.items[key].text,
+                                                hover: item.focused,
+                                                active: item.selected,
+                                                focus: item.selected,
+                                                onClick: item.onClick,
+                                                onMouseEnter: item.onMouseEnter
+                                            }, key))
+                                    })
+                                })
+                            })
+                        ]
+                    })
+            })
+    });
+SelectField.displayName = 'SelectField';

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

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

package/lib/es6/status/Status.js

@@ -1,39 +1,41 @@
-"use strict";
-import { Flex, FlexItem } from "@qiwi/pijma-core";
-import React from "react";
-import { Heading, Paragraph } from "../typography/index.js";
-export const Status = ({
-  icon,
-  title,
-  actions,
-  content,
-  children
-}) => /* @__PURE__ */ React.createElement(Flex, {
-  align: "center",
-  direction: "column"
-}, icon ? /* @__PURE__ */ React.createElement(FlexItem, {
-  height: 16,
-  width: 16,
-  mb: 6,
-  children: icon
-}) : null, title ? /* @__PURE__ */ React.createElement(Heading, {
-  align: "center",
-  size: "4",
-  children: title
-}) : null, content ? /* @__PURE__ */ React.createElement(FlexItem, {
-  width: 1,
-  mt: title ? 2 : 0
-}, typeof content === "string" ? /* @__PURE__ */ React.createElement(Paragraph, {
-  align: "center",
-  size: "m",
-  children: content
-}) : content) : null, actions ? /* @__PURE__ */ React.createElement(FlexItem, {
-  width: 1,
-  mt: content || title ? 4 : 0,
-  children: actions
-}) : null, children ? /* @__PURE__ */ React.createElement(FlexItem, {
-  width: 1,
-  mt: 2,
-  children
-}) : null);
-Status.displayName = "Status";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, FlexItem } from '@qiwi/pijma-core';
+import React from 'react';
+import { Heading, Paragraph } from '../typography/index.js';
+export const Status = ({ icon , title , actions , content , children ,  })=>/*#__PURE__*/ _jsxs(Flex, {
+        align: "center",
+        direction: "column",
+        children: [
+            icon ? /*#__PURE__*/ _jsx(FlexItem, {
+                height: 16,
+                width: 16,
+                mb: 6,
+                children: icon
+            }) : null,
+            title ? /*#__PURE__*/ _jsx(Heading, {
+                align: "center",
+                size: "4",
+                children: title
+            }) : null,
+            content ? /*#__PURE__*/ _jsx(FlexItem, {
+                width: 1,
+                mt: title ? 2 : 0,
+                children: typeof content === 'string' ? /*#__PURE__*/ _jsx(Paragraph, {
+                    align: "center",
+                    size: "m",
+                    children: content
+                }) : content
+            }) : null,
+            actions ? /*#__PURE__*/ _jsx(FlexItem, {
+                width: 1,
+                mt: content || title ? 4 : 0,
+                children: actions
+            }) : null,
+            children ? /*#__PURE__*/ _jsx(FlexItem, {
+                width: 1,
+                mt: 2,
+                children: children
+            }) : null
+        ]
+    });
+Status.displayName = 'Status';

package/lib/es6/status/index.js

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