1 | var __rest = (this && this.__rest) || function (s, e) {
|
2 | var t = {};
|
3 | for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4 | t[p] = s[p];
|
5 | if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6 | for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7 | if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8 | t[p[i]] = s[p[i]];
|
9 | }
|
10 | return t;
|
11 | };
|
12 | import React from 'react';
|
13 | import Grow from '@material-ui/core/Grow';
|
14 | import Loading from '../Loading';
|
15 | export const Animation = ({ children, }) => (React.createElement(Grow, Object.assign({ in: true, style: { transformOrigin: '0 0 0' } }, { timeout: 1000 }), children));
|
16 | const FieldTranslate = React.createContext(({ message }) => {
|
17 | return message;
|
18 | });
|
19 | const useFieldTranslate = () => React.useContext(FieldTranslate);
|
20 | export const FieldTranslateProvider = ({ children, translator, }) => {
|
21 | return (React.createElement(FieldTranslate.Provider, { value: translator }, children));
|
22 | };
|
23 | export const FieldTranslateConsumer = FieldTranslate.Consumer;
|
24 | const Comp = (props) => {
|
25 | const translate = useFieldTranslate();
|
26 | return React.createElement("span", null, translate(props));
|
27 | };
|
28 | export const getMessage = props => {
|
29 | const { styles } = props, rest = __rest(props, ["styles"]);
|
30 | return (React.createElement(React.Suspense, { fallback: React.createElement(Animation, null,
|
31 | React.createElement("div", { style: Object.assign(Object.assign({}, styles), { display: 'flex', justifyContent: 'center' }) },
|
32 | React.createElement(Loading, { size: 20 }))) },
|
33 | React.createElement(Comp, Object.assign({}, rest))));
|
34 | };
|
35 | getMessage.defaultProps = {
|
36 | styles: {},
|
37 | props: {},
|
38 | };
|
39 |
|
\ | No newline at end of file |