@typeolymp/ui-components 1.18.0 → 1.18.2

package/build/index.js

@@ -47390,16 +47390,7 @@ var Period;
     Period["LAST_30_DAYS"] = "30d";
     Period["LAST_3_MONTHS"] = "90d";
     Period["LAST_12_MONTHS"] = "1y";
-})(Period || (Period = {}));
-var ChartType;
-(function (ChartType) {
-    ChartType["ACCURACY"] = "accuracy";
-    ChartType["RESULTS"] = "results";
-    ChartType["HITS"] = "hits";
-    ChartType["SPEED"] = "speed";
-    ChartType["PROGRESS"] = "progress";
-    ChartType["TIME"] = "time";
-})(ChartType || (ChartType = {}));
+})(Period || (Period = {}));
 
 var getInterval = function (period) {
     var start = undefined;
@@ -47666,8 +47657,8 @@ var ProgressChart = function (_a) {
             return parseISO(date) >= start;
         });
         var _a = prepareData(period, passedExercisesAfterStart), resultsByInterval = _a.resultsByInterval, xAxisTicks = _a.xAxisTicks;
-        var count = passedExercisesBeforeStart.length;
         setData(function () {
+            var count = passedExercisesBeforeStart.length;
             return resultsByInterval.map(function (exercises, index) {
                 count += exercises.length;
                 var progress = Math.floor(100 / (nExercisesInCourse / count));
@@ -47725,11 +47716,7 @@ var Chart = function (_a) {
         time: translations[locale]["Time practised"],
     };
     var renderChart = function () {
-        var props = {
-            exerciseResults: exerciseResults,
-            locale: locale,
-            period: period,
-        };
+        var props = { exerciseResults: exerciseResults, locale: locale, period: period };
         switch (type) {
             case "accuracy":
                 return jsxRuntime.jsx(AccuracyChart, __assign$2({}, props));
@@ -47750,10 +47737,11 @@ var Chart = function (_a) {
                     alignItems: "baseline",
                     justifyContent: "space-between",
                     marginBottom: 10,
-                } }, { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h3" }, { children: titles[type] })), jsxRuntime.jsx("div", __assign$2({ style: { paddingRight: 10 } }, { children: jsxRuntime.jsx(Select, __assign$2({ defaultValue: period, onChange: function (value) { return setPeriod(value); }, id: "period", name: "period" }, { children: periods.map(function (_a) {
-                                var value = _a.value, label = _a.label;
-                                return (jsxRuntime.jsx("option", __assign$2({ value: value }, { children: label }), value));
-                            }) })) }))] })), renderChart()] }));
+                    paddingRight: 15,
+                } }, { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h3" }, { children: titles[type] })), jsxRuntime.jsx(Select, __assign$2({ defaultValue: period, onChange: function (value) { return setPeriod(value); }, id: "period", name: "period" }, { children: periods.map(function (_a) {
+                            var value = _a.value, label = _a.label;
+                            return (jsxRuntime.jsx("option", __assign$2({ value: value }, { children: label }), value));
+                        }) }))] })), renderChart()] }));
 };
 
 var StyledTextarea = styled__default["default"].textarea(templateObject_1$a || (templateObject_1$a = __makeTemplateObject$1(["\n  width: 100%;\n  min-width: 228px;\n  min-height: 50px;\n  background-color: ", ";\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n  box-sizing: border-box;\n  border-radius: 4px;\n  padding: 13px 15px;\n  cursor: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: 500;\n  font-style: normal;\n  line-height: ", ";\n  color: ", ";\n  resize: vertical;\n\n  ::placeholder {\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    font-style: normal;\n    line-height: ", ";\n    color: ", ";\n  }\n\n  ::-webkit-calendar-picker-indicator {\n    display: none;\n  }\n\n  :focus {\n    outline: 0;\n    border-color: ", ";\n    box-shadow: ", ";\n  }\n"], ["\n  width: 100%;\n  min-width: 228px;\n  min-height: 50px;\n  background-color: ", ";\n  border-width: 1px;\n  border-style: solid;\n  border-color: ", ";\n  box-sizing: border-box;\n  border-radius: 4px;\n  padding: 13px 15px;\n  cursor: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: 500;\n  font-style: normal;\n  line-height: ", ";\n  color: ", ";\n  resize: vertical;\n\n  ::placeholder {\n    font-family: ", ";\n    font-size: ", ";\n    font-weight: 500;\n    font-style: normal;\n    line-height: ", ";\n    color: ", ";\n  }\n\n  ::-webkit-calendar-picker-indicator {\n    display: none;\n  }\n\n  :focus {\n    outline: 0;\n    border-color: ", ";\n    box-shadow: ", ";\n  }\n"])), function (_a) {