@typeolymp/ui-components 1.19.7 → 1.19.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/build/components/atoms/Icon/index.d.ts +1 -1
- package/build/components/organisms/Chart/index.d.ts +1 -0
- package/build/index.d.ts +3 -3
- package/build/index.es.js +2 -1
- package/build/index.es.js.map +1 -1
- package/build/index.js +29 -28
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -3589,6 +3589,7 @@ var icons = {
|
|
|
3589
3589
|
dotsVertical: (jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("circle", { cx: 12, cy: 4.2, r: 1.9 }), jsxRuntime.jsx("circle", { cx: 12, cy: 12, r: 1.9 }), jsxRuntime.jsx("path", { d: "M12 17.8c-1.1 0-1.9.9-1.9 1.9 0 1.1.9 1.9 1.9 1.9s1.9-.9 1.9-1.9c0-1-.8-1.9-1.9-1.9z" })] })),
|
|
3590
3590
|
dotsHorizontal: (jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("circle", { cx: 4.2, cy: 12, r: 1.9 }), jsxRuntime.jsx("circle", { cx: 12, cy: 12, r: 1.9 }), jsxRuntime.jsx("path", { d: "M17.8 12c0 1.1.9 1.9 1.9 1.9 1.1 0 1.9-.9 1.9-1.9s-.9-1.9-1.9-1.9c-1 0-1.9.8-1.9 1.9z" })] })),
|
|
3591
3591
|
bell: (jsxRuntime.jsx("path", { d: "M13.6 1.8c0-.4-.2-.8-.5-1.1-.3-.3-.7-.5-1.1-.5-.9 0-1.6.7-1.6 1.6v.4c-3.7.8-6.3 4-6.3 7.8v2.9c0 1.6-.6 3.1-1.7 4.2l-.4.2c-.6.6-.9 1.4-.9 2.2v1c0 .8.6 1.4 1.4 1.4h6.3c.2 1.1 1.2 1.9 2.4 1.9h1.6c.7 0 1.3-.3 1.7-.7.3-.3.6-.8.7-1.2h6.3c.7 0 1.4-.6 1.4-1.4v-1c0-.8-.3-1.6-.9-2.2l-.3-.3c-1.1-1.1-1.7-2.6-1.7-4.2V9.9c0-3.8-2.7-7.1-6.4-7.9v-.2z" })),
|
|
3592
|
+
bin: (jsxRuntime.jsx("path", { d: "M4.3 7.2h15.5v.2c-.1 1.4-.2 2.7-.3 4.1-.1 1.3-.2 2.7-.3 4-.1 1.6-.2 3.1-.4 4.7 0 .6-.1 1.1-.1 1.7-.2 1.1-1.3 2.1-2.5 2.1H7.9c-1.2 0-2.4-1.1-2.5-2.3-.1-1.6-.3-3.2-.4-4.9-.1-1.7-.3-3.4-.4-5.2-.1-1.4-.2-2.9-.3-4.4zm7.1 8.4v4.5c0 .4.3.7.7.7.4 0 .6-.3.6-.7v-8.9-.2c-.1-.3-.3-.5-.6-.5-.4 0-.7.3-.7.7v4.4zm4.5 0v-1.1-3.4c0-.4-.3-.7-.7-.7-.4 0-.6.3-.6.7v9.1c0 .3.2.5.5.6.4.1.8-.2.8-.7v-4.5zm-7.8 0v4.6c0 .3.3.6.6.6.4 0 .7-.3.7-.7v-8.9-.2c0-.4-.3-.6-.7-.6-.4 0-.6.3-.6.7v4.5zM15.7 3.3h3.5c1.1 0 1.9.7 2.1 1.8v.4c0 .2-.2.4-.4.5H3.2h-.1c-.3 0-.5-.2-.5-.5 0-1.2.9-2 2.2-2.1h3.5v-.7c0-1.6 1-2.7 2.5-2.7h2.6c1.3.1 2.2 1.2 2.3 2.4v.9zm-5.5 0h3.6v-.8c0-.3-.2-.5-.6-.5h-2.5c-.3 0-.5.2-.6.5.1.2.1.5.1.8z" })),
|
|
3592
3593
|
};
|
|
3593
3594
|
var Icon = function (props) { return (jsxRuntime.jsx(Wrapper$a, __assign$2({}, props, { children: jsxRuntime.jsx("svg", __assign$2({ viewBox: "0 0 24 24", fill: "none" }, { children: icons[props.type] })) }))); };
|
|
3594
3595
|
|
|
@@ -47424,31 +47425,31 @@ var locale = {
|
|
|
47424
47425
|
};
|
|
47425
47426
|
var nl = locale;
|
|
47426
47427
|
|
|
47427
|
-
|
|
47428
|
+
exports.ChartPeriod = void 0;
|
|
47428
47429
|
(function (Period) {
|
|
47429
47430
|
Period["TODAY"] = "today";
|
|
47430
47431
|
Period["LAST_7_DAYS"] = "7d";
|
|
47431
47432
|
Period["LAST_30_DAYS"] = "30d";
|
|
47432
47433
|
Period["LAST_3_MONTHS"] = "90d";
|
|
47433
47434
|
Period["LAST_12_MONTHS"] = "1y";
|
|
47434
|
-
})(
|
|
47435
|
+
})(exports.ChartPeriod || (exports.ChartPeriod = {}));
|
|
47435
47436
|
|
|
47436
47437
|
var getInterval = function (period) {
|
|
47437
47438
|
var start = undefined;
|
|
47438
47439
|
switch (period) {
|
|
47439
|
-
case
|
|
47440
|
+
case exports.ChartPeriod.TODAY:
|
|
47440
47441
|
start = startOfToday();
|
|
47441
47442
|
break;
|
|
47442
|
-
case
|
|
47443
|
+
case exports.ChartPeriod.LAST_7_DAYS:
|
|
47443
47444
|
start = startOfDay(subDays(new Date(), 7));
|
|
47444
47445
|
break;
|
|
47445
|
-
case
|
|
47446
|
+
case exports.ChartPeriod.LAST_30_DAYS:
|
|
47446
47447
|
start = startOfDay(subDays(new Date(), 30));
|
|
47447
47448
|
break;
|
|
47448
|
-
case
|
|
47449
|
+
case exports.ChartPeriod.LAST_3_MONTHS:
|
|
47449
47450
|
start = startOfMonth(subMonths(new Date(), 3));
|
|
47450
47451
|
break;
|
|
47451
|
-
case
|
|
47452
|
+
case exports.ChartPeriod.LAST_12_MONTHS:
|
|
47452
47453
|
start = startOfMonth(subYears(new Date(), 1));
|
|
47453
47454
|
break;
|
|
47454
47455
|
}
|
|
@@ -47469,17 +47470,17 @@ var prepareData = function (period, results) {
|
|
|
47469
47470
|
var intervals = undefined;
|
|
47470
47471
|
var resultsByInterval = undefined;
|
|
47471
47472
|
switch (period) {
|
|
47472
|
-
case
|
|
47473
|
+
case exports.ChartPeriod.TODAY:
|
|
47473
47474
|
intervals = eachHourOfInterval({ start: start, end: end });
|
|
47474
47475
|
resultsByInterval = groupByIntervals(intervals, results);
|
|
47475
47476
|
break;
|
|
47476
|
-
case
|
|
47477
|
-
case
|
|
47477
|
+
case exports.ChartPeriod.LAST_7_DAYS:
|
|
47478
|
+
case exports.ChartPeriod.LAST_30_DAYS:
|
|
47478
47479
|
intervals = eachDayOfInterval({ start: start, end: end });
|
|
47479
47480
|
resultsByInterval = groupByIntervals(intervals, results);
|
|
47480
47481
|
break;
|
|
47481
|
-
case
|
|
47482
|
-
case
|
|
47482
|
+
case exports.ChartPeriod.LAST_3_MONTHS:
|
|
47483
|
+
case exports.ChartPeriod.LAST_12_MONTHS:
|
|
47483
47484
|
intervals = eachMonthOfInterval({ start: start, end: end });
|
|
47484
47485
|
resultsByInterval = groupByIntervals(intervals, results);
|
|
47485
47486
|
break;
|
|
@@ -47496,13 +47497,13 @@ var tickFormatter = function (value, period, locale) {
|
|
|
47496
47497
|
locale: dateFnsLocales[locale],
|
|
47497
47498
|
};
|
|
47498
47499
|
switch (period) {
|
|
47499
|
-
case
|
|
47500
|
+
case exports.ChartPeriod.TODAY:
|
|
47500
47501
|
return format$1(fromUnixTime(value), "HH:00", options);
|
|
47501
|
-
case
|
|
47502
|
-
case
|
|
47502
|
+
case exports.ChartPeriod.LAST_7_DAYS:
|
|
47503
|
+
case exports.ChartPeriod.LAST_30_DAYS:
|
|
47503
47504
|
return format$1(fromUnixTime(value), "d-M", options);
|
|
47504
|
-
case
|
|
47505
|
-
case
|
|
47505
|
+
case exports.ChartPeriod.LAST_3_MONTHS:
|
|
47506
|
+
case exports.ChartPeriod.LAST_12_MONTHS:
|
|
47506
47507
|
return format$1(fromUnixTime(value), "MMM", options);
|
|
47507
47508
|
}
|
|
47508
47509
|
};
|
|
@@ -47572,17 +47573,17 @@ var Tooltip = function (_a) {
|
|
|
47572
47573
|
locale: dateFnsLocales[locale],
|
|
47573
47574
|
};
|
|
47574
47575
|
switch (period) {
|
|
47575
|
-
case
|
|
47576
|
+
case exports.ChartPeriod.TODAY:
|
|
47576
47577
|
return "".concat(format$1(fromUnixTime(label), "HH:00", options), " - ").concat(format$1(fromUnixTime(label + 3600), "HH:00", options));
|
|
47577
|
-
case
|
|
47578
|
-
case
|
|
47578
|
+
case exports.ChartPeriod.LAST_7_DAYS:
|
|
47579
|
+
case exports.ChartPeriod.LAST_30_DAYS:
|
|
47579
47580
|
var formats = (_b = {},
|
|
47580
47581
|
_b[enums.Locale.NL_NL] = "iiii, d MMMM",
|
|
47581
47582
|
_b[enums.Locale.NL_BE] = "iiii, d MMMM",
|
|
47582
47583
|
_b);
|
|
47583
47584
|
return "".concat(format$1(fromUnixTime(label), formats[locale], options));
|
|
47584
|
-
case
|
|
47585
|
-
case
|
|
47585
|
+
case exports.ChartPeriod.LAST_3_MONTHS:
|
|
47586
|
+
case exports.ChartPeriod.LAST_12_MONTHS:
|
|
47586
47587
|
return "".concat(format$1(fromUnixTime(label), "MMMM", options));
|
|
47587
47588
|
}
|
|
47588
47589
|
};
|
|
@@ -47739,17 +47740,17 @@ var TimeChart = function (_a) {
|
|
|
47739
47740
|
};
|
|
47740
47741
|
|
|
47741
47742
|
var Chart = function (_a) {
|
|
47742
|
-
var type = _a.type, locale = _a.locale, exerciseResults = _a.exerciseResults, _b = _a.defaultPeriod, defaultPeriod = _b === void 0 ?
|
|
47743
|
+
var type = _a.type, locale = _a.locale, exerciseResults = _a.exerciseResults, _b = _a.defaultPeriod, defaultPeriod = _b === void 0 ? exports.ChartPeriod.TODAY : _b, onChangePeriod = _a.onChangePeriod, nExercisesInCourse = _a.nExercisesInCourse;
|
|
47743
47744
|
var _c = React$3.useState(defaultPeriod), period = _c[0], setPeriod = _c[1];
|
|
47744
47745
|
React$3.useEffect(function () {
|
|
47745
47746
|
setPeriod(defaultPeriod);
|
|
47746
47747
|
}, [defaultPeriod]);
|
|
47747
47748
|
var periods = [
|
|
47748
|
-
{ value:
|
|
47749
|
-
{ value:
|
|
47750
|
-
{ value:
|
|
47751
|
-
{ value:
|
|
47752
|
-
{ value:
|
|
47749
|
+
{ value: exports.ChartPeriod.TODAY, label: translations[locale]["Today"] },
|
|
47750
|
+
{ value: exports.ChartPeriod.LAST_7_DAYS, label: translations[locale]["Last 7 days"] },
|
|
47751
|
+
{ value: exports.ChartPeriod.LAST_30_DAYS, label: translations[locale]["Last 30 days"] },
|
|
47752
|
+
{ value: exports.ChartPeriod.LAST_3_MONTHS, label: translations[locale]["Last 3 months"] },
|
|
47753
|
+
{ value: exports.ChartPeriod.LAST_12_MONTHS, label: translations[locale]["Last 12 months"] },
|
|
47753
47754
|
];
|
|
47754
47755
|
var titles = {
|
|
47755
47756
|
accuracy: translations[locale]["Accuracy"],
|