@typeolymp/ui-components 1.9.11 → 1.9.13

package/build/index.js

@@ -404,15 +404,240 @@ var Wrapper$9 = styled__default["default"].div(templateObject_1$L || (templateOb
 });
 var templateObject_1$L;
 
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
 var parsers = {};
 
+var enums = {};
+
+var AchievementType$1 = {};
+
+Object.defineProperty(AchievementType$1, "__esModule", { value: true });
+var AchievementType;
+(function (AchievementType) {
+    AchievementType["PRACTICE_TIME"] = "practiceTime";
+    AchievementType["PRACTICE_STREAK"] = "practiceStreak";
+    AchievementType["MEDALS"] = "medals";
+})(AchievementType || (AchievementType = {}));
+AchievementType$1.default = AchievementType;
+
+var ChartDataType$1 = {};
+
+Object.defineProperty(ChartDataType$1, "__esModule", { value: true });
+var ChartDataType;
+(function (ChartDataType) {
+    ChartDataType["PROGRESS"] = "progress";
+    ChartDataType["TIME_PRACTISED"] = "timePractised";
+    ChartDataType["RESULTS"] = "results";
+    ChartDataType["HITS"] = "hits";
+    ChartDataType["KPM"] = "kpm";
+    ChartDataType["ACCURACY"] = "accuracy";
+})(ChartDataType || (ChartDataType = {}));
+ChartDataType$1.default = ChartDataType;
+
+var Color$1 = {};
+
+Object.defineProperty(Color$1, "__esModule", { value: true });
+var Color;
+(function (Color) {
+    Color["RED"] = "red";
+    Color["YELLOW"] = "yellow";
+    Color["BLUE"] = "blue";
+    Color["GREEN"] = "green";
+    Color["PURPLE"] = "purple";
+    Color["PINK"] = "pink";
+    Color["ORANGE"] = "orange";
+    Color["DARK_GRAY"] = "darkGray";
+    Color["LIGHT_GRAY"] = "lightGray";
+})(Color || (Color = {}));
+Color$1.default = Color;
+
+var CourseTranslation$1 = {};
+
+Object.defineProperty(CourseTranslation$1, "__esModule", { value: true });
+var CourseTranslation;
+(function (CourseTranslation) {
+    CourseTranslation["NL_NL"] = "nl-NL";
+    //   EN_GB = "en-GB",
+})(CourseTranslation || (CourseTranslation = {}));
+CourseTranslation$1.default = CourseTranslation;
+
+var Currency$1 = {};
+
+Object.defineProperty(Currency$1, "__esModule", { value: true });
+var Currency;
+(function (Currency) {
+    Currency["EUR"] = "EUR";
+    Currency["GBP"] = "GBP";
+    Currency["USD"] = "USD";
+})(Currency || (Currency = {}));
+Currency$1.default = Currency;
+
+var ExerciseType$1 = {};
+
+Object.defineProperty(ExerciseType$1, "__esModule", { value: true });
+var ExerciseType;
+(function (ExerciseType) {
+    ExerciseType["KEYS"] = "keys";
+    ExerciseType["DRILLS"] = "drills";
+    ExerciseType["WORDS"] = "words";
+    ExerciseType["TEXT"] = "text";
+})(ExerciseType || (ExerciseType = {}));
+ExerciseType$1.default = ExerciseType;
+
+var KeyboardLayout$1 = {};
+
+Object.defineProperty(KeyboardLayout$1, "__esModule", { value: true });
+var KeyboardLayout;
+(function (KeyboardLayout) {
+    KeyboardLayout["QWERTY_NL"] = "qwerty-nl";
+    // QWERTY_UK = "qwerty-uk",
+    // QWERTY_US = "qwerty-us",
+    // QWERTY_TR = "qwerty-tr",
+    KeyboardLayout["AZERTY_BE"] = "azerty-be";
+    // AZERTY_FR = "azerty-fr",
+    // QWERTZ_DE = "qwertz-de",
+})(KeyboardLayout || (KeyboardLayout = {}));
+KeyboardLayout$1.default = KeyboardLayout;
+
+var Locale$1 = {};
+
+Object.defineProperty(Locale$1, "__esModule", { value: true });
+var Locale;
+(function (Locale) {
+    Locale["NL_NL"] = "nl-NL";
+    Locale["NL_BE"] = "nl-BE";
+    // EN_GB = "en-GB",
+    // FR_FR = "fr-FR",
+    // FR_BE = "fr-BE",
+    // DE_DE = "de-DE",
+})(Locale || (Locale = {}));
+Locale$1.default = Locale;
+
+var Medal$2 = {};
+
+Object.defineProperty(Medal$2, "__esModule", { value: true });
+var Medal$1;
+(function (Medal) {
+    Medal["GOLD"] = "gold";
+    Medal["SILVER"] = "silver";
+    Medal["BRONZE"] = "bronze";
+})(Medal$1 || (Medal$1 = {}));
+Medal$2.default = Medal$1;
+
+var PaymentStatus$1 = {};
+
+Object.defineProperty(PaymentStatus$1, "__esModule", { value: true });
+var PaymentStatus;
+(function (PaymentStatus) {
+    PaymentStatus["OPEN"] = "open";
+    PaymentStatus["PAID"] = "paid";
+})(PaymentStatus || (PaymentStatus = {}));
+PaymentStatus$1.default = PaymentStatus;
+
+var PaymentType$1 = {};
+
+Object.defineProperty(PaymentType$1, "__esModule", { value: true });
+var PaymentType;
+(function (PaymentType) {
+    PaymentType["REGISTRATION"] = "registration";
+    PaymentType["UPGRADE"] = "upgrade";
+})(PaymentType || (PaymentType = {}));
+PaymentType$1.default = PaymentType;
+
+var Plan$1 = {};
+
+Object.defineProperty(Plan$1, "__esModule", { value: true });
+var Plan;
+(function (Plan) {
+    Plan["HOBBY"] = "hobby";
+    Plan["PROFESSIONAL"] = "professional";
+})(Plan || (Plan = {}));
+Plan$1.default = Plan;
+
+var RankingType$1 = {};
+
+Object.defineProperty(RankingType$1, "__esModule", { value: true });
+var RankingType;
+(function (RankingType) {
+    RankingType["SPEED"] = "speed";
+    RankingType["ACCURACY"] = "accuracy";
+    RankingType["EXERCISES"] = "exercises";
+})(RankingType || (RankingType = {}));
+RankingType$1.default = RankingType;
+
+var Role$1 = {};
+
+Object.defineProperty(Role$1, "__esModule", { value: true });
+var Role;
+(function (Role) {
+    Role["ADMIN"] = "admin";
+    Role["STUDENT"] = "student";
+})(Role || (Role = {}));
+Role$1.default = Role;
+
+var TextTopic$1 = {};
+
+Object.defineProperty(TextTopic$1, "__esModule", { value: true });
+var TextTopic;
+(function (TextTopic) {
+    TextTopic["SPORT"] = "sport";
+    TextTopic["MUSIC"] = "music";
+    TextTopic["TECHNIC"] = "technic";
+    TextTopic["MOVIES"] = "movies";
+    TextTopic["NATURE"] = "nature";
+    TextTopic["HISTORY"] = "history";
+    TextTopic["ART"] = "art";
+    TextTopic["FASHION"] = "fashion";
+    TextTopic["OTHER"] = "other";
+})(TextTopic || (TextTopic = {}));
+TextTopic$1.default = TextTopic;
+
+var __importDefault = (commonjsGlobal && commonjsGlobal.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(enums, "__esModule", { value: true });
+enums.TextTopic = enums.Role = enums.RankingType = enums.Plan = enums.PaymentType = enums.PaymentStatus = enums.Medal = enums.Locale = enums.KeyboardLayout = enums.ExerciseType = enums.Currency = enums.CourseTranslation = enums.Color = enums.ChartDataType = enums.AchievementType = void 0;
+var AchievementType_1 = __importDefault(AchievementType$1);
+enums.AchievementType = AchievementType_1.default;
+var ChartDataType_1 = __importDefault(ChartDataType$1);
+enums.ChartDataType = ChartDataType_1.default;
+var Color_1 = __importDefault(Color$1);
+enums.Color = Color_1.default;
+var CourseTranslation_1 = __importDefault(CourseTranslation$1);
+enums.CourseTranslation = CourseTranslation_1.default;
+var Currency_1 = __importDefault(Currency$1);
+enums.Currency = Currency_1.default;
+var ExerciseType_1 = __importDefault(ExerciseType$1);
+enums.ExerciseType = ExerciseType_1.default;
+var KeyboardLayout_1 = __importDefault(KeyboardLayout$1);
+enums.KeyboardLayout = KeyboardLayout_1.default;
+var Locale_1 = __importDefault(Locale$1);
+enums.Locale = Locale_1.default;
+var Medal_1 = __importDefault(Medal$2);
+enums.Medal = Medal_1.default;
+var PaymentStatus_1 = __importDefault(PaymentStatus$1);
+enums.PaymentStatus = PaymentStatus_1.default;
+var PaymentType_1 = __importDefault(PaymentType$1);
+enums.PaymentType = PaymentType_1.default;
+var Plan_1 = __importDefault(Plan$1);
+enums.Plan = Plan_1.default;
+var RankingType_1 = __importDefault(RankingType$1);
+enums.RankingType = RankingType_1.default;
+var Role_1 = __importDefault(Role$1);
+enums.Role = Role_1.default;
+var TextTopic_1 = __importDefault(TextTopic$1);
+enums.TextTopic = TextTopic_1.default;
+
 Object.defineProperty(parsers, "__esModule", { value: true });
 parsers.getKeyboardLayoutByLocale = getCountryCodeByLocale_1 = parsers.getCountryCodeByLocale = parsers.getLanguageCodeByLocale = getNativeLanguageByLocale_1 = parsers.getNativeLanguageByLocale = void 0;
+var enums_1 = enums;
 var getNativeLanguageByLocale = function (locale) {
     var nativeLanguages = {
-        "en-GB": "English (UK)",
         "nl-NL": "Nederlands",
         "nl-BE": "Nederlands (BE)",
+        // "en-GB": "English (UK)",
+        // "en-US": "English (US)",
         // "fr-BE": "Français (BE)",
         // "fr-FR": "Français",
         // "de-DE": "Deutsch",
@@ -420,22 +645,19 @@ var getNativeLanguageByLocale = function (locale) {
     return nativeLanguages[locale];
 };
 var getNativeLanguageByLocale_1 = parsers.getNativeLanguageByLocale = getNativeLanguageByLocale;
-var getLanguageCodeByLocale = function (locale) {
-    return locale.split("-")[0];
-};
+var getLanguageCodeByLocale = function (locale) { return locale.split("-")[0]; };
 parsers.getLanguageCodeByLocale = getLanguageCodeByLocale;
-var getCountryCodeByLocale = function (locale) {
-    return locale.split("-")[1];
-};
+var getCountryCodeByLocale = function (locale) { return locale.split("-")[1]; };
 var getCountryCodeByLocale_1 = parsers.getCountryCodeByLocale = getCountryCodeByLocale;
 var getKeyboardLayoutByLocale = function (locale) {
     var keyboardLayouts = {
-        "en-GB": "qwerty-uk",
-        "nl-NL": "qwerty-nl",
-        "nl-BE": "azerty-be",
-        // "fr-BE": "azerty",
-        // "fr-FR": "azerty",
-        // "de-DE": "qwerty",
+        "nl-NL": enums_1.KeyboardLayout.QWERTY_NL,
+        "nl-BE": enums_1.KeyboardLayout.AZERTY_BE,
+        // "en-GB": KeyboardLayout.QWERTY_UK,
+        // "en-US": KeyboardLayout.QWERTY_US,
+        // "fr-BE": KeyboardLayout.AZERTY_FR,
+        // "fr-FR": KeyboardLayout.AZERTY_FR,
+        // "de-DE": KeyboardLayout.QWERTZ_DE,
     };
     return keyboardLayouts[locale];
 };
@@ -1406,7 +1628,7 @@ var DropdownContainer = styled__default["default"].div(templateObject_3$7 || (te
             return theme.colors.lightGray.dark;
     }
 });
-var Locale = styled__default["default"].div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 15px;\n\n  :not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n\n  > div:first-child {\n    display: flex;\n    align-items: center;\n    margin-right: 10px;\n  }\n\n  p {\n    white-space: nowrap;\n  }\n\n  :hover {\n    cursor: pointer;\n    background-color: ", ";\n\n    p {\n      color: ", ";\n    }\n    svg {\n      fill: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 15px;\n\n  :not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n\n  > div:first-child {\n    display: flex;\n    align-items: center;\n    margin-right: 10px;\n  }\n\n  p {\n    white-space: nowrap;\n  }\n\n  :hover {\n    cursor: pointer;\n    background-color: ", ";\n\n    p {\n      color: ", ";\n    }\n    svg {\n      fill: ", ";\n    }\n  }\n"])), theme.colors.lightGray.darker, theme.colors.lightGray.base, theme.colors.blue.base, theme.colors.blue.base);
+var LocaleWrapper = styled__default["default"].div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 15px;\n\n  :not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n\n  > div:first-child {\n    display: flex;\n    align-items: center;\n    margin-right: 10px;\n  }\n\n  p {\n    white-space: nowrap;\n  }\n\n  :hover {\n    cursor: pointer;\n    background-color: ", ";\n\n    p {\n      color: ", ";\n    }\n    svg {\n      fill: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 15px;\n\n  :not(:last-child) {\n    border-bottom: 1px solid ", ";\n  }\n\n  > div:first-child {\n    display: flex;\n    align-items: center;\n    margin-right: 10px;\n  }\n\n  p {\n    white-space: nowrap;\n  }\n\n  :hover {\n    cursor: pointer;\n    background-color: ", ";\n\n    p {\n      color: ", ";\n    }\n    svg {\n      fill: ", ";\n    }\n  }\n"])), theme.colors.lightGray.darker, theme.colors.lightGray.base, theme.colors.blue.base, theme.colors.blue.base);
 var templateObject_1$l, templateObject_2$h, templateObject_3$7, templateObject_4$5;
 
 var LocaleSelect = function (props) {
@@ -1418,7 +1640,7 @@ var LocaleSelect = function (props) {
     };
     return (jsxRuntime.jsxs(Container$b, __assign({ color: props.color || "light", dropdownIsVisible: dropdownIsVisible, onClick: function () { return setDropdownIsVisible(!dropdownIsVisible); }, onMouseLeave: function () { return setDropdownIsVisible(false); } }, { children: [jsxRuntime.jsxs(SelectedLocaleWrapper, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Flag, { locale: locale }), jsxRuntime.jsx(Spacer, { horizontal: 10 }), jsxRuntime.jsx(Heading, __assign({ type: "h6" }, { children: getNativeLanguageByLocale_1(locale) }))] }), dropdownIsVisible ? (jsxRuntime.jsx(Icon, { type: "chevronUp", size: "small", color: "darkGray" })) : (jsxRuntime.jsx(Icon, { type: "chevronDown", size: "small", color: "darkGray" }))] }), dropdownIsVisible && (jsxRuntime.jsx(DropdownContainer, __assign({ color: props.color || "light" }, { children: props.locales
                     .filter(function (l) { return l !== locale; })
-                    .map(function (locale) { return (jsxRuntime.jsxs(Locale, __assign({ onClick: function () { return onSelectLocale(locale); } }, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Flag, { locale: locale }), jsxRuntime.jsx(Spacer, { horizontal: 10 }), jsxRuntime.jsx(Paragraph, __assign({ size: "small", weight: "regular", color: "darkGray" }, { children: getNativeLanguageByLocale_1(locale) }))] }), jsxRuntime.jsx(Icon, { type: "chevronRight", size: "small", color: "darkGray" })] }), locale)); }) })))] })));
+                    .map(function (locale) { return (jsxRuntime.jsxs(LocaleWrapper, __assign({ onClick: function () { return onSelectLocale(locale); } }, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Flag, { locale: locale }), jsxRuntime.jsx(Spacer, { horizontal: 10 }), jsxRuntime.jsx(Paragraph, __assign({ size: "small", weight: "regular", color: "darkGray" }, { children: getNativeLanguageByLocale_1(locale) }))] }), jsxRuntime.jsx(Icon, { type: "chevronRight", size: "small", color: "darkGray" })] }), locale)); }) })))] })));
 };
 
 var Wrapper$1 = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n  width: 100%;\n  min-width: 200px;\n  display: flex;\n  justify-content: space-between;\n\n  > div {\n    display: flex;\n    align-items: center;\n  }\n"], ["\n  width: 100%;\n  min-width: 200px;\n  display: flex;\n  justify-content: space-between;\n\n  > div {\n    display: flex;\n    align-items: center;\n  }\n"])));
@@ -1481,24 +1703,17 @@ var isValidEmail = function (email) {
 };
 exports.isValidEmail = isValidEmail;
 var isValidUsername = function (username) {
-    if (username.length > 5 &&
+    return username.length > 5 &&
         username.length <= 15 &&
         username.indexOf(" ") < 0 &&
-        !(0, exports.isValidEmail)(username)) {
-        return true;
-    }
-    else {
-        return false;
-    }
+        !(0, exports.isValidEmail)(username);
 };
 exports.isValidUsername = isValidUsername;
 var isStrongPassword = function (password) {
     return password.length >= 8 &&
         (0, exports.hasNumber)(password) &&
         (0, exports.hasSpecialCharacter)(password) &&
-        (0, exports.hasCapitalLetter)(password)
-        ? true
-        : false;
+        (0, exports.hasCapitalLetter)(password);
 };
 exports.isStrongPassword = isStrongPassword;
 }(expressions));
@@ -1526,12 +1741,12 @@ var translations = {
         specialCharacter: "Minimaal 1 leesteken",
         length: "Minimaal 8 karakters",
     },
-    "en-GB": {
-        capitalLetter: "At least 1 capital letter",
-        number: "At least 1 number",
-        specialCharacter: "At least 1 special character",
-        length: "At least 8 characters",
-    },
+    // "en-GB": {
+    //   capitalLetter: "At least 1 capital letter",
+    //   number: "At least 1 number",
+    //   specialCharacter: "At least 1 special character",
+    //   length: "At least 8 characters",
+    // },
     // "fr-FR": {
     //   capitalLetter: "Au moins une lettre majuscule",
     //   number: "Au moins un chiffre",