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

React form builder.

'use strict';

var _tslib = require('../../_virtual/_tslib.js');
var React = require('react');
var Grow = require('@mui/material/Grow');
var index = require('../../Loading/index.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);
var Grow__default = /*#__PURE__*/_interopDefault(Grow);

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

exports.Animation = Animation;
exports.FieldTranslateConsumer = FieldTranslateConsumer;
exports.GlobalTranslate = GlobalTranslate;
exports.GlobalTranslateProvider = GlobalTranslateProvider;
exports.useGlobalTranslate = useGlobalTranslate;
//# sourceMappingURL=index.js.map