You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
2.7 KiB
54 lines
2.7 KiB
3 years ago
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
||
|
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
||
|
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
||
|
|
var _excluded = ["forwardedRef"];
|
||
|
|
|
||
|
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
||
|
|
|
||
|
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
||
|
|
|
||
|
|
import { createElement, forwardRef as forwardRefReact } from 'react';
|
||
|
|
import { useTranslation } from './useTranslation';
|
||
|
|
import { getDisplayName } from './utils';
|
||
|
|
export function withTranslation(ns) {
|
||
|
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
||
|
|
return function Extend(WrappedComponent) {
|
||
|
|
function I18nextWithTranslation(_ref) {
|
||
|
|
var forwardedRef = _ref.forwardedRef,
|
||
|
|
rest = _objectWithoutProperties(_ref, _excluded);
|
||
|
|
|
||
|
|
var _useTranslation = useTranslation(ns, _objectSpread(_objectSpread({}, rest), {}, {
|
||
|
|
keyPrefix: options.keyPrefix
|
||
|
|
})),
|
||
|
|
_useTranslation2 = _slicedToArray(_useTranslation, 3),
|
||
|
|
t = _useTranslation2[0],
|
||
|
|
i18n = _useTranslation2[1],
|
||
|
|
ready = _useTranslation2[2];
|
||
|
|
|
||
|
|
var passDownProps = _objectSpread(_objectSpread({}, rest), {}, {
|
||
|
|
t: t,
|
||
|
|
i18n: i18n,
|
||
|
|
tReady: ready
|
||
|
|
});
|
||
|
|
|
||
|
|
if (options.withRef && forwardedRef) {
|
||
|
|
passDownProps.ref = forwardedRef;
|
||
|
|
} else if (!options.withRef && forwardedRef) {
|
||
|
|
passDownProps.forwardedRef = forwardedRef;
|
||
|
|
}
|
||
|
|
|
||
|
|
return createElement(WrappedComponent, passDownProps);
|
||
|
|
}
|
||
|
|
|
||
|
|
I18nextWithTranslation.displayName = "withI18nextTranslation(".concat(getDisplayName(WrappedComponent), ")");
|
||
|
|
I18nextWithTranslation.WrappedComponent = WrappedComponent;
|
||
|
|
|
||
|
|
var forwardRef = function forwardRef(props, ref) {
|
||
|
|
return createElement(I18nextWithTranslation, Object.assign({}, props, {
|
||
|
|
forwardedRef: ref
|
||
|
|
}));
|
||
|
|
};
|
||
|
|
|
||
|
|
return options.withRef ? forwardRefReact(forwardRef) : I18nextWithTranslation;
|
||
|
|
};
|
||
|
|
}
|