infinity-forge
Version:
39 lines • 3.15 kB
JavaScript
;
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TranslateStyles = void 0;
exports.Translate = Translate;
var jsx_runtime_1 = require("react/jsx-runtime");
var router_1 = require("next/router");
var styled_components_1 = __importDefault(require("styled-components"));
var ui_1 = require("../../../ui/index.js");
function Translate(_a) {
var _b;
var isGlobal = _a.isGlobal, translationId = _a.translationId, defaultTranslate = _a.defaultTranslate, _c = _a.enabledReturnHtml, enabledReturnHtml = _c === void 0 ? false : _c, _d = _a.disabledOverflowHidden, disabledOverflowHidden = _d === void 0 ? false : _d;
var router = (0, router_1.useRouter)();
var _e = (0, ui_1.useDynamicSection)({
editModeIsOutside: true,
refSection: translationId,
isGlobal: isGlobal,
customForm: {
inputs: [[{ InputComponent: !enabledReturnHtml ? 'Input' : 'TextEditor', name: 'title' }]],
},
}), Section = _e.Section, title = _e.title;
var translate = title || defaultTranslate;
var idTooltip = !disabledOverflowHidden ? "".concat(translationId, "-enabled-overflow-tooltip") : translationId;
if (((_b = router.query) === null || _b === void 0 ? void 0 : _b.editMode) !== 'true') {
return (0, jsx_runtime_1.jsx)("span", { children: translate });
}
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { idTooltip: idTooltip, closeOnClick: false, enableArrow: true, ContentWithTooltipProps: function (props) { return ((0, jsx_runtime_1.jsx)(Section, { onSucess: function () {
props.closeToolTip();
} })); }, position: 'bottom-center', trigger: (0, jsx_runtime_1.jsx)("span", { style: { position: 'relative', pointerEvents: 'auto' }, children: (0, jsx_runtime_1.jsxs)(exports.TranslateStyles, { role: 'button', tabIndex: 0, style: {}, children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconGear' }), translate] }) }) }) }));
}
exports.TranslateStyles = (0, styled_components_1.default)('span')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid #000;\n position: relative;\n padding: 2px;\n border-radius: 2px;\n\n svg {\n height: auto !important;\n width: 8px !important;\n position: absolute;\n bottom: -4px;\n right: 0;\n fill: #000 !important;\n background: #fff;\n }\n"], ["\n border: 1px solid #000;\n position: relative;\n padding: 2px;\n border-radius: 2px;\n\n svg {\n height: auto !important;\n width: 8px !important;\n position: absolute;\n bottom: -4px;\n right: 0;\n fill: #000 !important;\n background: #fff;\n }\n"])));
var templateObject_1;
//# sourceMappingURL=translation.js.map