react-intl
Version:
Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.
29 lines (28 loc) • 1.14 kB
JavaScript
/*
* Copyright 2015, Yahoo Inc.
* Copyrights licensed under the New BSD License.
* See the accompanying LICENSE file for terms.
*/
import * as React from 'react';
import withIntl from './injectIntl';
var FormattedPlural = function (props) {
var value = props.value, other = props.other, children = props.children, _a = props.intl, formatPlural = _a.formatPlural, Text = _a.textComponent;
var pluralCategory = formatPlural(value, props);
var formattedPlural = props[pluralCategory] || other;
if (typeof children === 'function') {
return children(formattedPlural);
}
if (Text) {
return React.createElement(Text, null, formattedPlural);
}
// Work around @types/react where React.FC cannot return string
return formattedPlural;
};
FormattedPlural.defaultProps = {
type: 'cardinal',
};
FormattedPlural.displayName = 'FormattedPlural';
// Explicitly annotate type here to workaround API extractor's inability to handle `import('./someModule')`
// type annotations when rolling up DTS file.
var FormattedPluralWithIntl = withIntl(FormattedPlural);
export default FormattedPluralWithIntl;