@synerise/ds-core 1.3.0 → 1.3.1
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/CHANGELOG.md +11 -0
- package/dist/i18n/en.json +19 -6
- package/dist/i18n/index.d.ts +1791 -0
- package/dist/i18n/index.js +11 -0
- package/dist/js/DSProvider/DSProvider.d.ts +2 -2
- package/dist/js/DSProvider/DSProvider.js +1 -3
- package/dist/js/DSProvider/LocaleProvider/LocaleProvider.d.ts +4 -35
- package/dist/js/DSProvider/LocaleProvider/LocaleProvider.js +31 -73
- package/dist/js/DSProvider/LocaleProvider/LocaleProvider.types.d.ts +17 -0
- package/dist/js/DSProvider/LocaleProvider/LocaleProvider.types.js +1 -0
- package/dist/js/DSProvider/LocaleProvider/antLocales.d.ts +6 -6
- package/dist/js/DSProvider/LocaleProvider/antLocales.js +11 -6
- package/package.json +3 -3
|
@@ -2,10 +2,10 @@ import React, { PropsWithChildren } from 'react';
|
|
|
2
2
|
import { DataFormatConfigProviderProps } from '@synerise/ds-data-format';
|
|
3
3
|
import { ToasterProps } from '@synerise/ds-toaster';
|
|
4
4
|
import '../style';
|
|
5
|
-
import { LocaleProviderProps } from './LocaleProvider/LocaleProvider';
|
|
5
|
+
import { LocaleProviderProps } from './LocaleProvider/LocaleProvider.types';
|
|
6
6
|
import { ThemeProviderProps } from './ThemeProvider/ThemeProvider';
|
|
7
7
|
export type DSProviderProps = PropsWithChildren<LocaleProviderProps & ThemeProviderProps & DataFormatConfigProviderProps & {
|
|
8
8
|
toasterProps?: false | Partial<ToasterProps>;
|
|
9
9
|
}>;
|
|
10
|
-
declare const DSProvider: ({ locale, defaultLocale, messages, timeZone, children, theme, dataFormatConfig, onErrorIntl,
|
|
10
|
+
declare const DSProvider: ({ locale, defaultLocale, messages, timeZone, children, theme, dataFormatConfig, onErrorIntl, toasterProps, }: DSProviderProps) => React.JSX.Element;
|
|
11
11
|
export default DSProvider;
|
|
@@ -13,7 +13,6 @@ var DSProvider = function DSProvider(_ref) {
|
|
|
13
13
|
theme = _ref.theme,
|
|
14
14
|
dataFormatConfig = _ref.dataFormatConfig,
|
|
15
15
|
onErrorIntl = _ref.onErrorIntl,
|
|
16
|
-
onDSLocalesLoaded = _ref.onDSLocalesLoaded,
|
|
17
16
|
_ref$toasterProps = _ref.toasterProps,
|
|
18
17
|
toasterProps = _ref$toasterProps === void 0 ? false : _ref$toasterProps;
|
|
19
18
|
return /*#__PURE__*/React.createElement(LocaleProvider, {
|
|
@@ -21,8 +20,7 @@ var DSProvider = function DSProvider(_ref) {
|
|
|
21
20
|
messages: messages,
|
|
22
21
|
timeZone: timeZone,
|
|
23
22
|
defaultLocale: defaultLocale,
|
|
24
|
-
onErrorIntl: onErrorIntl
|
|
25
|
-
onDSLocalesLoaded: onDSLocalesLoaded
|
|
23
|
+
onErrorIntl: onErrorIntl
|
|
26
24
|
}, /*#__PURE__*/React.createElement(ThemeProvider, {
|
|
27
25
|
theme: theme
|
|
28
26
|
}, /*#__PURE__*/React.createElement(DataFormatConfigProvider, {
|
|
@@ -1,35 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
};
|
|
6
|
-
type onErrorFnParameters = Parameters<OnErrorFn>;
|
|
7
|
-
export type LocaleProviderProps = {
|
|
8
|
-
locale?: string;
|
|
9
|
-
defaultLocale?: string;
|
|
10
|
-
messages?: NestedMessages;
|
|
11
|
-
defaultMessages?: NestedMessages;
|
|
12
|
-
timeZone?: string;
|
|
13
|
-
children?: ReactNode;
|
|
14
|
-
onDSLocalesLoaded?: () => void;
|
|
15
|
-
onErrorIntl?: (error: onErrorFnParameters[0], { dsLocalesLoaded }: {
|
|
16
|
-
dsLocalesLoaded: boolean;
|
|
17
|
-
}) => void;
|
|
18
|
-
};
|
|
19
|
-
type LocaleProviderState = {
|
|
20
|
-
dsLocales: NestedMessages;
|
|
21
|
-
dsLocalesLoaded: boolean;
|
|
22
|
-
};
|
|
23
|
-
export default class LocaleProvider extends Component<LocaleProviderProps, LocaleProviderState> {
|
|
24
|
-
static defaultProps: {
|
|
25
|
-
locale: string;
|
|
26
|
-
localeData: {};
|
|
27
|
-
};
|
|
28
|
-
state: {
|
|
29
|
-
dsLocales: {};
|
|
30
|
-
dsLocalesLoaded: boolean;
|
|
31
|
-
};
|
|
32
|
-
componentDidMount(): void;
|
|
33
|
-
render(): ReactNode;
|
|
34
|
-
}
|
|
35
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { LocaleProviderProps } from './LocaleProvider.types';
|
|
3
|
+
declare const LocaleProvider: ({ locale, defaultMessages, messages, defaultLocale, timeZone, children, onErrorIntl, }: LocaleProviderProps) => React.JSX.Element;
|
|
4
|
+
export default LocaleProvider;
|
|
@@ -1,85 +1,43 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
-
|
|
3
|
-
function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
|
|
4
|
-
import React, { Component } from 'react';
|
|
2
|
+
import React from 'react';
|
|
5
3
|
import { IntlProvider } from 'react-intl';
|
|
6
4
|
import { flatten } from 'flat';
|
|
7
5
|
import * as merge from 'deepmerge';
|
|
8
6
|
import AntConfigProvider from 'antd/lib/config-provider';
|
|
9
7
|
import antMessages from './antLocales';
|
|
8
|
+
import dsMessages from '../../../i18n';
|
|
10
9
|
var DEFAULT_LANG = 'en-US';
|
|
11
10
|
var getLangForCode = function getLangForCode(code) {
|
|
12
11
|
return code.substring(0, 2);
|
|
13
12
|
};
|
|
14
|
-
var LocaleProvider =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
var LocaleProvider = function LocaleProvider(_ref) {
|
|
14
|
+
var _ref$locale = _ref.locale,
|
|
15
|
+
locale = _ref$locale === void 0 ? DEFAULT_LANG : _ref$locale,
|
|
16
|
+
_ref$defaultMessages = _ref.defaultMessages,
|
|
17
|
+
defaultMessages = _ref$defaultMessages === void 0 ? {} : _ref$defaultMessages,
|
|
18
|
+
_ref$messages = _ref.messages,
|
|
19
|
+
messages = _ref$messages === void 0 ? {} : _ref$messages,
|
|
20
|
+
defaultLocale = _ref.defaultLocale,
|
|
21
|
+
timeZone = _ref.timeZone,
|
|
22
|
+
children = _ref.children,
|
|
23
|
+
onErrorIntl = _ref.onErrorIntl;
|
|
24
|
+
var code = locale || DEFAULT_LANG;
|
|
25
|
+
var lang = getLangForCode(code);
|
|
26
|
+
var antLocale = Object.prototype.hasOwnProperty.call(antMessages, lang) ? antMessages[lang] : antMessages["default"];
|
|
27
|
+
var dsLocale = Object.prototype.hasOwnProperty.call(dsMessages, lang) ? dsMessages[lang] : dsMessages["default"];
|
|
28
|
+
var localeData = messages[lang] || {};
|
|
29
|
+
var currentMessages = flatten(_extends({}, dsLocale, merge.all([defaultMessages, localeData])));
|
|
30
|
+
return /*#__PURE__*/React.createElement(AntConfigProvider, {
|
|
31
|
+
locale: antLocale
|
|
32
|
+
}, /*#__PURE__*/React.createElement(IntlProvider, {
|
|
33
|
+
textComponent: "span",
|
|
34
|
+
locale: code,
|
|
35
|
+
messages: currentMessages,
|
|
36
|
+
timeZone: timeZone,
|
|
37
|
+
defaultLocale: defaultLocale,
|
|
38
|
+
onError: function onError(error) {
|
|
39
|
+
return onErrorIntl == null ? void 0 : onErrorIntl(error);
|
|
19
40
|
}
|
|
20
|
-
|
|
21
|
-
_this.state = {
|
|
22
|
-
dsLocales: {},
|
|
23
|
-
dsLocalesLoaded: false
|
|
24
|
-
};
|
|
25
|
-
return _this;
|
|
26
|
-
}
|
|
27
|
-
_inheritsLoose(LocaleProvider, _Component);
|
|
28
|
-
var _proto = LocaleProvider.prototype;
|
|
29
|
-
_proto.componentDidMount = function componentDidMount() {
|
|
30
|
-
var _this2 = this;
|
|
31
|
-
var _this$props = this.props,
|
|
32
|
-
locale = _this$props.locale,
|
|
33
|
-
onDSLocalesLoaded = _this$props.onDSLocalesLoaded;
|
|
34
|
-
var lang = getLangForCode(locale || DEFAULT_LANG);
|
|
35
|
-
import("../../../i18n/" + lang + ".json").then(function (dsLocales) {
|
|
36
|
-
_this2.setState({
|
|
37
|
-
dsLocales: dsLocales,
|
|
38
|
-
dsLocalesLoaded: true
|
|
39
|
-
});
|
|
40
|
-
// eslint-disable-next-line no-unused-expressions
|
|
41
|
-
onDSLocalesLoaded == null || onDSLocalesLoaded();
|
|
42
|
-
});
|
|
43
|
-
};
|
|
44
|
-
_proto.render = function render() {
|
|
45
|
-
var _this$props2 = this.props,
|
|
46
|
-
_this$props2$defaultM = _this$props2.defaultMessages,
|
|
47
|
-
defaultMessages = _this$props2$defaultM === void 0 ? {} : _this$props2$defaultM,
|
|
48
|
-
_this$props2$messages = _this$props2.messages,
|
|
49
|
-
messages = _this$props2$messages === void 0 ? {} : _this$props2$messages,
|
|
50
|
-
locale = _this$props2.locale,
|
|
51
|
-
defaultLocale = _this$props2.defaultLocale,
|
|
52
|
-
timeZone = _this$props2.timeZone,
|
|
53
|
-
children = _this$props2.children,
|
|
54
|
-
onErrorIntl = _this$props2.onErrorIntl;
|
|
55
|
-
var _this$state = this.state,
|
|
56
|
-
dsLocales = _this$state.dsLocales,
|
|
57
|
-
dsLocalesLoaded = _this$state.dsLocalesLoaded;
|
|
58
|
-
var code = locale || DEFAULT_LANG;
|
|
59
|
-
var lang = getLangForCode(code);
|
|
60
|
-
var localeData = messages || {};
|
|
61
|
-
var localeDataForLang = localeData[lang] || {};
|
|
62
|
-
var antLocale = Object.prototype.hasOwnProperty.call(antMessages, lang) ? antMessages[lang] : antMessages["default"];
|
|
63
|
-
var currentMessages = flatten(_extends({}, dsLocales, merge.all([defaultMessages, localeDataForLang])));
|
|
64
|
-
return /*#__PURE__*/React.createElement(AntConfigProvider, {
|
|
65
|
-
locale: antLocale
|
|
66
|
-
}, /*#__PURE__*/React.createElement(IntlProvider, {
|
|
67
|
-
textComponent: "span",
|
|
68
|
-
locale: code,
|
|
69
|
-
messages: currentMessages,
|
|
70
|
-
timeZone: timeZone,
|
|
71
|
-
defaultLocale: defaultLocale,
|
|
72
|
-
onError: function onError(error) {
|
|
73
|
-
return onErrorIntl == null ? void 0 : onErrorIntl(error, {
|
|
74
|
-
dsLocalesLoaded: dsLocalesLoaded
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
}, children));
|
|
78
|
-
};
|
|
79
|
-
return LocaleProvider;
|
|
80
|
-
}(Component);
|
|
81
|
-
LocaleProvider.defaultProps = {
|
|
82
|
-
locale: DEFAULT_LANG,
|
|
83
|
-
localeData: {}
|
|
41
|
+
}, children));
|
|
84
42
|
};
|
|
85
|
-
export
|
|
43
|
+
export default LocaleProvider;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { OnErrorFn } from '@formatjs/intl';
|
|
3
|
+
import type { MessageFormatElement } from '@formatjs/icu-messageformat-parser';
|
|
4
|
+
export type IntlMessages = Record<string, string> | Record<string, MessageFormatElement[]>;
|
|
5
|
+
export type NestedMessages = {
|
|
6
|
+
[key: string]: string | NestedMessages;
|
|
7
|
+
};
|
|
8
|
+
export type onErrorFnParameters = Parameters<OnErrorFn>;
|
|
9
|
+
export type LocaleProviderProps = {
|
|
10
|
+
locale?: string;
|
|
11
|
+
defaultLocale?: string;
|
|
12
|
+
messages?: NestedMessages;
|
|
13
|
+
defaultMessages?: NestedMessages;
|
|
14
|
+
timeZone?: string;
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
onErrorIntl?: (error: onErrorFnParameters[0]) => void;
|
|
17
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
|
-
pl:
|
|
3
|
-
en:
|
|
4
|
-
es:
|
|
5
|
-
pt:
|
|
6
|
-
fr:
|
|
7
|
-
default:
|
|
2
|
+
pl: import("antd/lib/locale-provider").Locale;
|
|
3
|
+
en: import("antd/lib/locale-provider").Locale;
|
|
4
|
+
es: import("antd/lib/locale-provider").Locale;
|
|
5
|
+
pt: import("antd/lib/locale-provider").Locale;
|
|
6
|
+
fr: import("antd/lib/locale-provider").Locale;
|
|
7
|
+
default: import("antd/lib/locale-provider").Locale;
|
|
8
8
|
};
|
|
9
9
|
export default _default;
|
|
@@ -1,8 +1,13 @@
|
|
|
1
|
+
import pl from 'antd/lib/locale/pl_PL';
|
|
2
|
+
import en from 'antd/lib/locale/en_US';
|
|
3
|
+
import es from 'antd/lib/locale/es_ES';
|
|
4
|
+
import fr from 'antd/lib/locale/fr_FR';
|
|
5
|
+
import pt from 'antd/lib/locale/pt_PT';
|
|
1
6
|
export default {
|
|
2
|
-
pl:
|
|
3
|
-
en:
|
|
4
|
-
es:
|
|
5
|
-
pt:
|
|
6
|
-
fr:
|
|
7
|
-
"default":
|
|
7
|
+
pl: pl,
|
|
8
|
+
en: en,
|
|
9
|
+
es: es,
|
|
10
|
+
pt: pt,
|
|
11
|
+
fr: fr,
|
|
12
|
+
"default": en
|
|
8
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-core",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.1",
|
|
4
4
|
"description": "Core Components for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "synerise/synerise-design",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"types": "dist/js/index.js",
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@synerise/ds-data-format": "^1.0.0",
|
|
36
|
-
"@synerise/ds-toaster": "^1.1.
|
|
36
|
+
"@synerise/ds-toaster": "^1.1.1",
|
|
37
37
|
"deepmerge": "^4.2.2",
|
|
38
38
|
"flat": "^5.0.2"
|
|
39
39
|
},
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"hex-rgb": "^5.0.0",
|
|
50
50
|
"less-vars-to-js": "^1.3.0"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "9e9cc54e3690b4d51323f91c81b3b79305984da6"
|
|
53
53
|
}
|