@qiwi/pijma-mobile 1.129.1 → 1.131.0

package/CHANGELOG.md

@@ -1,3 +1,34 @@
+# [1.131.0](https://github.com/qiwi/pijma/compare/@qiwi/pijma-mobile@1.130.1...@qiwi/pijma-mobile@1.131.0) (2021-10-19)
+
+
+### Features
+
+* up react 17 ([#443](https://github.com/qiwi/pijma/issues/443)) ([cec2b1a](https://github.com/qiwi/pijma/commit/cec2b1aedde4b174532b12e738f7c94beba64d15))
+
+## [1.130.1](https://github.com/qiwi/pijma/compare/@qiwi/pijma-mobile@1.130.0...@qiwi/pijma-mobile@1.130.1) (2021-10-18)
+
+
+### Bug Fixes
+
+* click stop propagation ([#442](https://github.com/qiwi/pijma/issues/442)) ([3276fe2](https://github.com/qiwi/pijma/commit/3276fe26232707e347a9e576f231833f55cd97e0))
+
+# [1.130.0](https://github.com/qiwi/pijma/compare/@qiwi/pijma-mobile@1.129.2...@qiwi/pijma-mobile@1.130.0) (2021-09-15)
+
+
+### Features
+
+* code-field ([#436](https://github.com/qiwi/pijma/issues/436)) ([ee17d41](https://github.com/qiwi/pijma/commit/ee17d410a8b27e420c6a877e1e059a5cf2962bc3))
+
+## @qiwi/pijma-mobile [1.129.2](https://github.com/qiwi/pijma/compare/@qiwi/pijma-mobile@1.129.1...@qiwi/pijma-mobile@1.129.2) (2021-09-01)
+
+
+
+
+
+### Dependencies
+
+* **@qiwi/pijma-core:** upgraded to 1.131.4
+
 ## [1.129.1](https://github.com/qiwi/pijma/compare/@qiwi/pijma-mobile@1.129.0...@qiwi/pijma-mobile@1.129.1) (2021-08-10)
 
 # @qiwi/pijma-mobile [1.129.0](https://github.com/qiwi/pijma/compare/@qiwi/pijma-mobile@1.128.13...@qiwi/pijma-mobile@1.129.0) (2021-08-10)

package/lib/es5/code-field/CodeField.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CodeFieldProps } from './CodeFieldProps';
+export declare const CodeField: React.FC<CodeFieldProps>;

package/lib/es5/code-field/CodeField.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var pijma_core_1 = require("@qiwi/pijma-core");
+var animation = function (count) {
+    var _a;
+    return pijma_core_1.keyframes((_a = {
+            '0%': {
+                height: '48px',
+            }
+        },
+        _a[1 / count * 50 + "%"] = {
+            height: '40px',
+        },
+        _a[1 / count * 100 + "%"] = {
+            height: '48px',
+        },
+        _a));
+};
+exports.CodeField = function (_a) {
+    var _b = _a.length, length = _b === void 0 ? 4 : _b, _c = _a.autoFocus, autoFocus = _c === void 0 ? false : _c, _d = _a.loading, loading = _d === void 0 ? false : _d, _e = _a.type, type = _e === void 0 ? 'tel' : _e, props = tslib_1.__rest(_a, ["length", "autoFocus", "loading", "type"]);
+    return (props.stub ? (react_1.default.createElement(react_1.Fragment, null, Array(length).fill('').map(function (_, index) { return (react_1.default.createElement(pijma_core_1.Box, { ml: index === 0 ? 0 : 3, display: "inline-block", key: index },
+        react_1.default.createElement(pijma_core_1.Stub, { width: 8, height: 12, r: 8 }))); }))) : (react_1.default.createElement(pijma_core_1.CodeFieldControl, { value: props.value, type: type, autoFocus: autoFocus, loading: loading, onChange: props.onChange, onFocus: props.onFocus, onBlur: props.onBlur, onReady: props.onReady, children: function (renderProps) { return (react_1.default.createElement(pijma_core_1.Box, { width: 1, minHeight: 12 },
+            react_1.default.createElement(pijma_core_1.Flex, null, renderProps.values.map(function (item, index) { return (react_1.default.createElement(pijma_core_1.FlexItem, { ml: index === 0 ? 0 : 3, align: "top", key: index },
+                react_1.default.createElement(pijma_core_1.Input, { name: props.name, tabIndex: index === 0 ? 0 : -1, cursor: props.disabled ? 'not-allowed' : undefined, animation: loading ? animation(props.value.length) + " " + 450 * props.value.length + "ms ease-in-out " + 450 * index + "ms infinite" : undefined, autoFocus: autoFocus && index === 0, css: { textAlign: 'center' }, bg: "#F2F2F2", b: item.focused && !loading ? '1px solid #CCCCCC' : undefined, autoComplete: "off", valueSize: 5, valueWeight: 400, width: 8, height: 12, r: 8, type: type, disabled: props.disabled || loading, ref: item.ref, value: loading ? '' : props.value[index], onChange: function (e) { return item.onChange(e, index); }, onClick: function (e) { return item.onClick(e, index); }, onFocus: function (e) { return item.onFocus(e, index); }, onBlur: function (e) { return item.onBlur(e, index); }, onKeyDown: function (e) { return renderProps.onKeyDown(e, index); } }))); })),
+            props.error ? (react_1.default.createElement(pijma_core_1.Box, { mt: 5 },
+                react_1.default.createElement(pijma_core_1.Typo, { display: "block", color: "#d0021b", weight: 300, size: 3.5, height: 5, children: props.error }))) : (null))); } })));
+};
+exports.CodeField.displayName = "CodeField"
+//# sourceMappingURL=CodeField.js.map

package/lib/es5/code-field/CodeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeField.js","sourceRoot":"","sources":["../../../src/code-field/CodeField.tsx"],"names":[],"mappings":"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"}

package/lib/es5/code-field/CodeFieldProps.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface CodeFieldProps {
+    value: string[];
+    type?: 'tel' | 'text';
+    name?: string;
+    error?: ReactNode;
+    disabled?: boolean;
+    autoFocus?: boolean;
+    stub?: boolean;
+    loading?: boolean;
+    length?: number;
+    onChange?: (value: string[]) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    onReady?: (value?: string) => string;
+}

package/lib/es5/code-field/CodeFieldProps.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=CodeFieldProps.js.map

package/lib/es5/code-field/CodeFieldProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeFieldProps.js","sourceRoot":"","sources":["../../../src/code-field/CodeFieldProps.ts"],"names":[],"mappings":""}

package/lib/es5/code-field/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CodeFieldProps';
+export * from './CodeField';

package/lib/es5/code-field/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./CodeField"), exports);
+//# sourceMappingURL=index.js.map

package/lib/es5/code-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/code-field/index.ts"],"names":[],"mappings":";;;AACA,sDAA2B"}

package/lib/es5/index.d.ts

@@ -39,5 +39,6 @@ export * from './notice';
 export * from './switch';
 export * from './switch-field';
 export * from './select-field';
+export * from './code-field';
 export { TextField as MaskTextField } from './text-field';
 export { PasswordField as MaskPasswordField } from './password-field';

package/lib/es5/index.js

@@ -42,6 +42,7 @@ tslib_1.__exportStar(require("./notice"), exports);
 tslib_1.__exportStar(require("./switch"), exports);
 tslib_1.__exportStar(require("./switch-field"), exports);
 tslib_1.__exportStar(require("./select-field"), exports);
+tslib_1.__exportStar(require("./code-field"), exports);
 var text_field_1 = require("./text-field");
 exports.MaskTextField = text_field_1.TextField;
 var password_field_1 = require("./password-field");

package/lib/es5/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,oDAAyB;AACzB,uDAA4B;AAC5B,2DAAgC;AAChC,wDAA6B;AAC7B,kDAAuB;AACvB,oDAAyB;AACzB,2DAAgC;AAChC,qDAA0B;AAC1B,wDAA6B;AAC7B,uDAA4B;AAC5B,iDAAsB;AACtB,4DAAiC;AACjC,0DAA+B;AAC/B,qDAA0B;AAC1B,wDAA6B;AAC7B,iDAAsB;AACtB,mDAAwB;AACxB,iDAAsB;AACtB,uDAA4B;AAC5B,mDAAwB;AACxB,sDAA2B;AAC3B,iDAAsB;AACtB,qDAA0B;AAC1B,qDAA0B;AAC1B,uDAA4B;AAC5B,uDAA4B;AAC5B,uDAA4B;AAC5B,kDAAuB;AACvB,mDAAwB;AACxB,4DAAiC;AACjC,yDAA8B;AAC9B,kDAAuB;AACvB,4DAAiC;AACjC,0DAA+B;AAC/B,iDAAsB;AACtB,uDAA4B;AAC5B,mDAAwB;AACxB,mDAAwB;AACxB,yDAA8B;AAC9B,yDAA8B;AAE9B,2CAAuD;AAA/C,qCAAA,SAAS,CAAiB;AAClC,mDAAmE;AAA3D,6CAAA,aAAa,CAAqB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,oDAAyB;AACzB,uDAA4B;AAC5B,2DAAgC;AAChC,wDAA6B;AAC7B,kDAAuB;AACvB,oDAAyB;AACzB,2DAAgC;AAChC,qDAA0B;AAC1B,wDAA6B;AAC7B,uDAA4B;AAC5B,iDAAsB;AACtB,4DAAiC;AACjC,0DAA+B;AAC/B,qDAA0B;AAC1B,wDAA6B;AAC7B,iDAAsB;AACtB,mDAAwB;AACxB,iDAAsB;AACtB,uDAA4B;AAC5B,mDAAwB;AACxB,sDAA2B;AAC3B,iDAAsB;AACtB,qDAA0B;AAC1B,qDAA0B;AAC1B,uDAA4B;AAC5B,uDAA4B;AAC5B,uDAA4B;AAC5B,kDAAuB;AACvB,mDAAwB;AACxB,4DAAiC;AACjC,yDAA8B;AAC9B,kDAAuB;AACvB,4DAAiC;AACjC,0DAA+B;AAC/B,iDAAsB;AACtB,uDAA4B;AAC5B,mDAAwB;AACxB,mDAAwB;AACxB,yDAA8B;AAC9B,yDAA8B;AAC9B,uDAA4B;AAE5B,2CAAuD;AAA/C,qCAAA,SAAS,CAAiB;AAClC,mDAAmE;AAA3D,6CAAA,aAAa,CAAqB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qiwi/pijma-mobile",
-  "version": "1.129.1",
+  "version": "1.131.0",
   "main": "lib/es5/index.js",
   "types": "lib/es5/index.d.ts",
   "license": "MIT",
@@ -24,18 +24,18 @@
   "dependencies": {
     "@emotion/core": "^10.0.16",
     "@emotion/styled": "^10.0.15",
-    "@qiwi/pijma-core": "1.131.3",
+    "@qiwi/pijma-core": "1.133.0",
     "@types/markdown-to-jsx": "^6.9.0",
-    "@types/react": "^16.8.23",
-    "@types/react-dom": "^16.8.4",
+    "@types/react": ">=16.8.23 <17.1.0",
+    "@types/react-dom": ">=16.8.4 <17.1.0",
     "@types/react-overlays": "^1.1.3",
     "@types/react-text-mask": "^5.4.6",
     "@types/react-transition-group": "^4.2.2",
     "emotion": "^10.0.14",
     "emotion-theming": "^10.0.14",
     "markdown-to-jsx": "^6.10.3",
-    "react": "^16.8.6",
-    "react-dom": "^16.8.6",
+    "react": ">=16.8.6 <17.1.0",
+    "react-dom": ">=16.8.6 <17.1.0",
     "react-overlays": "^1.2.0",
     "react-text-mask": "^5.4.3",
     "react-transition-group": "^4.2.2",