@dfds-ui/react-components 2.0.20-alpha.05a04c8a → 2.0.20-alpha.22bf1379
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.
|
@@ -22,14 +22,16 @@ const sizes = {
|
|
|
22
22
|
xl: '2.5rem'
|
|
23
23
|
};
|
|
24
24
|
const LocaleFlag = _ref => {
|
|
25
|
-
|
|
25
|
+
var _localeData$locale;
|
|
26
|
+
let _ref$locale = _ref.locale,
|
|
27
|
+
locale = _ref$locale === void 0 ? _locales.fallbackLocale : _ref$locale,
|
|
26
28
|
_ref$size = _ref.size,
|
|
27
29
|
size = _ref$size === void 0 ? 'm' : _ref$size,
|
|
28
30
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
29
|
-
const Icon = flags[_locales.localeData[locale].flagIcon];
|
|
30
|
-
return (0, _react2.jsx)(Icon, _extends({
|
|
31
|
+
const Icon = flags[((_localeData$locale = _locales.localeData[locale]) === null || _localeData$locale === void 0 ? void 0 : _localeData$locale.flagIcon) || ''];
|
|
32
|
+
return Icon ? (0, _react2.jsx)(Icon, _extends({
|
|
31
33
|
role: "img",
|
|
32
|
-
css: /*#__PURE__*/(0, _react2.css)("font-size:", sizes[size], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LocaleFlag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
-
}, rest));
|
|
34
|
+
css: /*#__PURE__*/(0, _react2.css)("font-size:", sizes[size], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LocaleFlag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2NhbGl6YXRpb24vTG9jYWxlRmxhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sb2NhbGl6YXRpb24vTG9jYWxlRmxhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCAqIGFzIGZsYWdzIGZyb20gJ0BkZmRzLXVpL2ljb25zL2ZsYWdzJ1xuaW1wb3J0IHsgTG9jYWxlLCBmYWxsYmFja0xvY2FsZSwgbG9jYWxlRGF0YSB9IGZyb20gJy4vbG9jYWxlcydcblxuZXhwb3J0IHR5cGUgTG9jYWxlRmxhZ1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGxvY2FsZSBzcGVjaWZ5aW5nIHdoaWNoIGZsYWcgd2lsbCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGxvY2FsZTogTG9jYWxlXG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgZmxhZyBpY29uLlxuICAgKi9cbiAgc2l6ZT86ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8J3N2Zyc+XG5cbmNvbnN0IHNpemVzOiB7IFtrIGluIE5vbk51bGxhYmxlPExvY2FsZUZsYWdQcm9wc1snc2l6ZSddPl06IHN0cmluZyB9ID0ge1xuICBzOiAnMXJlbScsXG4gIG06ICcxLjI1cmVtJyxcbiAgbDogJzEuODc1cmVtJyxcbiAgeGw6ICcyLjVyZW0nLFxufVxuXG5leHBvcnQgY29uc3QgTG9jYWxlRmxhZyA9ICh7IGxvY2FsZSA9IGZhbGxiYWNrTG9jYWxlLCBzaXplID0gJ20nLCAuLi5yZXN0IH06IExvY2FsZUZsYWdQcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZmxhZ3NbbG9jYWxlRGF0YVtsb2NhbGVdPy5mbGFnSWNvbiB8fCAnJ11cbiAgcmV0dXJuIEljb24gPyAoXG4gICAgPEljb25cbiAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZvbnQtc2l6ZTogJHtzaXplc1tzaXplXX07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKSA6IChcbiAgICA8PjwvPlxuICApXG59XG4iXX0= */")
|
|
35
|
+
}, rest)) : (0, _react2.jsx)(_react.default.Fragment, null);
|
|
34
36
|
};
|
|
35
37
|
exports.LocaleFlag = LocaleFlag;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as flags from '@dfds-ui/icons/flags';
|
|
2
|
-
export declare const locales: readonly ["en", "nl-BE", "bg-BG", "pt-BR", "en-CA", "zh-CN", "cs-CZ", "da-DK", "et-EE", "fi-FI", "fr-BE", "fr-FR", "de-DE", "hu-HU", "it-IT", "ja-JP", "lv-LV", "lt-LT", "nl-NL", "nb-NO", "pl-PL", "ro-RO", "ru-RU", "sk-SK", "ko-KR", "es-ES", "sv-SE", "tr-TR", "en-GB", "en-US"];
|
|
2
|
+
export declare const locales: readonly ["en", "nl-BE", "bg-BG", "pt-BR", "en-CA", "zh-CN", "cs-CZ", "da-DK", "et-EE", "fi-FI", "fr-BE", "fr-FR", "fr-MA", "de-DE", "hu-HU", "it-IT", "ja-JP", "lv-LV", "lt-LT", "nl-NL", "nb-NO", "pl-PL", "ro-RO", "ru-RU", "sk-SK", "ko-KR", "es-ES", "sv-SE", "tr-TR", "en-GB", "en-US"];
|
|
3
3
|
export declare type Locale = typeof locales[number];
|
|
4
|
+
export declare const fallbackLocale: Locale;
|
|
4
5
|
export declare type LocaleInfo = {
|
|
5
6
|
/**
|
|
6
7
|
* Name of the country
|
|
@@ -3,10 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.locales = exports.localeData = void 0;
|
|
6
|
+
exports.locales = exports.localeData = exports.fallbackLocale = void 0;
|
|
7
7
|
exports.uniqueCountryLocales = uniqueCountryLocales;
|
|
8
|
-
const locales = ['en', 'nl-BE', 'bg-BG', 'pt-BR', 'en-CA', 'zh-CN', 'cs-CZ', 'da-DK', 'et-EE', 'fi-FI', 'fr-BE', 'fr-FR', 'de-DE', 'hu-HU', 'it-IT', 'ja-JP', 'lv-LV', 'lt-LT', 'nl-NL', 'nb-NO', 'pl-PL', 'ro-RO', 'ru-RU', 'sk-SK', 'ko-KR', 'es-ES', 'sv-SE', 'tr-TR', 'en-GB', 'en-US'];
|
|
8
|
+
const locales = ['en', 'nl-BE', 'bg-BG', 'pt-BR', 'en-CA', 'zh-CN', 'cs-CZ', 'da-DK', 'et-EE', 'fi-FI', 'fr-BE', 'fr-FR', 'fr-MA', 'de-DE', 'hu-HU', 'it-IT', 'ja-JP', 'lv-LV', 'lt-LT', 'nl-NL', 'nb-NO', 'pl-PL', 'ro-RO', 'ru-RU', 'sk-SK', 'ko-KR', 'es-ES', 'sv-SE', 'tr-TR', 'en-GB', 'en-US'];
|
|
9
9
|
exports.locales = locales;
|
|
10
|
+
const fallbackLocale = 'en';
|
|
11
|
+
exports.fallbackLocale = fallbackLocale;
|
|
10
12
|
const localeData = {
|
|
11
13
|
en: {
|
|
12
14
|
name: 'International',
|
|
@@ -88,6 +90,13 @@ const localeData = {
|
|
|
88
90
|
nativeName: 'France',
|
|
89
91
|
flagIcon: 'FlagFr'
|
|
90
92
|
},
|
|
93
|
+
'fr-MA': {
|
|
94
|
+
name: 'Morocco',
|
|
95
|
+
callingCode: '+212',
|
|
96
|
+
callingTrunkPrefix: '0',
|
|
97
|
+
nativeName: 'Maroc - Français',
|
|
98
|
+
flagIcon: 'FlagMa'
|
|
99
|
+
},
|
|
91
100
|
'de-DE': {
|
|
92
101
|
name: 'Germany',
|
|
93
102
|
callingCode: '+49',
|
|
@@ -5,7 +5,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { css } from '@emotion/react';
|
|
7
7
|
import * as flags from '@dfds-ui/icons/flags';
|
|
8
|
-
import { localeData } from './locales';
|
|
8
|
+
import { fallbackLocale, localeData } from './locales';
|
|
9
9
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
10
10
|
var sizes = {
|
|
11
11
|
s: '1rem',
|
|
@@ -14,13 +14,15 @@ var sizes = {
|
|
|
14
14
|
xl: '2.5rem'
|
|
15
15
|
};
|
|
16
16
|
export var LocaleFlag = function LocaleFlag(_ref) {
|
|
17
|
-
var locale
|
|
17
|
+
var _localeData$locale;
|
|
18
|
+
var _ref$locale = _ref.locale,
|
|
19
|
+
locale = _ref$locale === void 0 ? fallbackLocale : _ref$locale,
|
|
18
20
|
_ref$size = _ref.size,
|
|
19
21
|
size = _ref$size === void 0 ? 'm' : _ref$size,
|
|
20
22
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
-
var Icon = flags[localeData[locale].flagIcon];
|
|
22
|
-
return ___EmotionJSX(Icon, _extends({
|
|
23
|
+
var Icon = flags[((_localeData$locale = localeData[locale]) === null || _localeData$locale === void 0 ? void 0 : _localeData$locale.flagIcon) || ''];
|
|
24
|
+
return Icon ? ___EmotionJSX(Icon, _extends({
|
|
23
25
|
role: "img",
|
|
24
|
-
css: /*#__PURE__*/css("font-size:", sizes[size], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LocaleFlag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
-
}, rest));
|
|
26
|
+
css: /*#__PURE__*/css("font-size:", sizes[size], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:LocaleFlag;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2NhbGl6YXRpb24vTG9jYWxlRmxhZy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJjIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2NhbGl6YXRpb24vTG9jYWxlRmxhZy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCAqIGFzIGZsYWdzIGZyb20gJ0BkZmRzLXVpL2ljb25zL2ZsYWdzJ1xuaW1wb3J0IHsgTG9jYWxlLCBmYWxsYmFja0xvY2FsZSwgbG9jYWxlRGF0YSB9IGZyb20gJy4vbG9jYWxlcydcblxuZXhwb3J0IHR5cGUgTG9jYWxlRmxhZ1Byb3BzID0ge1xuICAvKipcbiAgICogVGhlIGxvY2FsZSBzcGVjaWZ5aW5nIHdoaWNoIGZsYWcgd2lsbCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGxvY2FsZTogTG9jYWxlXG4gIC8qKlxuICAgKiBUaGUgc2l6ZSBvZiB0aGUgZmxhZyBpY29uLlxuICAgKi9cbiAgc2l6ZT86ICdzJyB8ICdtJyB8ICdsJyB8ICd4bCdcbn0gJiBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8J3N2Zyc+XG5cbmNvbnN0IHNpemVzOiB7IFtrIGluIE5vbk51bGxhYmxlPExvY2FsZUZsYWdQcm9wc1snc2l6ZSddPl06IHN0cmluZyB9ID0ge1xuICBzOiAnMXJlbScsXG4gIG06ICcxLjI1cmVtJyxcbiAgbDogJzEuODc1cmVtJyxcbiAgeGw6ICcyLjVyZW0nLFxufVxuXG5leHBvcnQgY29uc3QgTG9jYWxlRmxhZyA9ICh7IGxvY2FsZSA9IGZhbGxiYWNrTG9jYWxlLCBzaXplID0gJ20nLCAuLi5yZXN0IH06IExvY2FsZUZsYWdQcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gZmxhZ3NbbG9jYWxlRGF0YVtsb2NhbGVdPy5mbGFnSWNvbiB8fCAnJ11cbiAgcmV0dXJuIEljb24gPyAoXG4gICAgPEljb25cbiAgICAgIHJvbGU9XCJpbWdcIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZvbnQtc2l6ZTogJHtzaXplc1tzaXplXX07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKSA6IChcbiAgICA8PjwvPlxuICApXG59XG4iXX0= */")
|
|
27
|
+
}, rest)) : ___EmotionJSX(React.Fragment, null);
|
|
26
28
|
};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as flags from '@dfds-ui/icons/flags';
|
|
2
|
-
export declare const locales: readonly ["en", "nl-BE", "bg-BG", "pt-BR", "en-CA", "zh-CN", "cs-CZ", "da-DK", "et-EE", "fi-FI", "fr-BE", "fr-FR", "de-DE", "hu-HU", "it-IT", "ja-JP", "lv-LV", "lt-LT", "nl-NL", "nb-NO", "pl-PL", "ro-RO", "ru-RU", "sk-SK", "ko-KR", "es-ES", "sv-SE", "tr-TR", "en-GB", "en-US"];
|
|
2
|
+
export declare const locales: readonly ["en", "nl-BE", "bg-BG", "pt-BR", "en-CA", "zh-CN", "cs-CZ", "da-DK", "et-EE", "fi-FI", "fr-BE", "fr-FR", "fr-MA", "de-DE", "hu-HU", "it-IT", "ja-JP", "lv-LV", "lt-LT", "nl-NL", "nb-NO", "pl-PL", "ro-RO", "ru-RU", "sk-SK", "ko-KR", "es-ES", "sv-SE", "tr-TR", "en-GB", "en-US"];
|
|
3
3
|
export declare type Locale = typeof locales[number];
|
|
4
|
+
export declare const fallbackLocale: Locale;
|
|
4
5
|
export declare type LocaleInfo = {
|
|
5
6
|
/**
|
|
6
7
|
* Name of the country
|
package/localization/locales.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export var locales = ['en', 'nl-BE', 'bg-BG', 'pt-BR', 'en-CA', 'zh-CN', 'cs-CZ', 'da-DK', 'et-EE', 'fi-FI', 'fr-BE', 'fr-FR', 'de-DE', 'hu-HU', 'it-IT', 'ja-JP', 'lv-LV', 'lt-LT', 'nl-NL', 'nb-NO', 'pl-PL', 'ro-RO', 'ru-RU', 'sk-SK', 'ko-KR', 'es-ES', 'sv-SE', 'tr-TR', 'en-GB', 'en-US'];
|
|
1
|
+
export var locales = ['en', 'nl-BE', 'bg-BG', 'pt-BR', 'en-CA', 'zh-CN', 'cs-CZ', 'da-DK', 'et-EE', 'fi-FI', 'fr-BE', 'fr-FR', 'fr-MA', 'de-DE', 'hu-HU', 'it-IT', 'ja-JP', 'lv-LV', 'lt-LT', 'nl-NL', 'nb-NO', 'pl-PL', 'ro-RO', 'ru-RU', 'sk-SK', 'ko-KR', 'es-ES', 'sv-SE', 'tr-TR', 'en-GB', 'en-US'];
|
|
2
|
+
export var fallbackLocale = 'en';
|
|
2
3
|
export var localeData = {
|
|
3
4
|
en: {
|
|
4
5
|
name: 'International',
|
|
@@ -80,6 +81,13 @@ export var localeData = {
|
|
|
80
81
|
nativeName: 'France',
|
|
81
82
|
flagIcon: 'FlagFr'
|
|
82
83
|
},
|
|
84
|
+
'fr-MA': {
|
|
85
|
+
name: 'Morocco',
|
|
86
|
+
callingCode: '+212',
|
|
87
|
+
callingTrunkPrefix: '0',
|
|
88
|
+
nativeName: 'Maroc - Français',
|
|
89
|
+
flagIcon: 'FlagMa'
|
|
90
|
+
},
|
|
83
91
|
'de-DE': {
|
|
84
92
|
name: 'Germany',
|
|
85
93
|
callingCode: '+49',
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Shared react components within DFDS",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "2.0.20-alpha.
|
|
6
|
+
"version": "2.0.20-alpha.22bf1379",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
"react-select": "^4.0.0"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@dfds-ui/colors": "2.0.20-alpha.
|
|
22
|
-
"@dfds-ui/fonts": "2.0.20-alpha.
|
|
23
|
-
"@dfds-ui/hooks": "2.0.20-alpha.
|
|
24
|
-
"@dfds-ui/icons": "2.0.20-alpha.
|
|
25
|
-
"@dfds-ui/spacing": "2.0.20-alpha.
|
|
26
|
-
"@dfds-ui/theme": "2.0.20-alpha.
|
|
27
|
-
"@dfds-ui/typography": "2.0.20-alpha.
|
|
21
|
+
"@dfds-ui/colors": "2.0.20-alpha.22bf1379",
|
|
22
|
+
"@dfds-ui/fonts": "2.0.20-alpha.22bf1379",
|
|
23
|
+
"@dfds-ui/hooks": "2.0.20-alpha.22bf1379",
|
|
24
|
+
"@dfds-ui/icons": "2.0.20-alpha.22bf1379",
|
|
25
|
+
"@dfds-ui/spacing": "2.0.20-alpha.22bf1379",
|
|
26
|
+
"@dfds-ui/theme": "2.0.20-alpha.22bf1379",
|
|
27
|
+
"@dfds-ui/typography": "2.0.20-alpha.22bf1379",
|
|
28
28
|
"@kunukn/react-collapse": "^2.2.9",
|
|
29
29
|
"@mui/base": "^5.0.0-alpha.102",
|
|
30
30
|
"@mui/material": "^5.10.10",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"react-hook-intersection-observer": "^0.1.0",
|
|
37
37
|
"uuid": "^9.0.0"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "22bf1379fc3e1b5aa46ee04a4dd88f32eda9fba9",
|
|
40
40
|
"publishConfig": {
|
|
41
41
|
"access": "public"
|
|
42
42
|
}
|