63 lines
2.9 KiB
JavaScript
63 lines
2.9 KiB
JavaScript
import { __rest } from "tslib";
|
|
import * as React from 'react';
|
|
import useIntl from './useIntl';
|
|
var DisplayName;
|
|
(function (DisplayName) {
|
|
DisplayName["formatDate"] = "FormattedDate";
|
|
DisplayName["formatTime"] = "FormattedTime";
|
|
DisplayName["formatNumber"] = "FormattedNumber";
|
|
DisplayName["formatList"] = "FormattedList";
|
|
// Note that this DisplayName is the locale display name, not to be confused with
|
|
// the name of the enum, which is for React component display name in dev tools.
|
|
DisplayName["formatDisplayName"] = "FormattedDisplayName";
|
|
})(DisplayName || (DisplayName = {}));
|
|
var DisplayNameParts;
|
|
(function (DisplayNameParts) {
|
|
DisplayNameParts["formatDate"] = "FormattedDateParts";
|
|
DisplayNameParts["formatTime"] = "FormattedTimeParts";
|
|
DisplayNameParts["formatNumber"] = "FormattedNumberParts";
|
|
DisplayNameParts["formatList"] = "FormattedListParts";
|
|
})(DisplayNameParts || (DisplayNameParts = {}));
|
|
export var FormattedNumberParts = function (props) {
|
|
var intl = useIntl();
|
|
var value = props.value, children = props.children, formatProps = __rest(props, ["value", "children"]);
|
|
return children(intl.formatNumberToParts(value, formatProps));
|
|
};
|
|
FormattedNumberParts.displayName = 'FormattedNumberParts';
|
|
export var FormattedListParts = function (props) {
|
|
var intl = useIntl();
|
|
var value = props.value, children = props.children, formatProps = __rest(props, ["value", "children"]);
|
|
return children(intl.formatListToParts(value, formatProps));
|
|
};
|
|
FormattedNumberParts.displayName = 'FormattedNumberParts';
|
|
export function createFormattedDateTimePartsComponent(name) {
|
|
var ComponentParts = function (props) {
|
|
var intl = useIntl();
|
|
var value = props.value, children = props.children, formatProps = __rest(props, ["value", "children"]);
|
|
var date = typeof value === 'string' ? new Date(value || 0) : value;
|
|
var formattedParts = name === 'formatDate'
|
|
? intl.formatDateToParts(date, formatProps)
|
|
: intl.formatTimeToParts(date, formatProps);
|
|
return children(formattedParts);
|
|
};
|
|
ComponentParts.displayName = DisplayNameParts[name];
|
|
return ComponentParts;
|
|
}
|
|
export function createFormattedComponent(name) {
|
|
var Component = function (props) {
|
|
var intl = useIntl();
|
|
var value = props.value, children = props.children, formatProps = __rest(props
|
|
// TODO: fix TS type definition for localeMatcher upstream
|
|
, ["value", "children"]);
|
|
// TODO: fix TS type definition for localeMatcher upstream
|
|
var formattedValue = intl[name](value, formatProps);
|
|
if (typeof children === 'function') {
|
|
return children(formattedValue);
|
|
}
|
|
var Text = intl.textComponent || React.Fragment;
|
|
return React.createElement(Text, null, formattedValue);
|
|
};
|
|
Component.displayName = DisplayName[name];
|
|
return Component;
|
|
}
|