@redhat-cloud-services/frontend-components-translations 3.2.9-0 → 3.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Provider/Provider.js +31 -41
- package/Provider/index.js +12 -8
- package/Provider/package.json +1 -1
- package/README.md +179 -0
- package/esm/Provider/Provider.js +19 -32
- package/esm/Provider/index.js +1 -2
- package/esm/index.js +1 -2
- package/esm/intlHelper/index.js +1 -2
- package/esm/intlHelper/intlHelper.js +4 -15
- package/esm/messages.js +21 -22
- package/esm/translatedMessages/translatedMessages.js +2 -2
- package/index.js +29 -13
- package/intlHelper/index.js +12 -8
- package/intlHelper/intlHelper.js +12 -20
- package/intlHelper/package.json +1 -1
- package/messages.js +28 -24
- package/package.json +42 -35
- package/pre-publish.js +15 -0
- package/translatedMessages/translatedMessages.js +12 -8
- package/Provider/Provider.d.ts +0 -17
- package/Provider/Provider.js.map +0 -1
- package/Provider/Provider.test.d.ts +0 -1
- package/Provider/Provider.test.js +0 -39
- package/Provider/Provider.test.js.map +0 -1
- package/Provider/index.d.ts +0 -1
- package/Provider/index.js.map +0 -1
- package/esm/Provider/Provider.d.ts +0 -17
- package/esm/Provider/Provider.js.map +0 -1
- package/esm/Provider/Provider.test.d.ts +0 -1
- package/esm/Provider/Provider.test.js +0 -34
- package/esm/Provider/Provider.test.js.map +0 -1
- package/esm/Provider/index.d.ts +0 -1
- package/esm/Provider/index.js.map +0 -1
- package/esm/dist/@redhat-cloud-services/frontend-components-translations/esm/locales/cs.json +0 -6
- package/esm/dist/@redhat-cloud-services/frontend-components-translations/esm/locales/data.json +0 -14
- package/esm/dist/@redhat-cloud-services/frontend-components-translations/esm/locales/translations.json +0 -6
- package/esm/dist/@redhat-cloud-services/frontend-components-translations/locales/cs.json +0 -6
- package/esm/dist/@redhat-cloud-services/frontend-components-translations/locales/data.json +0 -14
- package/esm/dist/@redhat-cloud-services/frontend-components-translations/locales/translations.json +0 -6
- package/esm/index.d.ts +0 -4
- package/esm/index.js.map +0 -1
- package/esm/intlHelper/index.d.ts +0 -1
- package/esm/intlHelper/index.js.map +0 -1
- package/esm/intlHelper/intlHelper.d.ts +0 -2
- package/esm/intlHelper/intlHelper.js.map +0 -1
- package/esm/messages.d.ts +0 -33
- package/esm/messages.js.map +0 -1
- package/esm/messages.test.d.ts +0 -1
- package/esm/messages.test.js +0 -21
- package/esm/messages.test.js.map +0 -1
- package/esm/translatedMessages/translatedMessages.d.ts +0 -1
- package/esm/translatedMessages/translatedMessages.js.map +0 -1
- package/index.d.ts +0 -4
- package/index.js.map +0 -1
- package/intlHelper/index.d.ts +0 -1
- package/intlHelper/index.js.map +0 -1
- package/intlHelper/intlHelper.d.ts +0 -2
- package/intlHelper/intlHelper.js.map +0 -1
- package/messages.d.ts +0 -33
- package/messages.js.map +0 -1
- package/messages.test.d.ts +0 -1
- package/messages.test.js +0 -26
- package/messages.test.js.map +0 -1
- package/translatedMessages/translatedMessages.d.ts +0 -1
- package/translatedMessages/translatedMessages.js.map +0 -1
- /package/{dist/@redhat-cloud-services/frontend-components-translations/esm → esm}/locales/cs.json +0 -0
- /package/{dist/@redhat-cloud-services/frontend-components-translations/esm → esm}/locales/data.json +0 -0
- /package/{dist/@redhat-cloud-services/frontend-components-translations/esm → esm}/locales/translations.json +0 -0
- /package/{dist/@redhat-cloud-services/frontend-components-translations/locales → locales}/cs.json +0 -0
- /package/{dist/@redhat-cloud-services/frontend-components-translations/locales → locales}/data.json +0 -0
- /package/{dist/@redhat-cloud-services/frontend-components-translations/locales → locales}/translations.json +0 -0
package/Provider/Provider.js
CHANGED
|
@@ -1,47 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
|
-
var react_1 = __importDefault(require("react"));
|
|
30
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
31
|
-
var react_intl_1 = require("react-intl");
|
|
32
|
-
var __1 = require("..");
|
|
33
|
-
var data_json_1 = __importDefault(require("../locales/data.json"));
|
|
34
|
-
var IntlProvider = function (_a) {
|
|
35
|
-
var locale = _a.locale, messages = _a.messages, props = __rest(_a, ["locale", "messages"]);
|
|
36
|
-
var language = locale || localStorage.getItem(__1.LOCALSTORAGE_KEY) || navigator.language.split(/[-_]/)[0] || 'en';
|
|
37
|
-
return ((0, jsx_runtime_1.jsx)(react_intl_1.IntlProvider, __assign({ locale: language, messages: __assign(__assign({}, data_json_1.default[language]), (messages && messages.hasOwnProperty(language) ? messages[language] : messages)) }, props)));
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
var _reactIntl = require("react-intl");
|
|
14
|
+
var _ = require("..");
|
|
15
|
+
var _data = _interopRequireDefault(require("../locales/data.json"));
|
|
16
|
+
var _excluded = ["locale", "messages"];
|
|
17
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19
|
+
var IntlProvider = function IntlProvider(_ref) {
|
|
20
|
+
var locale = _ref.locale,
|
|
21
|
+
messages = _ref.messages,
|
|
22
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
23
|
+
var language = locale || localStorage.getItem(_.LOCALSTORAGE_KEY) || navigator.language.split(/[-_]/)[0] || 'en';
|
|
24
|
+
return /*#__PURE__*/_react["default"].createElement(_reactIntl.IntlProvider, (0, _extends2["default"])({
|
|
25
|
+
locale: language,
|
|
26
|
+
messages: _objectSpread(_objectSpread({}, _data["default"][language]), messages && messages.hasOwnProperty(language) ? messages[language] : messages)
|
|
27
|
+
}, props));
|
|
38
28
|
};
|
|
39
29
|
IntlProvider.propTypes = {
|
|
40
|
-
|
|
41
|
-
|
|
30
|
+
locale: _propTypes["default"].string,
|
|
31
|
+
messages: _propTypes["default"].object
|
|
42
32
|
};
|
|
43
33
|
IntlProvider.defaultProps = {
|
|
44
|
-
|
|
34
|
+
locale: null
|
|
45
35
|
};
|
|
46
|
-
|
|
47
|
-
|
|
36
|
+
var _default = IntlProvider;
|
|
37
|
+
exports["default"] = _default;
|
package/Provider/index.js
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _Provider["default"];
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _Provider = _interopRequireDefault(require("./Provider"));
|
package/Provider/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"main":"index.js","module":"../esm/Provider/index.js"
|
|
1
|
+
{"main":"index.js","module":"../esm/Provider/index.js"}
|
package/README.md
ADDED
|
@@ -0,0 +1,179 @@
|
|
|
1
|
+
# RedHat Cloud Services frontend components - translations
|
|
2
|
+
|
|
3
|
+
This package is for setting [react-intl](https://www.npmjs.com/package/react-intl) with default messages translated accross entire platform. For futher understanding how to pass messages and such follow up `react-intl` documentation.
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
## Usage
|
|
7
|
+
|
|
8
|
+
If you want to translate your app import `IntlProvider` and wrap your piece of app that you want to translate, this will usually be entire application.
|
|
9
|
+
|
|
10
|
+
```JSX
|
|
11
|
+
import React, { Component } from 'react';
|
|
12
|
+
import { Routes } from './Routes';
|
|
13
|
+
import { NotificationsPortal } from '@redhat-cloud-services/frontend-components-notifications';
|
|
14
|
+
import { IntlProvider } from '@redhat-cloud-services/frontend-components-translations';
|
|
15
|
+
|
|
16
|
+
class App extends Component {
|
|
17
|
+
// Rest of your app
|
|
18
|
+
|
|
19
|
+
render() {
|
|
20
|
+
return (
|
|
21
|
+
<IntlProvider>
|
|
22
|
+
<NotificationsPortal />
|
|
23
|
+
<Routes childProps={this.props} />
|
|
24
|
+
</IntlProvider>
|
|
25
|
+
);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
### Passing messages
|
|
31
|
+
By default we provide the most basic strings to be used across multiple apps, however you should always pass your own translated messages to `IntlProvider` so you can use them as you want.
|
|
32
|
+
|
|
33
|
+
```JSX
|
|
34
|
+
import React, { Component } from 'react';
|
|
35
|
+
import { Routes } from './Routes';
|
|
36
|
+
import { NotificationsPortal } from '@redhat-cloud-services/frontend-components-notifications';
|
|
37
|
+
import { IntlProvider } from '@redhat-cloud-services/frontend-components-translations';
|
|
38
|
+
|
|
39
|
+
class App extends Component {
|
|
40
|
+
// Rest of your app
|
|
41
|
+
|
|
42
|
+
render() {
|
|
43
|
+
return (
|
|
44
|
+
<IntlProvider messages={translatedMessages}>
|
|
45
|
+
<NotificationsPortal />
|
|
46
|
+
<Routes childProps={this.props} />
|
|
47
|
+
</IntlProvider>
|
|
48
|
+
);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
These messages should be object with ids of messages, you can either pass plain object without any differnt languge (if you somehow know which language to use), but you should pass object with multiple languages you support
|
|
54
|
+
|
|
55
|
+
```JSON
|
|
56
|
+
{
|
|
57
|
+
"en": {
|
|
58
|
+
"appp.greetings": "Hello {name}"
|
|
59
|
+
},
|
|
60
|
+
"cs": {
|
|
61
|
+
"app.greetings": "Vítejte {name}"
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
### Custom locale
|
|
67
|
+
|
|
68
|
+
Default locale is calculated either from locale prop or stored locale in localeStorage or browser's locale and if none of these is applicable en is used. So if you want to rewrite calculaed locale pass locale prop to `IntlProvider`
|
|
69
|
+
|
|
70
|
+
```JSX
|
|
71
|
+
import React, { Component } from 'react';
|
|
72
|
+
import { Routes } from './Routes';
|
|
73
|
+
import { NotificationsPortal } from '@redhat-cloud-services/frontend-components-notifications';
|
|
74
|
+
import { IntlProvider } from '@redhat-cloud-services/frontend-components-translations';
|
|
75
|
+
|
|
76
|
+
class App extends Component {
|
|
77
|
+
// Rest of your app
|
|
78
|
+
|
|
79
|
+
render() {
|
|
80
|
+
return (
|
|
81
|
+
<IntlProvider locale="cs">
|
|
82
|
+
<NotificationsPortal />
|
|
83
|
+
<Routes childProps={this.props} />
|
|
84
|
+
</IntlProvider>
|
|
85
|
+
);
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
```
|
|
89
|
+
|
|
90
|
+
### Custom localeData
|
|
91
|
+
|
|
92
|
+
If you want to define your custom languages you can use `updateLocaleData` to pass your own localeData.
|
|
93
|
+
|
|
94
|
+
```JSX
|
|
95
|
+
import React, { Component } from 'react';
|
|
96
|
+
import { Routes } from './Routes';
|
|
97
|
+
import { NotificationsPortal } from '@redhat-cloud-services/frontend-components-notifications';
|
|
98
|
+
import { IntlProvider, updateLocaleData } from '@redhat-cloud-services/frontend-components-translations';
|
|
99
|
+
import localeDe from 'react-intl/locale-data/de';
|
|
100
|
+
|
|
101
|
+
class App extends Component {
|
|
102
|
+
// Rest of your app
|
|
103
|
+
|
|
104
|
+
render() {
|
|
105
|
+
updateLocaleData([...localeDe])
|
|
106
|
+
return (
|
|
107
|
+
<IntlProvider>
|
|
108
|
+
<NotificationsPortal />
|
|
109
|
+
<Routes childProps={this.props} />
|
|
110
|
+
</IntlProvider>
|
|
111
|
+
);
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
```
|
|
115
|
+
|
|
116
|
+
## Export strings from your app
|
|
117
|
+
You can use [babel-plugin-react-intl](https://www.npmjs.com/package/babel-plugin-react-intl) to export all of your formatted messages from your app to generate JSON files that will be used by translators.
|
|
118
|
+
|
|
119
|
+
To join your messages to one JSON that can be uploaded to translate service and combine all languages together you can use `mergeMessages.js` from `@redhat-cloud-services/frontend-components-utilities`. For description of how to pass custom config run `mergeMessages.js --help`
|
|
120
|
+
|
|
121
|
+
```bash
|
|
122
|
+
node node_modules/@redhat-cloud-services/frontend-components-utilities/mergeMessages/mergeMessages.js
|
|
123
|
+
```
|
|
124
|
+
|
|
125
|
+
## Use messages in your app
|
|
126
|
+
You have two options when dealing with finding correct ID for `FormattedMessage` component from `react-intl`, either merge default messages and your defined messages together. Or use correct file in correct place.
|
|
127
|
+
|
|
128
|
+
1) Merging messages together
|
|
129
|
+
```JS
|
|
130
|
+
import { React } from 'react';
|
|
131
|
+
import { FormattedMessage } from 'react-intl';
|
|
132
|
+
import { defaultMessages } from '@redhat-cloud-services/frontend-components-translations';
|
|
133
|
+
|
|
134
|
+
export default () => {
|
|
135
|
+
const messages = {
|
|
136
|
+
...defaultMessages,
|
|
137
|
+
...defineMessages({
|
|
138
|
+
someMessage: {
|
|
139
|
+
id: 'myApp.someMessage',
|
|
140
|
+
description: 'Test message',
|
|
141
|
+
defaultMessage: 'Some message used by our App'
|
|
142
|
+
}
|
|
143
|
+
})
|
|
144
|
+
}
|
|
145
|
+
return (
|
|
146
|
+
<div>
|
|
147
|
+
{/* Our custom message */}
|
|
148
|
+
<FormattedMessage {messages.someMessage} />
|
|
149
|
+
{/* Predefined Cancel */}
|
|
150
|
+
<FormattedMessage {messages.cancel} />
|
|
151
|
+
</div>
|
|
152
|
+
)
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
```
|
|
156
|
+
|
|
157
|
+
## Providing access to intl for a non-components
|
|
158
|
+
|
|
159
|
+
A file contaning app constants, that is very much not a component can still leverage
|
|
160
|
+
translations by using the `intlHelper` function in the following way.
|
|
161
|
+
|
|
162
|
+
```JS
|
|
163
|
+
import { createIntl, createIntlCache } from 'react-intl';
|
|
164
|
+
import { intlHelper } from '@redhat-cloud-services/frontend-components-translations';
|
|
165
|
+
import messages from './Messages';
|
|
166
|
+
const cache = createIntlCache();
|
|
167
|
+
const intl = createIntl({
|
|
168
|
+
onError: console.log,
|
|
169
|
+
locale: navigator.language
|
|
170
|
+
}, cache);
|
|
171
|
+
const intlSettings = {locale: navigator.language}
|
|
172
|
+
|
|
173
|
+
const IMPACT_LABEL = {
|
|
174
|
+
1: intlHelper(intl.formatMessage(messages.low), intlSettings),
|
|
175
|
+
2: intlHelper(intl.formatMessage(messages.moderate), intlSettings)),
|
|
176
|
+
3: intlHelper(intl.formatMessage(messages.important), intlSettings)),
|
|
177
|
+
4: intlHelper(intl.formatMessage(messages.critical), intlSettings))
|
|
178
|
+
};
|
|
179
|
+
```
|
package/esm/Provider/Provider.js
CHANGED
|
@@ -1,42 +1,29 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
-
var t = {};
|
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
-
t[p] = s[p];
|
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
-
t[p[i]] = s[p[i]];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
|
+
var _excluded = ["locale", "messages"];
|
|
5
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
6
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
24
7
|
import React from 'react';
|
|
25
8
|
import PropTypes from 'prop-types';
|
|
26
9
|
import { IntlProvider as ReactIntlProvider } from 'react-intl';
|
|
27
10
|
import { LOCALSTORAGE_KEY } from '..';
|
|
28
11
|
import translatedMessages from '../locales/data.json';
|
|
29
|
-
var IntlProvider = function (
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
12
|
+
var IntlProvider = function IntlProvider(_ref) {
|
|
13
|
+
var locale = _ref.locale,
|
|
14
|
+
messages = _ref.messages,
|
|
15
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
16
|
+
var language = locale || localStorage.getItem(LOCALSTORAGE_KEY) || navigator.language.split(/[-_]/)[0] || 'en';
|
|
17
|
+
return /*#__PURE__*/React.createElement(ReactIntlProvider, _extends({
|
|
18
|
+
locale: language,
|
|
19
|
+
messages: _objectSpread(_objectSpread({}, translatedMessages[language]), messages && messages.hasOwnProperty(language) ? messages[language] : messages)
|
|
20
|
+
}, props));
|
|
33
21
|
};
|
|
34
22
|
IntlProvider.propTypes = {
|
|
35
|
-
|
|
36
|
-
|
|
23
|
+
locale: PropTypes.string,
|
|
24
|
+
messages: PropTypes.object
|
|
37
25
|
};
|
|
38
26
|
IntlProvider.defaultProps = {
|
|
39
|
-
|
|
27
|
+
locale: null
|
|
40
28
|
};
|
|
41
|
-
export default IntlProvider;
|
|
42
|
-
//# sourceMappingURL=Provider.js.map
|
|
29
|
+
export default IntlProvider;
|
package/esm/Provider/index.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { default } from './Provider';
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export { default } from './Provider';
|
package/esm/index.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export { default as IntlProvider } from './Provider';
|
|
2
2
|
export { default as defaultMessages } from './messages';
|
|
3
3
|
export var LOCALSTORAGE_KEY = 'rhcs-language';
|
|
4
|
-
export { default as intlHelper } from './intlHelper';
|
|
5
|
-
//# sourceMappingURL=index.js.map
|
|
4
|
+
export { default as intlHelper } from './intlHelper';
|
package/esm/intlHelper/index.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export { default } from './intlHelper';
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export { default } from './intlHelper';
|
|
@@ -1,17 +1,6 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
1
|
import React from 'react';
|
|
14
2
|
import IntlProvider from '../Provider';
|
|
15
|
-
var intlHelper = function (message, settings) {
|
|
16
|
-
|
|
17
|
-
|
|
3
|
+
var intlHelper = function intlHelper(message, settings) {
|
|
4
|
+
return /*#__PURE__*/React.createElement(IntlProvider, settings, message);
|
|
5
|
+
};
|
|
6
|
+
export default intlHelper;
|
package/esm/messages.js
CHANGED
|
@@ -1,24 +1,23 @@
|
|
|
1
1
|
import { defineMessages } from 'react-intl';
|
|
2
2
|
export default defineMessages({
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
});
|
|
24
|
-
//# sourceMappingURL=messages.js.map
|
|
3
|
+
cancel: {
|
|
4
|
+
id: 'default.cancel',
|
|
5
|
+
description: 'Default cancel string',
|
|
6
|
+
defaultMessage: 'Cancel'
|
|
7
|
+
},
|
|
8
|
+
save: {
|
|
9
|
+
id: 'default.save',
|
|
10
|
+
description: 'Default save string',
|
|
11
|
+
defaultMessage: 'Save'
|
|
12
|
+
},
|
|
13
|
+
"delete": {
|
|
14
|
+
id: 'default.delete',
|
|
15
|
+
description: 'Default delete string',
|
|
16
|
+
defaultMessage: 'Delete'
|
|
17
|
+
},
|
|
18
|
+
remove: {
|
|
19
|
+
id: 'default.remove',
|
|
20
|
+
description: 'Default remove string',
|
|
21
|
+
defaultMessage: 'Remove'
|
|
22
|
+
}
|
|
23
|
+
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
// eslint-disable-next-line import/prefer-default-export
|
|
2
|
+
export { default as translatedMessages } from '../locales/data.json';
|
package/index.js
CHANGED
|
@@ -1,14 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "IntlProvider", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _Provider["default"];
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
exports.LOCALSTORAGE_KEY = void 0;
|
|
14
|
+
Object.defineProperty(exports, "defaultMessages", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _messages["default"];
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports, "intlHelper", {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function get() {
|
|
23
|
+
return _intlHelper["default"];
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
var _Provider = _interopRequireDefault(require("./Provider"));
|
|
27
|
+
var _messages = _interopRequireDefault(require("./messages"));
|
|
28
|
+
var _intlHelper = _interopRequireDefault(require("./intlHelper"));
|
|
29
|
+
var LOCALSTORAGE_KEY = 'rhcs-language';
|
|
30
|
+
exports.LOCALSTORAGE_KEY = LOCALSTORAGE_KEY;
|
package/intlHelper/index.js
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _intlHelper["default"];
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _intlHelper = _interopRequireDefault(require("./intlHelper"));
|
package/intlHelper/intlHelper.js
CHANGED
|
@@ -1,22 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports["default"] = void 0;
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
var _Provider = _interopRequireDefault(require("../Provider"));
|
|
10
|
+
var intlHelper = function intlHelper(message, settings) {
|
|
11
|
+
return /*#__PURE__*/_react["default"].createElement(_Provider["default"], settings, message);
|
|
12
12
|
};
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
-
var react_1 = __importDefault(require("react"));
|
|
19
|
-
var Provider_1 = __importDefault(require("../Provider"));
|
|
20
|
-
var intlHelper = function (message, settings) { return (0, jsx_runtime_1.jsx)(Provider_1.default, __assign({}, settings, { children: message })); };
|
|
21
|
-
exports.default = intlHelper;
|
|
22
|
-
//# sourceMappingURL=intlHelper.js.map
|
|
13
|
+
var _default = intlHelper;
|
|
14
|
+
exports["default"] = _default;
|
package/intlHelper/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"main":"index.js","module":"../esm/intlHelper/index.js"
|
|
1
|
+
{"main":"index.js","module":"../esm/intlHelper/index.js"}
|
package/messages.js
CHANGED
|
@@ -1,26 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
cancel: {
|
|
6
|
-
id: 'default.cancel',
|
|
7
|
-
description: 'Default cancel string',
|
|
8
|
-
defaultMessage: 'Cancel',
|
|
9
|
-
},
|
|
10
|
-
save: {
|
|
11
|
-
id: 'default.save',
|
|
12
|
-
description: 'Default save string',
|
|
13
|
-
defaultMessage: 'Save',
|
|
14
|
-
},
|
|
15
|
-
delete: {
|
|
16
|
-
id: 'default.delete',
|
|
17
|
-
description: 'Default delete string',
|
|
18
|
-
defaultMessage: 'Delete',
|
|
19
|
-
},
|
|
20
|
-
remove: {
|
|
21
|
-
id: 'default.remove',
|
|
22
|
-
description: 'Default remove string',
|
|
23
|
-
defaultMessage: 'Remove',
|
|
24
|
-
},
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
25
5
|
});
|
|
26
|
-
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _reactIntl = require("react-intl");
|
|
8
|
+
var _default = (0, _reactIntl.defineMessages)({
|
|
9
|
+
cancel: {
|
|
10
|
+
id: 'default.cancel',
|
|
11
|
+
description: 'Default cancel string',
|
|
12
|
+
defaultMessage: 'Cancel'
|
|
13
|
+
},
|
|
14
|
+
save: {
|
|
15
|
+
id: 'default.save',
|
|
16
|
+
description: 'Default save string',
|
|
17
|
+
defaultMessage: 'Save'
|
|
18
|
+
},
|
|
19
|
+
"delete": {
|
|
20
|
+
id: 'default.delete',
|
|
21
|
+
description: 'Default delete string',
|
|
22
|
+
defaultMessage: 'Delete'
|
|
23
|
+
},
|
|
24
|
+
remove: {
|
|
25
|
+
id: 'default.remove',
|
|
26
|
+
description: 'Default remove string',
|
|
27
|
+
defaultMessage: 'Remove'
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
exports["default"] = _default;
|