@cosva-lab/form-builder/es/contexts/GlobalTranslate/index.js

React form builder.

import { __assign, __rest } from '../../_virtual/_tslib.js';
import React from 'react';
import Grow from '@mui/material/Grow';
import CircularIndeterminate from '../../Loading/index.js';

var Animation = function (_a) {
    var children = _a.children;
    return (React.createElement(Grow, __assign({ in: true, style: { transformOrigin: '0 0 0' } }, { timeout: 1000 }), children));
};
var GlobalTranslateContext = React.createContext(function (_a) {
    var message = _a.message;
    return message;
});
var useGlobalTranslate = function () {
    return React.useContext(GlobalTranslateContext);
};
var GlobalTranslateProvider = function (_a) {
    var children = _a.children, translator = _a.translator;
    return (React.createElement(GlobalTranslateContext.Provider, { value: translator }, children));
};
var FieldTranslateConsumer = GlobalTranslateContext.Consumer;
var Comp = function (props) {
    var translate = useGlobalTranslate();
    return React.createElement("span", null, translate(props));
};
var GlobalTranslate = function (props) {
    var styles = props.styles, rest = __rest(props, ["styles"]);
    return (React.createElement(React.Suspense, { fallback: React.createElement(Animation, null,
            React.createElement("div", { style: __assign(__assign({}, styles), { display: 'flex', justifyContent: 'center' }) },
                React.createElement(CircularIndeterminate, { size: 20 }))) },
        React.createElement(Comp, __assign({}, rest))));
};
GlobalTranslate.defaultProps = {
    styles: {},
    props: {},
};

export { Animation, FieldTranslateConsumer, GlobalTranslate, GlobalTranslateProvider, useGlobalTranslate };
//# sourceMappingURL=index.js.map