82 lines
2.1 KiB
TypeScript
82 lines
2.1 KiB
TypeScript
import React from 'react';
|
|
|
|
import { LocalizerType, RenderTextCallbackType } from '../types/Util';
|
|
|
|
export type FullJSXType = Array<JSX.Element | string> | JSX.Element | string;
|
|
|
|
interface Props {
|
|
/** The translation string id */
|
|
id: string;
|
|
i18n: LocalizerType;
|
|
components?: Array<FullJSXType>;
|
|
renderText?: RenderTextCallbackType;
|
|
}
|
|
|
|
export class Intl extends React.Component<Props> {
|
|
public static defaultProps: Partial<Props> = {
|
|
renderText: ({ text, key }) => (
|
|
<React.Fragment key={key}>{text}</React.Fragment>
|
|
),
|
|
};
|
|
|
|
public getComponent(index: number, key: number): FullJSXType | undefined {
|
|
const { id, components } = this.props;
|
|
|
|
if (!components || !components.length || components.length <= index) {
|
|
// tslint:disable-next-line no-console
|
|
console.log(
|
|
`Error: Intl missing provided components for id ${id}, index ${index}`
|
|
);
|
|
|
|
return;
|
|
}
|
|
|
|
return <React.Fragment key={key}>{components[index]}</React.Fragment>;
|
|
}
|
|
|
|
public render() {
|
|
const { id, i18n, renderText } = this.props;
|
|
|
|
const text = i18n(id);
|
|
const results: Array<any> = [];
|
|
const FIND_REPLACEMENTS = /\$[^$]+\$/g;
|
|
|
|
// We have to do this, because renderText is not required in our Props object,
|
|
// but it is always provided via defaultProps.
|
|
if (!renderText) {
|
|
return;
|
|
}
|
|
|
|
let componentIndex = 0;
|
|
let key = 0;
|
|
let lastTextIndex = 0;
|
|
let match = FIND_REPLACEMENTS.exec(text);
|
|
|
|
if (!match) {
|
|
return renderText({ text, key: 0 });
|
|
}
|
|
|
|
while (match) {
|
|
if (lastTextIndex < match.index) {
|
|
const textWithNoReplacements = text.slice(lastTextIndex, match.index);
|
|
results.push(renderText({ text: textWithNoReplacements, key: key }));
|
|
key += 1;
|
|
}
|
|
|
|
results.push(this.getComponent(componentIndex, key));
|
|
componentIndex += 1;
|
|
key += 1;
|
|
|
|
// @ts-ignore
|
|
lastTextIndex = FIND_REPLACEMENTS.lastIndex;
|
|
match = FIND_REPLACEMENTS.exec(text);
|
|
}
|
|
|
|
if (lastTextIndex < text.length) {
|
|
results.push(renderText({ text: text.slice(lastTextIndex), key: key }));
|
|
key += 1;
|
|
}
|
|
|
|
return results;
|
|
}
|
|
}
|