@typeolymp/ui-components 2.2.6 → 2.2.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/organisms/Chart/index.d.ts +2 -0
- package/build/components/organisms/Chart/stories.d.ts +3 -0
- package/build/components/organisms/Keyboard/ISANSI/index.d.ts +17 -0
- package/build/components/organisms/Keyboard/ISANSI/styles.d.ts +7 -0
- package/build/components/organisms/Keyboard/ISO/index.d.ts +17 -0
- package/build/components/organisms/Keyboard/ISO/styles.d.ts +7 -0
- package/build/components/organisms/Keyboard/index.d.ts +2 -1
- package/build/components/organisms/Keyboard/stories.d.ts +1 -0
- package/build/index.es.js +525 -301
- package/build/index.es.js.map +1 -1
- package/build/index.js +525 -301
- package/build/index.js.map +1 -1
- package/package.json +2 -2
package/build/index.js
CHANGED
|
@@ -3463,14 +3463,14 @@ Object.defineProperty(BeatLoader, "__esModule", { value: true });
|
|
|
3463
3463
|
var React$2 = __importStar$2(React__default["default"]);
|
|
3464
3464
|
var react_1 = require$$1;
|
|
3465
3465
|
var helpers_1 = helpers$1;
|
|
3466
|
-
var beat = react_1.keyframes(templateObject_1$
|
|
3466
|
+
var beat = react_1.keyframes(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n 50% {transform: scale(0.75);opacity: 0.2}\n 100% {transform: scale(1);opacity: 1}\n"], ["\n 50% {transform: scale(0.75);opacity: 0.2}\n 100% {transform: scale(1);opacity: 1}\n"])));
|
|
3467
3467
|
var Loader = /** @class */ (function (_super) {
|
|
3468
3468
|
__extends$2(Loader, _super);
|
|
3469
3469
|
function Loader() {
|
|
3470
3470
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
3471
3471
|
_this.style = function (i) {
|
|
3472
3472
|
var _a = _this.props, color = _a.color, size = _a.size, margin = _a.margin, speedMultiplier = _a.speedMultiplier;
|
|
3473
|
-
return react_1.css(templateObject_2$
|
|
3473
|
+
return react_1.css(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n display: inline-block;\n background-color: ", ";\n width: ", ";\n height: ", ";\n margin: ", ";\n border-radius: 100%;\n animation: ", " ", "s ", "\n infinite linear;\n animation-fill-mode: both;\n "], ["\n display: inline-block;\n background-color: ", ";\n width: ", ";\n height: ", ";\n margin: ", ";\n border-radius: 100%;\n animation: ", " ", "s ", "\n infinite linear;\n animation-fill-mode: both;\n "])), color, helpers_1.cssValue(size), helpers_1.cssValue(size), helpers_1.cssValue(margin), beat, 0.7 / speedMultiplier, i % 2 ? "0s" : 0.35 / speedMultiplier + "s");
|
|
3474
3474
|
};
|
|
3475
3475
|
return _this;
|
|
3476
3476
|
}
|
|
@@ -3485,9 +3485,9 @@ var Loader = /** @class */ (function (_super) {
|
|
|
3485
3485
|
return Loader;
|
|
3486
3486
|
}(React$2.PureComponent));
|
|
3487
3487
|
var _default$1 = BeatLoader.default = Loader;
|
|
3488
|
-
var templateObject_1$
|
|
3488
|
+
var templateObject_1$X, templateObject_2$D;
|
|
3489
3489
|
|
|
3490
|
-
var Wrapper$a = styled__default["default"].div(templateObject_1$
|
|
3490
|
+
var Wrapper$a = styled__default["default"].div(templateObject_1$W || (templateObject_1$W = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n\n > svg {\n fill: ", ";\n\n :hover {\n cursor: ", ";\n fill: ", ";\n }\n }\n"], ["\n width: ", ";\n height: ", ";\n\n > svg {\n fill: ", ";\n\n :hover {\n cursor: ", ";\n fill: ", ";\n }\n }\n"])), function (_a) {
|
|
3491
3491
|
var size = _a.size;
|
|
3492
3492
|
return theme.icon[size] || theme.icon.medium;
|
|
3493
3493
|
}, function (_a) {
|
|
@@ -3545,7 +3545,7 @@ var Wrapper$a = styled__default["default"].div(templateObject_1$V || (templateOb
|
|
|
3545
3545
|
return theme.colors.lightGray.base;
|
|
3546
3546
|
}
|
|
3547
3547
|
});
|
|
3548
|
-
var templateObject_1$
|
|
3548
|
+
var templateObject_1$W;
|
|
3549
3549
|
|
|
3550
3550
|
var icons = {
|
|
3551
3551
|
check: (jsxRuntime.jsx("path", { d: "M16.6107 6.5626L10.0247 13.1623L7.43866 10.5709C6.9365 10.0499 6.19289 9.841 5.49363 10.0244C4.79436 10.2078 4.24826 10.7551 4.06523 11.4558C3.8822 12.1565 4.09071 12.9017 4.61063 13.4049L8.61067 17.4132C9.39168 18.1956 10.6577 18.1956 11.4387 17.4132L19.4388 9.3965C20.1967 8.6101 20.1859 7.36009 19.4144 6.58701C18.6429 5.81393 17.3955 5.80307 16.6107 6.5626Z" })),
|
|
@@ -3598,7 +3598,7 @@ var icons = {
|
|
|
3598
3598
|
};
|
|
3599
3599
|
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] })) }))); };
|
|
3600
3600
|
|
|
3601
|
-
var StyledButton = styled__default["default"].button(templateObject_1$
|
|
3601
|
+
var StyledButton = styled__default["default"].button(templateObject_1$V || (templateObject_1$V = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 13px 20px 16px;\n background-color: ", ";\n box-shadow: ", ";\n\n border: ", ";\n border-radius: 6px;\n box-sizing: border-box;\n text-decoration: none;\n cursor: pointer;\n\n svg {\n pointer-events: none;\n }\n\n span {\n color: ", ";\n font-family: ", ";\n font-style: normal;\n font-weight: bold;\n font-size: ", ";\n }\n\n :hover {\n opacity: ", ";\n background-color: ", ";\n }\n\n :active {\n position: relative;\n top: 3px;\n margin-bottom: 3px;\n box-shadow: none;\n height: ", "\n"], ["\n width: ", ";\n height: ", ";\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 13px 20px 16px;\n background-color: ", ";\n box-shadow: ", ";\n\n border: ", ";\n border-radius: 6px;\n box-sizing: border-box;\n text-decoration: none;\n cursor: pointer;\n\n svg {\n pointer-events: none;\n }\n\n span {\n color: ", ";\n font-family: ", ";\n font-style: normal;\n font-weight: bold;\n font-size: ", ";\n }\n\n :hover {\n opacity: ", ";\n background-color: ", ";\n }\n\n :active {\n position: relative;\n top: 3px;\n margin-bottom: 3px;\n box-shadow: none;\n height: ", "\n"])), function (_a) {
|
|
3602
3602
|
var fluid = _a.fluid;
|
|
3603
3603
|
return (fluid ? "100%" : "fit-content");
|
|
3604
3604
|
}, function (_a) {
|
|
@@ -3653,27 +3653,27 @@ var StyledButton = styled__default["default"].button(templateObject_1$U || (temp
|
|
|
3653
3653
|
? "calc(".concat(theme.button.medium.height, " - 3px)")
|
|
3654
3654
|
: "calc(".concat(theme.button[size].height, " - 3px)");
|
|
3655
3655
|
});
|
|
3656
|
-
var DisabledButton = styled__default["default"](StyledButton)(templateObject_2$
|
|
3656
|
+
var DisabledButton = styled__default["default"](StyledButton)(templateObject_2$C || (templateObject_2$C = __makeTemplateObject$1(["\n background-color: ", ";\n border: 1px solid ", ";\n box-shadow: none;\n padding: 16px 20px;\n cursor: not-allowed;\n\n span {\n color: ", ";\n }\n\n :active {\n margin-top: 0;\n height: ", ";\n }\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n box-shadow: none;\n padding: 16px 20px;\n cursor: not-allowed;\n\n span {\n color: ", ";\n }\n\n :active {\n margin-top: 0;\n height: ", ";\n }\n"])), theme.colors.lightGray.dark, theme.colors.lightGray.darker, theme.colors.lightGray.darker, function (_a) {
|
|
3657
3657
|
var size = _a.size;
|
|
3658
3658
|
return !size ? theme.button.medium.height : theme.button[size].height;
|
|
3659
3659
|
});
|
|
3660
|
-
var LoaderWrapper = styled__default["default"].div(templateObject_3$
|
|
3660
|
+
var LoaderWrapper = styled__default["default"].div(templateObject_3$g || (templateObject_3$g = __makeTemplateObject$1(["\n width: ", ";\n margin-top: ", ";\n"], ["\n width: ", ";\n margin-top: ", ";\n"])), function (_a) {
|
|
3661
3661
|
var width = _a.width;
|
|
3662
3662
|
return "".concat(width, "px");
|
|
3663
3663
|
}, function (_a) {
|
|
3664
3664
|
var size = _a.size;
|
|
3665
3665
|
return (size === "small" ? "3px" : "");
|
|
3666
3666
|
});
|
|
3667
|
-
var templateObject_1$
|
|
3667
|
+
var templateObject_1$V, templateObject_2$C, templateObject_3$g;
|
|
3668
3668
|
|
|
3669
|
-
var StyledSpacer = styled__default["default"].div(templateObject_1$
|
|
3669
|
+
var StyledSpacer = styled__default["default"].div(templateObject_1$U || (templateObject_1$U = __makeTemplateObject$1(["\n min-width: ", ";\n min-height: ", ";\n"], ["\n min-width: ", ";\n min-height: ", ";\n"])), function (_a) {
|
|
3670
3670
|
var horizontal = _a.horizontal;
|
|
3671
3671
|
return (horizontal ? "".concat(horizontal, "px") : "");
|
|
3672
3672
|
}, function (_a) {
|
|
3673
3673
|
var vertical = _a.vertical;
|
|
3674
3674
|
return (vertical ? "".concat(vertical, "px") : "");
|
|
3675
3675
|
});
|
|
3676
|
-
var templateObject_1$
|
|
3676
|
+
var templateObject_1$U;
|
|
3677
3677
|
|
|
3678
3678
|
var Spacer = function (props) { return (jsxRuntime.jsx(StyledSpacer, __assign$2({}, props))); };
|
|
3679
3679
|
|
|
@@ -3720,7 +3720,7 @@ var Button$1 = React$3.forwardRef(function (_a, ref) {
|
|
|
3720
3720
|
renderIcon({ color: color === "white" ? "gray" : "white" }), jsxRuntime.jsx("span", { children: label })] })) })));
|
|
3721
3721
|
});
|
|
3722
3722
|
|
|
3723
|
-
var StyledCheckbox = styled__default["default"].div(templateObject_1$
|
|
3723
|
+
var StyledCheckbox = styled__default["default"].div(templateObject_1$T || (templateObject_1$T = __makeTemplateObject$1(["\n min-height: 25px;\n max-height: 25px;\n min-width: 25px;\n max-width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n cursor: ", ";\n background-color: ", ";\n\n svg {\n margin-left: -1px;\n fill: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n min-height: 25px;\n max-height: 25px;\n min-width: 25px;\n max-width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n cursor: ", ";\n background-color: ", ";\n\n svg {\n margin-left: -1px;\n fill: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
3724
3724
|
var checked = _a.checked, disabled = _a.disabled;
|
|
3725
3725
|
if (disabled)
|
|
3726
3726
|
return theme.colors.lightGray.darker;
|
|
@@ -3741,7 +3741,7 @@ var StyledCheckbox = styled__default["default"].div(templateObject_1$S || (templ
|
|
|
3741
3741
|
return theme.colors.green.base;
|
|
3742
3742
|
return theme.colors.lightGray.darker;
|
|
3743
3743
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
3744
|
-
var templateObject_1$
|
|
3744
|
+
var templateObject_1$T;
|
|
3745
3745
|
|
|
3746
3746
|
var Checkbox = function (props) {
|
|
3747
3747
|
var _a;
|
|
@@ -3850,6 +3850,20 @@ exports.Currency = void 0;
|
|
|
3850
3850
|
|
|
3851
3851
|
}(Currency));
|
|
3852
3852
|
|
|
3853
|
+
var Difficulty = {};
|
|
3854
|
+
|
|
3855
|
+
(function (exports) {
|
|
3856
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3857
|
+
exports.Difficulty = void 0;
|
|
3858
|
+
(function (Difficulty) {
|
|
3859
|
+
Difficulty["BEGINNER"] = "beginner";
|
|
3860
|
+
Difficulty["EASY"] = "easy";
|
|
3861
|
+
Difficulty["NORMAL"] = "normal";
|
|
3862
|
+
Difficulty["HARD"] = "hard";
|
|
3863
|
+
})(exports.Difficulty || (exports.Difficulty = {}));
|
|
3864
|
+
|
|
3865
|
+
}(Difficulty));
|
|
3866
|
+
|
|
3853
3867
|
var ExerciseType = {};
|
|
3854
3868
|
|
|
3855
3869
|
(function (exports) {
|
|
@@ -3917,12 +3931,24 @@ exports.KeyboardLayout = void 0;
|
|
|
3917
3931
|
KeyboardLayout["QWERTY_NL"] = "qwerty-nl";
|
|
3918
3932
|
KeyboardLayout["QWERTY_UK"] = "qwerty-uk";
|
|
3919
3933
|
KeyboardLayout["QWERTZ_DE"] = "qwertz-de";
|
|
3920
|
-
KeyboardLayout["TURKISH_Q"] = "turkish-q";
|
|
3921
3934
|
KeyboardLayout["TURKISH_F"] = "turkish-f";
|
|
3935
|
+
KeyboardLayout["TURKISH_Q"] = "turkish-q";
|
|
3922
3936
|
})(exports.KeyboardLayout || (exports.KeyboardLayout = {}));
|
|
3923
3937
|
|
|
3924
3938
|
}(KeyboardLayout));
|
|
3925
3939
|
|
|
3940
|
+
var KeyboardVariant = {};
|
|
3941
|
+
|
|
3942
|
+
(function (exports) {
|
|
3943
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3944
|
+
exports.KeyboardVariant = void 0;
|
|
3945
|
+
(function (KeyboardVariant) {
|
|
3946
|
+
KeyboardVariant["ISO"] = "ISO";
|
|
3947
|
+
KeyboardVariant["ISANSI"] = "ISANSI";
|
|
3948
|
+
})(exports.KeyboardVariant || (exports.KeyboardVariant = {}));
|
|
3949
|
+
|
|
3950
|
+
}(KeyboardVariant));
|
|
3951
|
+
|
|
3926
3952
|
var Locale = {};
|
|
3927
3953
|
|
|
3928
3954
|
(function (exports) {
|
|
@@ -4031,9 +4057,11 @@ __exportStar(AchievementType, exports);
|
|
|
4031
4057
|
__exportStar(Color$1, exports);
|
|
4032
4058
|
__exportStar(Country, exports);
|
|
4033
4059
|
__exportStar(Currency, exports);
|
|
4060
|
+
__exportStar(Difficulty, exports);
|
|
4034
4061
|
__exportStar(ExerciseType, exports);
|
|
4035
4062
|
__exportStar(HttpStatus, exports);
|
|
4036
4063
|
__exportStar(KeyboardLayout, exports);
|
|
4064
|
+
__exportStar(KeyboardVariant, exports);
|
|
4037
4065
|
__exportStar(Locale, exports);
|
|
4038
4066
|
__exportStar(Medal$1, exports);
|
|
4039
4067
|
__exportStar(NodeEnv, exports);
|
|
@@ -4043,7 +4071,7 @@ __exportStar(TextTopic, exports);
|
|
|
4043
4071
|
|
|
4044
4072
|
}(enums));
|
|
4045
4073
|
|
|
4046
|
-
var Wrapper$9 = styled__default["default"].div(templateObject_1$
|
|
4074
|
+
var Wrapper$9 = styled__default["default"].div(templateObject_1$S || (templateObject_1$S = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n"], ["\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
4047
4075
|
var size = _a.size;
|
|
4048
4076
|
switch (size) {
|
|
4049
4077
|
case "small":
|
|
@@ -4066,7 +4094,7 @@ var Wrapper$9 = styled__default["default"].div(templateObject_1$R || (templateOb
|
|
|
4066
4094
|
return "27px";
|
|
4067
4095
|
}
|
|
4068
4096
|
});
|
|
4069
|
-
var templateObject_1$
|
|
4097
|
+
var templateObject_1$S;
|
|
4070
4098
|
|
|
4071
4099
|
var _a$1;
|
|
4072
4100
|
var flags = (_a$1 = {},
|
|
@@ -4076,7 +4104,7 @@ var flags = (_a$1 = {},
|
|
|
4076
4104
|
_a$1);
|
|
4077
4105
|
var Flag = function (props) { return (jsxRuntime.jsx(Wrapper$9, __assign$2({}, props, { children: flags[props.locale] }))); };
|
|
4078
4106
|
|
|
4079
|
-
var StyledHeading = styled__default["default"].span(templateObject_1$
|
|
4107
|
+
var StyledHeading = styled__default["default"].span(templateObject_1$R || (templateObject_1$R = __makeTemplateObject$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: 700;\n font-style: normal;\n line-height: ", ";\n letter-spacing: ", ";\n margin: 0;\n color: ", ";\n text-align: ", ";\n text-decoration: ", ";\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: 700;\n font-style: normal;\n line-height: ", ";\n letter-spacing: ", ";\n margin: 0;\n color: ", ";\n text-align: ", ";\n text-decoration: ", ";\n"])), theme.fonts.heading, function (_a) {
|
|
4080
4108
|
var type = _a.type;
|
|
4081
4109
|
return theme.heading[type].fontSize;
|
|
4082
4110
|
}, function (_a) {
|
|
@@ -4103,14 +4131,14 @@ var StyledHeading = styled__default["default"].span(templateObject_1$Q || (templ
|
|
|
4103
4131
|
var decoration = _a.decoration;
|
|
4104
4132
|
return decoration;
|
|
4105
4133
|
});
|
|
4106
|
-
var templateObject_1$
|
|
4134
|
+
var templateObject_1$R;
|
|
4107
4135
|
|
|
4108
4136
|
var Heading = function (props) {
|
|
4109
4137
|
var element = !!props.as ? props.as : props.type;
|
|
4110
4138
|
return (jsxRuntime.jsx(StyledHeading, __assign$2({}, props, { as: element }, { children: props.children })));
|
|
4111
4139
|
};
|
|
4112
4140
|
|
|
4113
|
-
var Wrapper$8 = styled__default["default"].div(templateObject_1$
|
|
4141
|
+
var Wrapper$8 = styled__default["default"].div(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject$1(["\n > svg {\n height: ", ";\n }\n"], ["\n > svg {\n height: ", ";\n }\n"])), function (_a) {
|
|
4114
4142
|
var size = _a.size;
|
|
4115
4143
|
switch (size) {
|
|
4116
4144
|
case "tiny":
|
|
@@ -4124,7 +4152,7 @@ var Wrapper$8 = styled__default["default"].div(templateObject_1$P || (templateOb
|
|
|
4124
4152
|
return "118px";
|
|
4125
4153
|
}
|
|
4126
4154
|
});
|
|
4127
|
-
var templateObject_1$
|
|
4155
|
+
var templateObject_1$Q;
|
|
4128
4156
|
|
|
4129
4157
|
var illustrations = {
|
|
4130
4158
|
keyboard: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 32.9 20.8" }, { children: [jsxRuntime.jsx("path", { d: "M31.5 1H1.4C.6 1 0 1.6 0 2.4v17.1c0 .8.6 1.4 1.4 1.4h30.1c.8 0 1.4-.6 1.4-1.4V2.4c0-.8-.6-1.4-1.4-1.4z", fill: "#829190" }), jsxRuntime.jsx("path", { d: "M31.5 0H1.4C.6 0 0 .6 0 1.4v17.1c0 .8.6 1.4 1.4 1.4h30.1c.8 0 1.4-.6 1.4-1.4V1.4c0-.8-.6-1.4-1.4-1.4z", fill: "#99adac" }), jsxRuntime.jsx("path", { d: "M27.1 14.2H5.7c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h21.4c.3 0 .5-.2.5-.5v-3.4c-.1-.3-.3-.5-.5-.5zM8.4 8.6H2.1c-.3 0-.5.2-.5.4v3.4c0 .3.2.5.5.5h6.3c.3 0 .5-.2.5-.5V9c0-.2-.2-.4-.5-.4zM13.8 8.6h-3.3c-.3 0-.5.2-.5.4v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V9c-.1-.2-.3-.4-.5-.4zM5.4 3.3H2.1c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c-.1-.3-.3-.5-.5-.5zM10.5 3.3H7.2c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c-.1-.3-.3-.5-.5-.5zM15.5 3.3h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c0-.3-.2-.5-.5-.5zM20.6 3.3h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c0-.3-.2-.5-.5-.5zM25.7 3.3h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c0-.3-.2-.5-.5-.5zM30.8 3.3h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.8c0-.3-.2-.5-.5-.5zM18.9 8.6h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V9c-.1-.2-.3-.4-.5-.4zM23.9 8.6h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V9.1c0-.3-.2-.5-.5-.5zM30.7 8.6h-4.9c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h4.9c.3 0 .5-.2.5-.5V9.1c0-.3-.2-.5-.5-.5z", fill: "#899a99" }), jsxRuntime.jsx("path", { d: "M27.1 13.7H5.7c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h21.4c.3 0 .5-.2.5-.5v-3.4c-.1-.3-.3-.5-.5-.5zM8.4 8.1H2.1c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h6.3c.3 0 .5-.2.5-.5V8.6c0-.3-.2-.5-.5-.5zM13.8 8.1h-3.3c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V8.6c-.1-.3-.3-.5-.5-.5z", fill: "#eeeded" }), jsxRuntime.jsx("path", { d: "M5.4 2.8H2.1c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c-.1-.3-.3-.5-.5-.5z", fill: "#e62944" }), jsxRuntime.jsx("path", { d: "M10.5 2.8H7.2c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c-.1-.3-.3-.5-.5-.5zM15.5 2.8h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c0-.3-.2-.5-.5-.5zM20.6 2.8h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c0-.3-.2-.5-.5-.5zM25.7 2.8h-3.3c-.2 0-.4.2-.4.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c-.1-.3-.3-.5-.6-.5zM30.8 2.8h-3.3c-.3 0-.5.2-.5.5v3.4c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V3.3c0-.3-.2-.5-.5-.5zM18.9 8.1h-3.3c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V8.6c-.1-.3-.3-.5-.5-.5zM23.9 8.1h-3.3c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h3.3c.3 0 .5-.2.5-.5V8.6c0-.3-.2-.5-.5-.5zM30.7 8.1h-4.9c-.3 0-.5.2-.5.5V12c0 .3.2.5.5.5h4.9c.3 0 .5-.2.5-.5V8.6c0-.3-.2-.5-.5-.5z", fill: "#eeeded" })] }))),
|
|
@@ -4148,7 +4176,7 @@ var illustrations = {
|
|
|
4148
4176
|
};
|
|
4149
4177
|
var Illustration = function (props) { return (jsxRuntime.jsx(Wrapper$8, __assign$2({}, props, { children: illustrations[props.type] }))); };
|
|
4150
4178
|
|
|
4151
|
-
var StyledParagraph = styled__default["default"].p(templateObject_1$
|
|
4179
|
+
var StyledParagraph = styled__default["default"].p(templateObject_1$P || (templateObject_1$P = __makeTemplateObject$1(["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n line-height: ", ";\n color: ", ";\n margin: 0;\n text-align: ", ";\n text-transform: ", ";\n text-decoration: ", ";\n\n li:not(:last-child) {\n margin-bottom: 10px;\n }\n"], ["\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n line-height: ", ";\n color: ", ";\n margin: 0;\n text-align: ", ";\n text-transform: ", ";\n text-decoration: ", ";\n\n li:not(:last-child) {\n margin-bottom: 10px;\n }\n"])), theme.fonts.paragraph, function (_a) {
|
|
4152
4180
|
var size = _a.size;
|
|
4153
4181
|
return size ? theme.paragraph[size].fontSize : theme.paragraph.medium.fontSize;
|
|
4154
4182
|
}, function (_a) {
|
|
@@ -4186,10 +4214,10 @@ var StyledParagraph = styled__default["default"].p(templateObject_1$O || (templa
|
|
|
4186
4214
|
var decoration = _a.decoration;
|
|
4187
4215
|
return decoration;
|
|
4188
4216
|
});
|
|
4189
|
-
var templateObject_1$
|
|
4217
|
+
var templateObject_1$P;
|
|
4190
4218
|
|
|
4191
|
-
var Container$
|
|
4192
|
-
var InputIconWrapper = styled__default["default"].div(templateObject_2$
|
|
4219
|
+
var Container$p = styled__default["default"].div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
4220
|
+
var InputIconWrapper = styled__default["default"].div(templateObject_2$B || (templateObject_2$B = __makeTemplateObject$1(["\n position: relative;\n width: 100%;\n\n input {\n padding-right: ", ";\n }\n\n input[type=\"date\"] {\n color: ", ";\n }\n\n div {\n position: absolute;\n height: 24px;\n right: ", ";\n top: ", ";\n }\n\n svg {\n cursor: ", ";\n width: ", ";\n }\n"], ["\n position: relative;\n width: 100%;\n\n input {\n padding-right: ", ";\n }\n\n input[type=\"date\"] {\n color: ", ";\n }\n\n div {\n position: absolute;\n height: 24px;\n right: ", ";\n top: ", ";\n }\n\n svg {\n cursor: ", ";\n width: ", ";\n }\n"])), function (_a) {
|
|
4193
4221
|
var size = _a.size;
|
|
4194
4222
|
switch (size) {
|
|
4195
4223
|
case "small":
|
|
@@ -4232,7 +4260,7 @@ var InputIconWrapper = styled__default["default"].div(templateObject_2$A || (tem
|
|
|
4232
4260
|
return "24px";
|
|
4233
4261
|
}
|
|
4234
4262
|
});
|
|
4235
|
-
var StyledInput = styled__default["default"].input(templateObject_3$
|
|
4263
|
+
var StyledInput = styled__default["default"].input(templateObject_3$f || (templateObject_3$f = __makeTemplateObject$1(["\n width: 100%;\n min-width: 228px;\n height: ", ";\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\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 height: ", ";\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\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) {
|
|
4236
4264
|
var size = _a.size;
|
|
4237
4265
|
switch (size) {
|
|
4238
4266
|
case "small":
|
|
@@ -4254,13 +4282,13 @@ var StyledInput = styled__default["default"].input(templateObject_3$e || (templa
|
|
|
4254
4282
|
var disabled = _a.disabled;
|
|
4255
4283
|
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
4256
4284
|
}, theme.fonts.paragraph, theme.paragraph.medium.fontSize, theme.paragraph.medium.lineHeight, theme.colors.lightGray.darker, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
4257
|
-
var HelperContainer = styled__default["default"].div(templateObject_4$
|
|
4258
|
-
var fadeIn = styled.keyframes(templateObject_5$
|
|
4259
|
-
var Helper = styled__default["default"](StyledParagraph)(templateObject_6$
|
|
4285
|
+
var HelperContainer = styled__default["default"].div(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject$1(["\n margin-top: 5px;\n padding-left: 5px;\n"], ["\n margin-top: 5px;\n padding-left: 5px;\n"])));
|
|
4286
|
+
var fadeIn = styled.keyframes(templateObject_5$4 || (templateObject_5$4 = __makeTemplateObject$1(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"], ["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
4287
|
+
var Helper = styled__default["default"](StyledParagraph)(templateObject_6$4 || (templateObject_6$4 = __makeTemplateObject$1(["\n font-weight: 400;\n font-size: 14px;\n color: ", ";\n animation: ", " 0.3s linear;\n"], ["\n font-weight: 400;\n font-size: 14px;\n color: ", ";\n animation: ", " 0.3s linear;\n"])), function (_a) {
|
|
4260
4288
|
var isOk = _a.isOk;
|
|
4261
4289
|
return isOk ? theme.colors.green.base : theme.colors.darkGray.light;
|
|
4262
4290
|
}, fadeIn);
|
|
4263
|
-
var templateObject_1$
|
|
4291
|
+
var templateObject_1$O, templateObject_2$B, templateObject_3$f, templateObject_4$7, templateObject_5$4, templateObject_6$4;
|
|
4264
4292
|
|
|
4265
4293
|
var expressions = {};
|
|
4266
4294
|
|
|
@@ -4466,7 +4494,7 @@ var PasswordInput = function (props) {
|
|
|
4466
4494
|
if (props.onKeyPress)
|
|
4467
4495
|
props.onKeyPress(e);
|
|
4468
4496
|
};
|
|
4469
|
-
return (jsxRuntime.jsxs(Container$
|
|
4497
|
+
return (jsxRuntime.jsxs(Container$p, { children: [jsxRuntime.jsxs(InputIconWrapper, __assign$2({ disabled: props.disabled, size: props.size }, { children: [jsxRuntime.jsx(Icon, { type: isVisible ? "eyeInvisible" : "eye", color: "gray", size: "small", onClick: toggle }), jsxRuntime.jsx(StyledInput, __assign$2({ type: isVisible ? "text" : "password" }, props, { onChange: onChange, onKeyPress: onKeyPress }))] })), props.helperLocale && value.length ? (jsxRuntime.jsxs(HelperContainer, { children: [jsxRuntime.jsxs(Helper, __assign$2({ isOk: expressions.hasCapitalLetter(value) }, { children: ["\u2022 ", translations[props.helperLocale]["At least 1 capital letter"]] })), jsxRuntime.jsxs(Helper, __assign$2({ isOk: expressions.hasNumber(value) }, { children: ["\u2022 ", translations[props.helperLocale]["At least 1 number"]] })), jsxRuntime.jsxs(Helper, __assign$2({ isOk: expressions.hasSpecialCharacter(value) }, { children: ["\u2022 ", translations[props.helperLocale]["At least 1 special character"]] })), jsxRuntime.jsxs(Helper, __assign$2({ isOk: value.length >= 8 }, { children: ["\u2022 ", translations[props.helperLocale]["At least 8 characters"]] }))] })) : null] }));
|
|
4470
4498
|
};
|
|
4471
4499
|
|
|
4472
4500
|
function toInteger$2(dirtyNumber) {
|
|
@@ -7968,7 +7996,7 @@ var SearchInput = function (props) {
|
|
|
7968
7996
|
if (value.length <= 0)
|
|
7969
7997
|
onSearch();
|
|
7970
7998
|
};
|
|
7971
|
-
return (jsxRuntime.jsx(Container$
|
|
7999
|
+
return (jsxRuntime.jsx(Container$p, { children: jsxRuntime.jsxs(InputIconWrapper, __assign$2({ disabled: props.disabled, size: props.size }, { children: [jsxRuntime.jsx(Icon, { type: "search", color: "gray", size: "small", onClick: onSearch }), jsxRuntime.jsx(StyledInput, __assign$2({ type: "text" }, rest, { onChange: onChange, onKeyPress: onKeyPress, onBlur: onBlur }))] })) }));
|
|
7972
8000
|
};
|
|
7973
8001
|
|
|
7974
8002
|
var Input = function (props) {
|
|
@@ -7986,7 +8014,7 @@ var Logo = function (props) {
|
|
|
7986
8014
|
return props.iconOnly ? (jsxRuntime.jsxs("svg", __assign$2({ width: "89", height: "66", viewBox: "0 0 89 66", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [jsxRuntime.jsx("path", { d: "M35.2229 13.1329C34.9994 12.8535 34.72 12.5182 34.4964 12.2947L31.7581 9.61219L24.2695 2.23539C23.543 1.50889 22.7047 0.950042 21.7547 0.558848C20.8046 0.167655 19.7987 0 18.7928 0C17.7868 0 16.7809 0.223539 15.8309 0.558848C14.8808 0.950042 14.0426 1.50889 13.3161 2.23539L3.08913 12.2947C1.63612 13.7477 0.797852 15.6478 0.797852 17.7155C0.797852 19.7274 1.63612 21.6833 3.08913 23.1363L13.3161 33.1956C14.7691 34.6486 16.7809 35.431 18.7928 35.431C20.8605 35.431 22.8165 34.6486 24.2695 33.1956L31.7581 25.8188L29.0197 23.1363C28.7403 22.8569 28.5167 22.5775 28.2932 22.2981L20.7487 29.6749C20.4693 29.9543 20.1899 30.1219 19.8546 30.2896C19.5193 30.4014 19.1281 30.5131 18.7928 30.5131C18.4016 30.5131 18.0663 30.4572 17.731 30.2896C17.3956 30.1778 17.0603 29.9543 16.8368 29.6749L6.60988 19.6156C6.10691 19.1126 5.7716 18.3861 5.7716 17.6596C5.7716 16.9331 6.05103 16.2625 6.60988 15.7036L16.8368 5.64437C17.1162 5.36495 17.3956 5.19729 17.731 5.02964C18.0663 4.91787 18.4575 4.8061 18.7928 4.8061C19.184 4.8061 19.5193 4.86198 19.8546 5.02964C20.1899 5.14141 20.5252 5.36495 20.7487 5.64437L28.2932 13.0771L30.9757 15.7036C31.2551 15.9272 31.4227 16.2625 31.5904 16.5978C31.7022 16.9331 31.8139 17.2684 31.8139 17.6596V17.7155C31.8139 18.442 32.0934 19.1126 32.6522 19.6156L35.3347 22.2422C36.3406 20.9009 36.8436 19.3362 36.8436 17.7155C36.7877 16.039 36.2288 14.4742 35.2229 13.1329Z", fill: "#E62743" }), jsxRuntime.jsx("path", { d: "M86.4691 12.2947L76.2421 2.23539C75.5156 1.50889 74.6774 0.950042 73.7273 0.558848C72.7773 0.167655 71.7714 0 70.7654 0C69.7595 0 68.7536 0.223539 67.8035 0.558848C66.8535 0.950042 66.0152 1.50889 65.2887 2.23539L57.8001 9.61219L55.0618 12.2947C54.7824 12.5741 54.5588 12.8535 54.3353 13.1329C53.3294 14.4742 52.7705 16.039 52.7705 17.7155C52.7705 19.3362 53.3294 20.9568 54.2794 22.2422L56.9619 19.6156C57.4648 19.1126 57.7443 18.442 57.8001 17.7155C57.8001 17.3802 57.856 16.989 58.0237 16.6537C58.1355 16.3184 58.359 16.039 58.6384 15.7595L61.3209 13.1329L68.8653 5.70025C69.1448 5.42083 69.4242 5.25318 69.7595 5.08552C70.0948 4.97375 70.4301 4.86198 70.8213 4.86198C71.2125 4.86198 71.5478 4.91787 71.8831 5.08552C72.2184 5.19729 72.4979 5.42083 72.7773 5.70025L83.0042 15.7595C83.2836 16.039 83.4513 16.3184 83.6189 16.6537C83.7866 16.989 83.8425 17.3243 83.8425 17.7155C83.8425 18.0508 83.7866 18.442 83.6189 18.7773C83.4513 19.1126 83.2836 19.392 83.0042 19.6715L72.7773 29.7307C72.4979 30.0102 72.2184 30.1778 71.8831 30.3455C71.5478 30.4572 71.2125 30.569 70.8213 30.569C70.4301 30.569 70.0948 30.5131 69.7595 30.3455C69.4242 30.2337 69.1448 30.0102 68.8653 29.7307L61.3209 22.2981C61.0974 22.5775 60.8738 22.9128 60.5944 23.1363L57.856 25.8188L65.3446 33.1956C66.0711 33.9221 66.9094 34.4809 67.8594 34.8721C68.8095 35.2633 69.8154 35.431 70.8213 35.431C71.8272 35.431 72.8332 35.2075 73.7832 34.8721C74.7333 34.4809 75.5715 33.9221 76.298 33.1956L86.525 23.1363C87.2515 22.4098 87.8103 21.5716 88.2015 20.6215C88.5927 19.6715 88.8162 18.6655 88.8162 17.6596C88.8162 16.6537 88.5927 15.6478 88.2015 14.6977C87.7544 13.8594 87.1956 13.0212 86.4691 12.2947Z", fill: "#53B476" }), jsxRuntime.jsx("path", { d: "M35.3904 13.0212L35.2228 13.1888C34.9993 12.9094 34.7198 12.5741 34.4963 12.3506L31.7579 9.66808L39.2465 2.23539C39.973 1.50889 40.8113 0.950042 41.7613 0.558848C42.7114 0.167655 43.7173 0 44.7232 0C45.7291 0 46.7351 0.223539 47.6851 0.558848C48.6352 0.950042 49.4734 1.50889 50.1999 2.23539L57.6885 9.55631L55.0619 12.2947C54.7825 12.5741 54.5589 12.8535 54.3354 13.1329L46.7351 5.70025C46.4556 5.42083 46.1762 5.25318 45.8409 5.08552C45.5056 4.97375 45.1144 4.86198 44.7791 4.86198C44.3879 4.86198 44.0526 4.91787 43.7173 5.08552C43.382 5.19729 43.0467 5.42083 42.8231 5.70025L35.3904 13.0212ZM58.5827 15.7595L61.2651 13.1329C62.2711 14.4742 62.774 16.039 62.774 17.7155C62.774 19.3362 62.2152 20.9568 61.2651 22.2981C61.0416 22.5775 60.8181 22.9128 60.5386 23.1363L57.8003 25.8188L50.2558 33.1956C48.8028 34.6486 46.791 35.431 44.7791 35.431C42.7672 35.431 40.7554 34.6486 39.3024 33.1956L31.7579 25.7629L29.0196 23.0804C28.7401 22.801 28.5166 22.5216 28.2931 22.2422C27.2871 20.9009 26.7842 19.3362 26.7842 17.7155C26.7842 16.0948 27.343 14.4742 28.2931 13.1888L30.9755 15.8154C31.255 16.0389 31.4226 16.3743 31.5903 16.7096C31.702 17.0449 31.8138 17.3802 31.8138 17.7714V17.8273C31.8138 18.5538 32.0932 19.2244 32.6521 19.7273L35.3346 22.3539L42.879 29.7866C43.1584 30.066 43.4379 30.2337 43.7732 30.4014C44.1085 30.569 44.4997 30.6249 44.835 30.6249C45.1703 30.6249 45.5615 30.569 45.8968 30.4014C46.2321 30.2337 46.5674 30.066 46.791 29.7866L54.3354 22.3539L57.0179 19.7273C57.5208 19.2244 57.8003 18.5538 57.8562 17.8273C57.8562 17.492 57.912 17.1008 58.0797 16.7655C58.0797 16.3184 58.3032 16.039 58.5827 15.7595Z", fill: "#FFD800" }), jsxRuntime.jsx("path", { d: "M73.4483 42.8078L63.2214 32.7485C61.7684 31.2955 59.7566 30.5131 57.7447 30.5131C55.677 30.5131 53.721 31.2955 52.268 32.7485L44.7794 40.1812L42.0411 42.8637C41.7616 43.1431 41.5381 43.4225 41.3146 43.7019C40.3086 45.0432 39.8057 46.608 39.8057 48.2286C39.8057 49.8493 40.3645 51.4699 41.3146 52.7553L43.997 50.1287C44.5 49.6257 44.7794 48.9551 44.8353 48.2286C44.8353 47.5021 45.1147 46.8315 45.6736 46.3285L48.356 43.7019L55.9005 36.2693C56.4035 35.7663 57.13 35.4869 57.8565 35.4869C58.583 35.4869 59.3095 35.7663 59.8124 36.2693L70.0394 46.3285C70.5423 46.8315 70.8776 47.558 70.8776 48.2845C70.8776 49.011 70.5982 49.6816 70.0394 50.2405L59.8124 60.2997C59.3095 60.8027 58.583 61.0821 57.8565 61.0821C57.13 61.0821 56.4035 60.8027 55.9005 60.2997L48.2443 52.8112C48.0207 53.1465 47.7972 53.4259 47.5178 53.6494L44.7794 56.3319L52.268 63.7087C53.721 65.1617 55.7328 65.9441 57.7447 65.9441C59.8124 65.9441 61.7684 65.1617 63.2214 63.7087L73.4483 53.6494C74.1748 52.9229 74.7337 52.0847 75.1249 51.1346C75.5161 50.1846 75.7396 49.1787 75.7396 48.1727C75.7396 47.1668 75.5161 46.1609 75.1249 45.2108C74.7896 44.3726 74.1748 43.5343 73.4483 42.8078Z", fill: "#8C5CA2" }), jsxRuntime.jsx("path", { d: "M48.2436 43.7019L45.5612 46.3285C45.0582 46.8315 44.7788 47.5021 44.7229 48.2286C44.7229 48.9551 44.4435 49.6257 43.8846 50.1287L41.2022 52.7553L33.6577 60.188C33.1547 60.6909 32.4282 60.9704 31.7017 60.9704C30.9752 60.9704 30.2487 60.6909 29.7458 60.188L19.5188 50.1287C19.0159 49.6257 18.7364 48.8992 18.7364 48.1727C18.7364 47.4462 19.0159 46.7756 19.5188 46.2168L29.7458 36.1575C30.2487 35.6545 30.9752 35.3751 31.7017 35.3751C32.4282 35.3751 33.1547 35.6545 33.6577 36.1575L41.2022 43.5902C41.4257 43.3107 41.6492 42.9754 41.9287 42.7519L44.667 40.0694L37.2343 32.8044C35.7813 31.3514 33.7695 30.569 31.7576 30.569C29.6899 30.569 27.7339 31.3514 26.2809 32.8044L16.054 42.8637C14.601 44.3167 13.7627 46.2726 13.7627 48.2845C13.7627 50.2964 14.601 52.2523 16.054 53.7053L26.2809 63.7646C27.7339 65.2176 29.7458 66 31.7576 66C33.8254 66 35.7813 65.2176 37.2343 63.7646L44.7229 56.3878L47.4613 53.7053C47.7407 53.4259 47.9642 53.1465 48.1878 52.8671C49.1937 51.5258 49.6967 49.961 49.6967 48.3404C49.7525 46.608 49.1937 45.0432 48.2436 43.7019Z", fill: "#3DA9E1" })] }))) : (jsxRuntime.jsxs("svg", __assign$2({ width: "372", height: "66", viewBox: "0 0 372 66", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [jsxRuntime.jsx("path", { d: "M35.2229 13.1329C34.9994 12.8535 34.72 12.5182 34.4964 12.2947L31.7581 9.61219L24.2695 2.23539C23.543 1.50889 22.7047 0.950042 21.7547 0.558848C20.8046 0.167655 19.7987 0 18.7928 0C17.7868 0 16.7809 0.223539 15.8309 0.558848C14.8808 0.950042 14.0426 1.50889 13.3161 2.23539L3.08913 12.2947C1.63612 13.7477 0.797852 15.6478 0.797852 17.7155C0.797852 19.7274 1.63612 21.6833 3.08913 23.1363L13.3161 33.1956C14.7691 34.6486 16.7809 35.431 18.7928 35.431C20.8605 35.431 22.8165 34.6486 24.2695 33.1956L31.7581 25.8188L29.0197 23.1363C28.7403 22.8569 28.5167 22.5775 28.2932 22.2981L20.7487 29.6749C20.4693 29.9543 20.1899 30.1219 19.8546 30.2896C19.5193 30.4014 19.1281 30.5131 18.7928 30.5131C18.4016 30.5131 18.0663 30.4572 17.731 30.2896C17.3956 30.1778 17.0603 29.9543 16.8368 29.6749L6.60988 19.6156C6.10691 19.1126 5.7716 18.3861 5.7716 17.6596C5.7716 16.9331 6.05103 16.2625 6.60988 15.7036L16.8368 5.64437C17.1162 5.36495 17.3956 5.19729 17.731 5.02964C18.0663 4.91787 18.4575 4.8061 18.7928 4.8061C19.184 4.8061 19.5193 4.86198 19.8546 5.02964C20.1899 5.14141 20.5252 5.36495 20.7487 5.64437L28.2932 13.0771L30.9757 15.7036C31.2551 15.9272 31.4227 16.2625 31.5904 16.5978C31.7022 16.9331 31.8139 17.2684 31.8139 17.6596V17.7155C31.8139 18.442 32.0934 19.1126 32.6522 19.6156L35.3347 22.2422C36.3406 20.9009 36.8436 19.3362 36.8436 17.7155C36.7877 16.039 36.2288 14.4742 35.2229 13.1329Z", fill: "#E62743" }), jsxRuntime.jsx("path", { d: "M86.4691 12.2947L76.2421 2.23539C75.5156 1.50889 74.6774 0.950042 73.7273 0.558848C72.7773 0.167655 71.7714 0 70.7654 0C69.7595 0 68.7536 0.223539 67.8035 0.558848C66.8535 0.950042 66.0152 1.50889 65.2887 2.23539L57.8001 9.61219L55.0618 12.2947C54.7824 12.5741 54.5588 12.8535 54.3353 13.1329C53.3294 14.4742 52.7705 16.039 52.7705 17.7155C52.7705 19.3362 53.3294 20.9568 54.2794 22.2422L56.9619 19.6156C57.4648 19.1126 57.7443 18.442 57.8001 17.7155C57.8001 17.3802 57.856 16.989 58.0237 16.6537C58.1355 16.3184 58.359 16.039 58.6384 15.7595L61.3209 13.1329L68.8653 5.70025C69.1448 5.42083 69.4242 5.25318 69.7595 5.08552C70.0948 4.97375 70.4301 4.86198 70.8213 4.86198C71.2125 4.86198 71.5478 4.91787 71.8831 5.08552C72.2184 5.19729 72.4979 5.42083 72.7773 5.70025L83.0042 15.7595C83.2836 16.039 83.4513 16.3184 83.6189 16.6537C83.7866 16.989 83.8425 17.3243 83.8425 17.7155C83.8425 18.0508 83.7866 18.442 83.6189 18.7773C83.4513 19.1126 83.2836 19.392 83.0042 19.6715L72.7773 29.7307C72.4979 30.0102 72.2184 30.1778 71.8831 30.3455C71.5478 30.4572 71.2125 30.569 70.8213 30.569C70.4301 30.569 70.0948 30.5131 69.7595 30.3455C69.4242 30.2337 69.1448 30.0102 68.8653 29.7307L61.3209 22.2981C61.0974 22.5775 60.8738 22.9128 60.5944 23.1363L57.856 25.8188L65.3446 33.1956C66.0711 33.9221 66.9094 34.4809 67.8594 34.8721C68.8095 35.2633 69.8154 35.431 70.8213 35.431C71.8272 35.431 72.8332 35.2075 73.7832 34.8721C74.7333 34.4809 75.5715 33.9221 76.298 33.1956L86.525 23.1363C87.2515 22.4098 87.8103 21.5716 88.2015 20.6215C88.5927 19.6715 88.8162 18.6655 88.8162 17.6596C88.8162 16.6537 88.5927 15.6478 88.2015 14.6977C87.7544 13.8594 87.1956 13.0212 86.4691 12.2947Z", fill: "#53B476" }), jsxRuntime.jsx("path", { d: "M35.3904 13.0212L35.2228 13.1888C34.9993 12.9094 34.7198 12.5741 34.4963 12.3506L31.7579 9.66808L39.2465 2.23539C39.973 1.50889 40.8113 0.950042 41.7613 0.558848C42.7114 0.167655 43.7173 0 44.7232 0C45.7291 0 46.7351 0.223539 47.6851 0.558848C48.6352 0.950042 49.4734 1.50889 50.1999 2.23539L57.6885 9.55631L55.0619 12.2947C54.7825 12.5741 54.5589 12.8535 54.3354 13.1329L46.7351 5.70025C46.4556 5.42083 46.1762 5.25318 45.8409 5.08552C45.5056 4.97375 45.1144 4.86198 44.7791 4.86198C44.3879 4.86198 44.0526 4.91787 43.7173 5.08552C43.382 5.19729 43.0467 5.42083 42.8231 5.70025L35.3904 13.0212ZM58.5827 15.7595L61.2651 13.1329C62.2711 14.4742 62.774 16.039 62.774 17.7155C62.774 19.3362 62.2152 20.9568 61.2651 22.2981C61.0416 22.5775 60.8181 22.9128 60.5386 23.1363L57.8003 25.8188L50.2558 33.1956C48.8028 34.6486 46.791 35.431 44.7791 35.431C42.7672 35.431 40.7554 34.6486 39.3024 33.1956L31.7579 25.7629L29.0196 23.0804C28.7401 22.801 28.5166 22.5216 28.2931 22.2422C27.2871 20.9009 26.7842 19.3362 26.7842 17.7155C26.7842 16.0948 27.343 14.4742 28.2931 13.1888L30.9755 15.8154C31.255 16.0389 31.4226 16.3743 31.5903 16.7096C31.702 17.0449 31.8138 17.3802 31.8138 17.7714V17.8273C31.8138 18.5538 32.0932 19.2244 32.6521 19.7273L35.3346 22.3539L42.879 29.7866C43.1584 30.066 43.4379 30.2337 43.7732 30.4014C44.1085 30.569 44.4997 30.6249 44.835 30.6249C45.1703 30.6249 45.5615 30.569 45.8968 30.4014C46.2321 30.2337 46.5674 30.066 46.791 29.7866L54.3354 22.3539L57.0179 19.7273C57.5208 19.2244 57.8003 18.5538 57.8562 17.8273C57.8562 17.492 57.912 17.1008 58.0797 16.7655C58.0797 16.3184 58.3032 16.039 58.5827 15.7595Z", fill: "#FFD800" }), jsxRuntime.jsx("path", { d: "M73.4483 42.8078L63.2214 32.7485C61.7684 31.2955 59.7566 30.5131 57.7447 30.5131C55.677 30.5131 53.721 31.2955 52.268 32.7485L44.7794 40.1812L42.0411 42.8637C41.7616 43.1431 41.5381 43.4225 41.3146 43.7019C40.3086 45.0432 39.8057 46.608 39.8057 48.2286C39.8057 49.8493 40.3645 51.4699 41.3146 52.7553L43.997 50.1287C44.5 49.6257 44.7794 48.9551 44.8353 48.2286C44.8353 47.5021 45.1147 46.8315 45.6736 46.3285L48.356 43.7019L55.9005 36.2693C56.4035 35.7663 57.13 35.4869 57.8565 35.4869C58.583 35.4869 59.3095 35.7663 59.8124 36.2693L70.0394 46.3285C70.5423 46.8315 70.8776 47.558 70.8776 48.2845C70.8776 49.011 70.5982 49.6816 70.0394 50.2405L59.8124 60.2997C59.3095 60.8027 58.583 61.0821 57.8565 61.0821C57.13 61.0821 56.4035 60.8027 55.9005 60.2997L48.2443 52.8112C48.0207 53.1465 47.7972 53.4259 47.5178 53.6494L44.7794 56.3319L52.268 63.7087C53.721 65.1617 55.7328 65.9441 57.7447 65.9441C59.8124 65.9441 61.7684 65.1617 63.2214 63.7087L73.4483 53.6494C74.1748 52.9229 74.7337 52.0847 75.1249 51.1346C75.5161 50.1846 75.7396 49.1787 75.7396 48.1727C75.7396 47.1668 75.5161 46.1609 75.1249 45.2108C74.7896 44.3726 74.1748 43.5343 73.4483 42.8078Z", fill: "#8C5CA2" }), jsxRuntime.jsx("path", { d: "M48.2436 43.7019L45.5612 46.3285C45.0582 46.8315 44.7788 47.5021 44.7229 48.2286C44.7229 48.9551 44.4435 49.6257 43.8846 50.1287L41.2022 52.7553L33.6577 60.188C33.1547 60.6909 32.4282 60.9704 31.7017 60.9704C30.9752 60.9704 30.2487 60.6909 29.7458 60.188L19.5188 50.1287C19.0159 49.6257 18.7364 48.8992 18.7364 48.1727C18.7364 47.4462 19.0159 46.7756 19.5188 46.2168L29.7458 36.1575C30.2487 35.6545 30.9752 35.3751 31.7017 35.3751C32.4282 35.3751 33.1547 35.6545 33.6577 36.1575L41.2022 43.5902C41.4257 43.3107 41.6492 42.9754 41.9287 42.7519L44.667 40.0694L37.2343 32.8044C35.7813 31.3514 33.7695 30.569 31.7576 30.569C29.6899 30.569 27.7339 31.3514 26.2809 32.8044L16.054 42.8637C14.601 44.3167 13.7627 46.2726 13.7627 48.2845C13.7627 50.2964 14.601 52.2523 16.054 53.7053L26.2809 63.7646C27.7339 65.2176 29.7458 66 31.7576 66C33.8254 66 35.7813 65.2176 37.2343 63.7646L44.7229 56.3878L47.4613 53.7053C47.7407 53.4259 47.9642 53.1465 48.1878 52.8671C49.1937 51.5258 49.6967 49.961 49.6967 48.3404C49.7525 46.608 49.1937 45.0432 48.2436 43.7019Z", fill: "#3DA9E1" }), jsxRuntime.jsx("path", { d: "M133.022 12.0152C132.407 11.4564 131.68 11.1769 130.842 11.1769H108.376C107.482 11.1769 106.756 11.4564 106.197 11.9593C105.582 12.4623 105.303 13.1888 105.303 14.083C105.303 14.9771 105.582 15.6477 106.197 16.2066C106.812 16.7654 107.538 17.0448 108.376 17.0448H116.312V43.5902C116.312 44.4843 116.591 45.2108 117.206 45.7697C117.821 46.3844 118.603 46.6638 119.553 46.6638C120.559 46.6638 121.342 46.3844 121.956 45.7697C122.571 45.1549 122.906 44.4284 122.906 43.5902V16.989H130.842C131.736 16.989 132.463 16.7095 133.022 16.2066C133.636 15.7036 133.916 14.9771 133.916 14.083C133.916 13.2447 133.636 12.5182 133.022 12.0152Z", fill: "#23292F" }), jsxRuntime.jsx("path", { d: "M152.022 20.4538C151.464 19.8391 150.737 19.5597 149.843 19.5597C148.949 19.5597 148.222 19.8391 147.663 20.4538C147.105 21.0686 146.825 21.7951 146.825 22.6333V35.5986C146.825 36.884 146.602 37.9458 146.155 38.84C145.707 39.7341 145.093 40.4047 144.254 40.8518C143.416 41.2989 142.466 41.5224 141.293 41.5224C139.56 41.5224 138.219 41.0753 137.269 40.1812C136.319 39.287 135.816 37.7223 135.816 35.5427V22.6333C135.816 21.7392 135.536 21.0127 134.978 20.4538C134.419 19.8391 133.692 19.5597 132.798 19.5597C131.904 19.5597 131.177 19.8391 130.619 20.4538C130.06 21.0686 129.78 21.7951 129.78 22.6333V37.4428C129.78 39.3429 130.171 41.0195 130.898 42.4725C131.624 43.9255 132.686 45.0991 134.028 45.9373C135.369 46.7756 136.934 47.1668 138.722 47.1668C140.231 47.1668 141.572 46.9991 142.801 46.6079C143.975 46.2168 144.981 45.7138 145.875 44.9873C146.266 44.652 146.602 44.2608 146.937 43.8696V44.4284C146.937 46.1609 146.657 47.5021 146.155 48.508C145.652 49.514 144.869 50.2405 143.807 50.6317C142.801 51.0787 141.46 51.2464 139.951 51.2464C138.778 51.2464 137.772 51.0787 136.934 50.6875C136.039 50.3522 135.369 50.0728 134.81 49.9052C134.083 49.6257 133.357 49.6816 132.686 50.0169C132.016 50.3522 131.513 51.0228 131.233 52.0288C131.01 52.7553 131.066 53.4818 131.457 54.1524C131.848 54.823 132.519 55.3819 133.58 55.7731C134.363 56.1084 135.369 56.3878 136.542 56.5554C137.772 56.7231 138.89 56.8349 140.007 56.8349C142.466 56.8349 144.646 56.4437 146.602 55.6054C148.558 54.823 150.122 53.4818 151.296 51.6376C152.47 49.7934 153.028 47.3344 153.028 44.2049V22.6333C152.861 21.7392 152.581 21.0127 152.022 20.4538ZM183.821 25.7629C182.703 23.6952 181.25 22.0186 179.35 20.845C177.45 19.6715 175.382 19.0567 172.979 19.0567C171.806 19.0567 170.688 19.2803 169.626 19.6715C168.564 20.0626 167.614 20.5656 166.832 21.2362C166.105 21.7951 165.491 22.3539 165.044 22.9687V22.6892C165.044 21.7951 164.764 21.0686 164.205 20.5097C163.646 19.895 162.92 19.6156 162.026 19.6156C161.132 19.6156 160.405 19.895 159.846 20.5097C159.287 21.1245 159.008 21.851 159.008 22.6892V53.7612C159.008 54.6554 159.287 55.4377 159.846 55.9966C160.405 56.5554 161.132 56.8349 162.026 56.8349C162.92 56.8349 163.646 56.5554 164.205 55.9407C164.764 55.326 165.044 54.5995 165.044 53.7612V43.7578C165.379 44.0931 165.826 44.4843 166.273 44.8196C167.167 45.4902 168.229 46.0491 169.403 46.4962C170.576 46.9433 171.862 47.1668 173.203 47.1668C175.494 47.1668 177.562 46.5521 179.406 45.3785C181.25 44.2049 182.703 42.5284 183.821 40.4047C184.939 38.2811 185.442 35.8781 185.442 33.0838C185.442 30.2896 184.883 27.8865 183.821 25.7629ZM178.68 37.3869C178.065 38.6723 177.171 39.7341 176.109 40.4606C174.991 41.1871 173.706 41.5783 172.253 41.5783C170.8 41.5783 169.459 41.1871 168.341 40.4606C167.223 39.7341 166.329 38.6723 165.714 37.3869C165.099 36.1016 164.764 34.6486 164.764 33.0279C164.764 31.4073 165.099 29.9543 165.714 28.6689C166.329 27.3836 167.223 26.3776 168.341 25.6511C169.459 24.9246 170.744 24.5334 172.253 24.5334C173.762 24.5334 175.047 24.9246 176.109 25.6511C177.227 26.3776 178.065 27.3836 178.68 28.6689C179.294 29.9543 179.63 31.3514 179.63 33.0279C179.63 34.6486 179.294 36.1016 178.68 37.3869ZM213.384 34.425C213.999 33.9221 214.334 33.2515 214.334 32.4691C214.334 30.6249 213.999 28.9483 213.272 27.3277C212.602 25.707 211.652 24.254 210.478 23.0245C209.304 21.7951 207.963 20.845 206.398 20.1185C204.834 19.392 203.213 19.0567 201.536 19.0567C199.301 19.0567 197.177 19.6156 195.221 20.7891C193.21 21.9627 191.589 23.5834 190.359 25.707C189.13 27.8306 188.515 30.4572 188.515 33.475C188.515 36.1016 189.074 38.3929 190.192 40.4606C191.309 42.5284 192.93 44.149 195.054 45.3226C197.177 46.4962 199.636 47.1109 202.542 47.1109C204.219 47.1109 205.895 46.8315 207.46 46.2726C209.025 45.7138 210.254 45.0432 211.149 44.3167C212.099 43.5902 212.546 42.7519 212.546 41.8577C212.546 41.1871 212.322 40.5724 211.819 40.0694C211.316 39.5665 210.702 39.287 209.975 39.287C209.416 39.287 208.857 39.4547 208.243 39.7341C207.851 39.9576 207.46 40.1812 207.013 40.4606C206.566 40.74 205.951 41.0195 205.225 41.1871C204.498 41.4107 203.492 41.4665 202.263 41.4665C200.922 41.4665 199.636 41.1312 198.463 40.4606C197.289 39.79 196.283 38.8399 195.501 37.5546C195.054 36.8281 194.774 35.9898 194.551 35.0398H211.26C212.043 35.2074 212.769 34.928 213.384 34.425ZM196.395 26.3776C197.01 25.7629 197.792 25.2599 198.686 25.0364C199.58 24.757 200.53 24.6452 201.536 24.6452C202.598 24.6452 203.548 24.8687 204.498 25.3158C205.448 25.7629 206.231 26.3776 206.845 27.16C207.46 27.9424 207.796 28.8366 207.907 29.7866V30.1219H194.663C194.718 29.7307 194.83 29.2836 194.942 28.9483C195.221 27.8865 195.78 27.0483 196.395 26.3776ZM250.771 21.851C249.933 19.6715 248.759 17.7155 247.194 16.0389C245.63 14.3624 243.841 13.077 241.718 12.127C239.594 11.177 237.303 10.7299 234.788 10.7299C232.273 10.7299 229.982 11.177 227.914 12.127C225.846 13.077 224.002 14.3624 222.493 16.0389C220.928 17.7155 219.755 19.6715 218.917 21.851C218.078 24.0305 217.631 26.4335 217.631 28.9483C217.631 31.4632 218.078 33.8662 218.917 36.0457C219.755 38.2252 220.928 40.1812 222.493 41.8577C224.002 43.5343 225.846 44.8196 227.914 45.7697C229.982 46.7197 232.329 47.1668 234.788 47.1668C237.303 47.1668 239.594 46.7197 241.718 45.7697C243.841 44.8196 245.63 43.5343 247.194 41.8577C248.759 40.1812 249.933 38.2252 250.771 36.0457C251.609 33.8662 252.056 31.4632 252.056 28.9483C252 26.3776 251.609 24.0305 250.771 21.851ZM244.065 35.0957C243.171 36.9399 241.885 38.3929 240.32 39.4547C238.756 40.5165 236.912 41.0753 234.788 41.0753C232.72 41.0753 230.876 40.5165 229.255 39.4547C227.691 38.3929 226.405 36.9399 225.511 35.0957C224.617 33.2515 224.17 31.1837 224.17 28.9483C224.17 26.6571 224.617 24.5893 225.511 22.7451C226.405 20.9009 227.635 19.4479 229.255 18.3861C230.82 17.3243 232.664 16.7654 234.788 16.7654C236.856 16.7654 238.7 17.3243 240.32 18.3861C241.885 19.4479 243.171 20.9009 244.065 22.7451C244.959 24.5893 245.406 26.6571 245.406 28.8925C245.462 31.1837 244.959 33.2515 244.065 35.0957ZM262.563 10.0593C262.004 9.44452 261.277 9.1651 260.383 9.1651C259.489 9.1651 258.762 9.44452 258.204 10.0593C257.589 10.674 257.309 11.4005 257.309 12.2388V43.5343C257.309 44.4284 257.589 45.1549 258.148 45.7138C258.707 46.3285 259.433 46.6079 260.271 46.6079C261.166 46.6079 261.892 46.3285 262.451 45.7138C263.066 45.0991 263.345 44.3726 263.345 43.5343V12.2388C263.401 11.4005 263.122 10.6181 262.563 10.0593ZM291.511 20.4538C290.952 19.8391 290.226 19.5597 289.332 19.5597C288.437 19.5597 287.711 19.8391 287.152 20.4538C286.593 21.0686 286.314 21.7951 286.314 22.6333V35.5986C286.314 36.884 286.09 37.9458 285.643 38.84C285.196 39.7341 284.581 40.4047 283.743 40.8518C282.961 41.2989 281.955 41.5224 280.781 41.5224C279.049 41.5224 277.707 41.0753 276.757 40.1812C275.807 39.287 275.304 37.7223 275.304 35.5427V22.6333C275.304 21.7392 275.025 21.0127 274.466 20.4538C273.907 19.8391 273.181 19.5597 272.287 19.5597C271.392 19.5597 270.666 19.8391 270.107 20.4538C269.548 21.0686 269.269 21.7951 269.269 22.6333V37.4428C269.269 39.3429 269.66 41.0195 270.387 42.4725C271.113 43.9255 272.175 45.0991 273.516 45.9373C274.857 46.7756 276.422 47.1668 278.21 47.1668C279.719 47.1668 281.061 46.9991 282.29 46.6079C283.464 46.2168 284.47 45.7138 285.364 44.9873C285.755 44.652 286.09 44.2608 286.425 43.8696V44.4284C286.425 46.1609 286.146 47.5021 285.643 48.508C285.14 49.514 284.358 50.2405 283.296 50.6317C282.29 51.0787 280.949 51.2464 279.44 51.2464C278.266 51.2464 277.26 51.0787 276.422 50.6875C275.528 50.3522 274.857 50.0728 274.298 49.9052C273.572 49.6257 272.845 49.6816 272.175 50.0169C271.504 50.3522 271.001 51.0228 270.722 52.0288C270.498 52.7553 270.554 53.4818 270.945 54.1524C271.337 54.823 272.007 55.3819 273.069 55.7731C273.851 56.1084 274.857 56.3878 276.031 56.5554C277.26 56.7231 278.378 56.8349 279.496 56.8349C281.955 56.8349 284.134 56.4437 286.09 55.6054C288.046 54.823 289.611 53.4818 290.785 51.6376C291.958 49.7934 292.517 47.3344 292.517 44.2049V22.6333C292.405 21.7392 292.126 21.0127 291.511 20.4538ZM337.895 24.8129C337.448 23.0804 336.554 21.6833 335.269 20.6215C333.984 19.5597 332.139 19.0567 329.736 19.0567C328.227 19.0567 326.886 19.392 325.713 20.0068C324.539 20.6215 323.477 21.4039 322.639 22.298C321.857 23.1363 321.242 23.9187 320.851 24.6452C320.403 23.1922 319.677 22.0186 318.671 21.0127C317.386 19.7273 315.374 19.0567 312.691 19.0567C311.574 19.0567 310.568 19.2244 309.618 19.6156C308.668 19.9509 307.829 20.4538 307.047 21.0127C306.265 21.5715 305.594 22.1863 305.091 22.8569L304.588 23.5275V22.6892C304.588 21.7951 304.309 21.0686 303.75 20.5097C303.191 19.895 302.464 19.6156 301.57 19.6156C300.676 19.6156 299.95 19.895 299.391 20.5097C298.832 21.1245 298.553 21.851 298.553 22.6892V43.5902C298.553 44.4843 298.832 45.2108 299.391 45.7697C299.95 46.3844 300.676 46.6638 301.57 46.6638C302.464 46.6638 303.191 46.3844 303.75 45.7697C304.309 45.1549 304.588 44.4284 304.588 43.5902V30.569C304.588 29.4513 304.812 28.4454 305.259 27.5512C305.706 26.6571 306.376 25.9306 307.326 25.3717C308.221 24.8129 309.338 24.5893 310.624 24.5893C311.965 24.5893 312.971 24.8687 313.641 25.3717C314.368 25.9306 314.815 26.6571 315.094 27.5512C315.374 28.4454 315.486 29.4513 315.486 30.569V43.5343C315.486 44.4284 315.765 45.1549 316.324 45.7138C316.883 46.3285 317.609 46.6079 318.503 46.6079C319.398 46.6079 320.124 46.3285 320.683 45.7138C321.242 45.0991 321.521 44.3726 321.521 43.5343V30.569C321.521 29.4513 321.745 28.4454 322.192 27.5512C322.639 26.6571 323.309 25.9306 324.26 25.3717C325.154 24.8129 326.271 24.5893 327.557 24.5893C328.898 24.5893 329.904 24.8687 330.575 25.3717C331.301 25.9306 331.748 26.6571 332.028 27.5512C332.307 28.4454 332.419 29.4513 332.419 30.569V43.5343C332.419 44.4284 332.698 45.1549 333.257 45.7138C333.816 46.3285 334.542 46.6079 335.436 46.6079C336.331 46.6079 337.057 46.3285 337.616 45.7138C338.175 45.0991 338.454 44.3726 338.454 43.5343V30.569C338.622 28.4454 338.343 26.5453 337.895 24.8129ZM369.526 25.7629C368.409 23.6952 366.956 22.0186 365.055 20.845C363.155 19.6715 361.088 19.0567 358.685 19.0567C357.511 19.0567 356.393 19.2803 355.332 19.6715C354.27 20.0626 353.32 20.5656 352.537 21.2362C351.811 21.7951 351.196 22.3539 350.749 22.9687V22.6892C350.749 21.7951 350.47 21.0686 349.911 20.5097C349.352 19.895 348.625 19.6156 347.731 19.6156C346.837 19.6156 346.111 19.895 345.552 20.5097C344.993 21.1245 344.713 21.851 344.713 22.6892V53.7612C344.713 54.6554 344.993 55.4377 345.552 55.9966C346.111 56.5554 346.837 56.8349 347.731 56.8349C348.625 56.8349 349.352 56.5554 349.911 55.9407C350.47 55.326 350.749 54.5995 350.749 53.7612V43.7578C351.084 44.0931 351.531 44.4843 351.978 44.8196C352.873 45.4902 353.934 46.0491 355.108 46.4962C356.282 46.9433 357.567 47.1668 358.908 47.1668C361.199 47.1668 363.267 46.5521 365.111 45.3785C366.956 44.2049 368.409 42.5284 369.526 40.4047C370.644 38.2811 371.147 35.8781 371.147 33.0838C371.203 30.2896 370.644 27.8865 369.526 25.7629ZM364.441 37.3869C363.826 38.6723 362.932 39.7341 361.87 40.4606C360.752 41.1871 359.467 41.5783 358.014 41.5783C356.561 41.5783 355.22 41.1871 354.102 40.4606C352.984 39.7341 352.146 38.6723 351.475 37.3869C350.861 36.1016 350.525 34.6486 350.525 33.0279C350.525 31.4073 350.861 29.9543 351.475 28.6689C352.09 27.3836 352.984 26.3776 354.102 25.6511C355.22 24.9246 356.505 24.5334 358.014 24.5334C359.523 24.5334 360.808 24.9246 361.87 25.6511C362.988 26.3776 363.826 27.3836 364.441 28.6689C365.055 29.9543 365.391 31.3514 365.391 33.0279C365.335 34.6486 365.055 36.1016 364.441 37.3869Z", fill: "#23292F" })] })));
|
|
7987
8015
|
};
|
|
7988
8016
|
|
|
7989
|
-
var Wrapper$7 = styled__default["default"].div(templateObject_1$
|
|
8017
|
+
var Wrapper$7 = styled__default["default"].div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject$1(["\n width: ", ";\n"], ["\n width: ", ";\n"])), function (_a) {
|
|
7990
8018
|
var size = _a.size;
|
|
7991
8019
|
switch (size) {
|
|
7992
8020
|
default:
|
|
@@ -7996,7 +8024,7 @@ var Wrapper$7 = styled__default["default"].div(templateObject_1$M || (templateOb
|
|
|
7996
8024
|
return "116px";
|
|
7997
8025
|
}
|
|
7998
8026
|
});
|
|
7999
|
-
var templateObject_1$
|
|
8027
|
+
var templateObject_1$N;
|
|
8000
8028
|
|
|
8001
8029
|
var medals = {
|
|
8002
8030
|
small: {
|
|
@@ -8012,11 +8040,11 @@ var medals = {
|
|
|
8012
8040
|
};
|
|
8013
8041
|
var Medal = function (props) { return (jsxRuntime.jsx(Wrapper$7, __assign$2({}, props, { children: medals[props.size || "small"][props.type] }))); };
|
|
8014
8042
|
|
|
8015
|
-
var Wrapper$6 = styled__default["default"].div(templateObject_1$
|
|
8043
|
+
var Wrapper$6 = styled__default["default"].div(templateObject_1$M || (templateObject_1$M = __makeTemplateObject$1(["\n width: fit-content;\n display: flex;\n\n button:first-child {\n border-radius: 6px 0 0 6px;\n border-width: 2px 1px 2px 2px;\n }\n\n button:last-child {\n border-radius: 0 6px 6px 0;\n border-width: 2px 2px 2px 1px;\n }\n\n button {\n width: ", ";\n }\n"], ["\n width: fit-content;\n display: flex;\n\n button:first-child {\n border-radius: 6px 0 0 6px;\n border-width: 2px 1px 2px 2px;\n }\n\n button:last-child {\n border-radius: 0 6px 6px 0;\n border-width: 2px 2px 2px 1px;\n }\n\n button {\n width: ", ";\n }\n"])), function (_a) {
|
|
8016
8044
|
var disabled = _a.disabled;
|
|
8017
8045
|
return (disabled ? "49.5px" : "");
|
|
8018
8046
|
});
|
|
8019
|
-
var StyledInputNumber = styled__default["default"].input(templateObject_2$
|
|
8047
|
+
var StyledInputNumber = styled__default["default"].input(templateObject_2$A || (templateObject_2$A = __makeTemplateObject$1(["\n width: 50px;\n height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n text-align: center;\n -moz-appearance: textfield;\n\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 50px;\n height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 400;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n text-align: center;\n -moz-appearance: textfield;\n\n ::-webkit-inner-spin-button {\n -webkit-appearance: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
8020
8048
|
var disabled = _a.disabled;
|
|
8021
8049
|
return disabled ? theme.colors.lightGray.base : theme.colors.lightGray.light;
|
|
8022
8050
|
}, function (_a) {
|
|
@@ -8029,7 +8057,7 @@ var StyledInputNumber = styled__default["default"].input(templateObject_2$z || (
|
|
|
8029
8057
|
var disabled = _a.disabled;
|
|
8030
8058
|
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
8031
8059
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
8032
|
-
var templateObject_1$
|
|
8060
|
+
var templateObject_1$M, templateObject_2$A;
|
|
8033
8061
|
|
|
8034
8062
|
var Number$1 = function (props) {
|
|
8035
8063
|
var inputRef = React$3.useRef(null);
|
|
@@ -8073,7 +8101,7 @@ var Number$1 = function (props) {
|
|
|
8073
8101
|
|
|
8074
8102
|
var Paragraph = function (props) { return (jsxRuntime.jsx(StyledParagraph, __assign$2({}, props, { children: props.children }))); };
|
|
8075
8103
|
|
|
8076
|
-
var StyledRadio = styled__default["default"].div(templateObject_1$
|
|
8104
|
+
var StyledRadio = styled__default["default"].div(templateObject_1$L || (templateObject_1$L = __makeTemplateObject$1(["\n min-height: 25px;\n max-height: 25px;\n min-width: 25px;\n max-width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n cursor: ", ";\n background-color: ", ";\n\n svg {\n margin-left: -1px;\n fill: ", ";\n }\n\n input {\n display: none;\n }\n\n :after {\n content: \"\";\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background-color: ", ";\n position: absolute;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n min-height: 25px;\n max-height: 25px;\n min-width: 25px;\n max-width: 25px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n cursor: ", ";\n background-color: ", ";\n\n svg {\n margin-left: -1px;\n fill: ", ";\n }\n\n input {\n display: none;\n }\n\n :after {\n content: \"\";\n width: 15px;\n height: 15px;\n border-radius: 50%;\n background-color: ", ";\n position: absolute;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
8077
8105
|
var checked = _a.checked, disabled = _a.disabled;
|
|
8078
8106
|
if (disabled)
|
|
8079
8107
|
return theme.colors.lightGray.darker;
|
|
@@ -8101,7 +8129,7 @@ var StyledRadio = styled__default["default"].div(templateObject_1$K || (template
|
|
|
8101
8129
|
return theme.colors.green.base;
|
|
8102
8130
|
return "";
|
|
8103
8131
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
8104
|
-
var templateObject_1$
|
|
8132
|
+
var templateObject_1$L;
|
|
8105
8133
|
|
|
8106
8134
|
var Radio = function (props) {
|
|
8107
8135
|
var _a, _b;
|
|
@@ -8133,7 +8161,7 @@ var Radio = function (props) {
|
|
|
8133
8161
|
return (jsxRuntime.jsx(StyledRadio, __assign$2({ checked: checked, disabled: props.disabled, tabIndex: 0, onClick: toggle, onBlur: props.onBlur, onKeyPress: function (e) { return (e.key === "Enter" ? toggle() : null); }, ref: wrapperRef }, { children: jsxRuntime.jsx("input", { type: "radio", disabled: !!props.disabled, id: props.id, name: props.name, value: props.value, ref: inputRef }) })));
|
|
8134
8162
|
};
|
|
8135
8163
|
|
|
8136
|
-
var StyledRange = styled__default["default"].div(templateObject_1$
|
|
8164
|
+
var StyledRange = styled__default["default"].div(templateObject_1$K || (templateObject_1$K = __makeTemplateObject$1(["\n input {\n appearance: none;\n width: 100%;\n height: 11px;\n border: ", ";\n border-radius: 8px;\n position: relative;\n background: ", ";\n\n ::-webkit-slider-thumb {\n appearance: none;\n width: 24px;\n height: 24px;\n background-color: ", ";\n border: ", ";\n border-radius: 50%;\n cursor: ", ";\n }\n }\n"], ["\n input {\n appearance: none;\n width: 100%;\n height: 11px;\n border: ", ";\n border-radius: 8px;\n position: relative;\n background: ", ";\n\n ::-webkit-slider-thumb {\n appearance: none;\n width: 24px;\n height: 24px;\n background-color: ", ";\n border: ", ";\n border-radius: 50%;\n cursor: ", ";\n }\n }\n"])), function () { return "2px solid ".concat(theme.colors.lightGray.dark); }, function (_a) {
|
|
8137
8165
|
var value = _a.value, disabled = _a.disabled;
|
|
8138
8166
|
return "linear-gradient(90deg,\n ".concat(disabled ? theme.colors.lightGray.darker : theme.colors.green.base, " 0%,\n ").concat(disabled ? theme.colors.lightGray.darker : theme.colors.green.base, " ").concat(value, "%,\n ").concat(theme.colors.lightGray.dark, " ").concat(value, "%,\n ").concat(theme.colors.lightGray.dark, " 100%\n )");
|
|
8139
8167
|
}, function () { return theme.colors.lightGray.light; }, function (_a) {
|
|
@@ -8143,7 +8171,7 @@ var StyledRange = styled__default["default"].div(templateObject_1$J || (template
|
|
|
8143
8171
|
var disabled = _a.disabled;
|
|
8144
8172
|
return disabled ? "not-allowed" : "pointer";
|
|
8145
8173
|
});
|
|
8146
|
-
var templateObject_1$
|
|
8174
|
+
var templateObject_1$K;
|
|
8147
8175
|
|
|
8148
8176
|
var Range = function (props) {
|
|
8149
8177
|
var _a;
|
|
@@ -8172,11 +8200,11 @@ var Range = function (props) {
|
|
|
8172
8200
|
return (jsxRuntime.jsx(StyledRange, __assign$2({ value: value, disabled: props.disabled }, { children: jsxRuntime.jsx("input", { type: "range", disabled: !!props.disabled, id: props.id, min: props.min || 0, max: props.max || 100, ref: rangeRef, defaultValue: props.defaultValue, onChange: onChange, onBlur: props.onBlur }) })));
|
|
8173
8201
|
};
|
|
8174
8202
|
|
|
8175
|
-
var Wrapper$5 = styled__default["default"].div(templateObject_1$
|
|
8203
|
+
var Wrapper$5 = styled__default["default"].div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject$1(["\n position: relative;\n\n div {\n pointer-events: none;\n position: absolute;\n height: 24px;\n right: 12px;\n top: 14px;\n }\n\n svg {\n cursor: ", ";\n }\n"], ["\n position: relative;\n\n div {\n pointer-events: none;\n position: absolute;\n height: 24px;\n right: 12px;\n top: 14px;\n }\n\n svg {\n cursor: ", ";\n }\n"])), function (_a) {
|
|
8176
8204
|
var disabled = _a.disabled;
|
|
8177
8205
|
return (disabled ? "not-allowed" : "pointer");
|
|
8178
8206
|
});
|
|
8179
|
-
var StyledSelect = styled__default["default"].select(templateObject_2$
|
|
8207
|
+
var StyledSelect = styled__default["default"].select(templateObject_2$z || (templateObject_2$z = __makeTemplateObject$1(["\n width: 100%;\n 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 43px 13px 13px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n appearance: none;\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 100%;\n 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 43px 13px 13px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n appearance: none;\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
8180
8208
|
var disabled = _a.disabled;
|
|
8181
8209
|
return disabled ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
8182
8210
|
}, function (_a) {
|
|
@@ -8189,7 +8217,7 @@ var StyledSelect = styled__default["default"].select(templateObject_2$y || (temp
|
|
|
8189
8217
|
var isChanged = _a.isChanged;
|
|
8190
8218
|
return isChanged ? theme.colors.darkGray.base : theme.colors.lightGray.darker;
|
|
8191
8219
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
8192
|
-
var templateObject_1$
|
|
8220
|
+
var templateObject_1$J, templateObject_2$z;
|
|
8193
8221
|
|
|
8194
8222
|
var Select = function (props) {
|
|
8195
8223
|
var _a;
|
|
@@ -8211,7 +8239,7 @@ var Select = function (props) {
|
|
|
8211
8239
|
return (jsxRuntime.jsxs(Wrapper$5, { children: [jsxRuntime.jsx(Icon, { type: "chevronDown", color: "gray", size: "small" }), jsxRuntime.jsxs(StyledSelect, __assign$2({}, props, { onChange: onChange, isChanged: isChanged || props.defaultValue, ref: inputRef }, { children: [props.placeholder && jsxRuntime.jsx("option", __assign$2({ hidden: true }, { children: props.placeholder })), props.children] }))] }));
|
|
8212
8240
|
};
|
|
8213
8241
|
|
|
8214
|
-
var StyledSubheading = styled__default["default"].p(templateObject_1$
|
|
8242
|
+
var StyledSubheading = styled__default["default"].p(templateObject_1$I || (templateObject_1$I = __makeTemplateObject$1(["\n font-family: ", ";\n font-style: normal;\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n text-align: ", ";\n margin: 0;\n color: ", ";\n"], ["\n font-family: ", ";\n font-style: normal;\n font-size: ", ";\n font-weight: ", ";\n line-height: ", ";\n text-align: ", ";\n margin: 0;\n color: ", ";\n"])), theme.fonts.paragraph, function (_a) {
|
|
8215
8243
|
var size = _a.size;
|
|
8216
8244
|
return size ? theme.subheading[size].fontSize : theme.subheading.medium.fontSize;
|
|
8217
8245
|
}, function (_a) {
|
|
@@ -8239,11 +8267,11 @@ var StyledSubheading = styled__default["default"].p(templateObject_1$H || (templ
|
|
|
8239
8267
|
return theme.colors.darkGray.dark;
|
|
8240
8268
|
}
|
|
8241
8269
|
});
|
|
8242
|
-
var templateObject_1$
|
|
8270
|
+
var templateObject_1$I;
|
|
8243
8271
|
|
|
8244
8272
|
var Subheading = function (props) { return (jsxRuntime.jsx(StyledSubheading, __assign$2({}, props, { children: props.children }))); };
|
|
8245
8273
|
|
|
8246
|
-
var Container$
|
|
8274
|
+
var Container$o = styled__default["default"].div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject$1(["\n padding: 7px 10px;\n background-color: ", ";\n box-shadow: ", ";\n border: 1px solid;\n border-color: ", ";\n border-radius: 4px;\n box-sizing: border-box;\n text-decoration: none;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n color: ", ";\n"], ["\n padding: 7px 10px;\n background-color: ", ";\n box-shadow: ", ";\n border: 1px solid;\n border-color: ", ";\n border-radius: 4px;\n box-sizing: border-box;\n text-decoration: none;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n color: ", ";\n"])), function (_a) {
|
|
8247
8275
|
var color = _a.color;
|
|
8248
8276
|
if (!color)
|
|
8249
8277
|
return theme.colors.lightGray.base;
|
|
@@ -8264,14 +8292,14 @@ var Container$n = styled__default["default"].div(templateObject_1$G || (template
|
|
|
8264
8292
|
return theme.colors.darkGray.light;
|
|
8265
8293
|
return theme.colors[color].darker;
|
|
8266
8294
|
});
|
|
8267
|
-
var templateObject_1$
|
|
8295
|
+
var templateObject_1$H;
|
|
8268
8296
|
|
|
8269
8297
|
var Tag = function (_a) {
|
|
8270
8298
|
var color = _a.color, children = _a.children;
|
|
8271
|
-
return jsxRuntime.jsx(Container$
|
|
8299
|
+
return jsxRuntime.jsx(Container$o, __assign$2({ color: color }, { children: children }));
|
|
8272
8300
|
};
|
|
8273
8301
|
|
|
8274
|
-
var StyledTextarea = styled__default["default"].textarea(templateObject_1$
|
|
8302
|
+
var StyledTextarea = styled__default["default"].textarea(templateObject_1$G || (templateObject_1$G = __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) {
|
|
8275
8303
|
var disabled = _a.disabled;
|
|
8276
8304
|
return disabled ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
8277
8305
|
}, function (_a) {
|
|
@@ -8284,7 +8312,7 @@ var StyledTextarea = styled__default["default"].textarea(templateObject_1$F || (
|
|
|
8284
8312
|
var disabled = _a.disabled;
|
|
8285
8313
|
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
8286
8314
|
}, theme.fonts.paragraph, theme.paragraph.medium.fontSize, theme.paragraph.medium.lineHeight, theme.colors.lightGray.darker, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
8287
|
-
var templateObject_1$
|
|
8315
|
+
var templateObject_1$G;
|
|
8288
8316
|
|
|
8289
8317
|
var Textarea = function (props) {
|
|
8290
8318
|
var onChange = function (e) {
|
|
@@ -8294,7 +8322,7 @@ var Textarea = function (props) {
|
|
|
8294
8322
|
return jsxRuntime.jsx(StyledTextarea, __assign$2({}, props, { onChange: onChange }));
|
|
8295
8323
|
};
|
|
8296
8324
|
|
|
8297
|
-
var Container$
|
|
8325
|
+
var Container$n = styled__default["default"].div(templateObject_1$F || (templateObject_1$F = __makeTemplateObject$1(["\n width: 46px;\n min-width: 46px;\n max-width: 46px;\n height: 27px;\n min-height: 27px;\n max-height: 27px;\n border-radius: 14px;\n cursor: ", ";\n position: relative;\n background-color: ", ";\n\n :after {\n content: \"\";\n width: 21px;\n height: 21px;\n border-radius: 50%;\n position: absolute;\n top: 3px;\n right: ", ";\n left: ", ";\n background-color: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 46px;\n min-width: 46px;\n max-width: 46px;\n height: 27px;\n min-height: 27px;\n max-height: 27px;\n border-radius: 14px;\n cursor: ", ";\n position: relative;\n background-color: ", ";\n\n :after {\n content: \"\";\n width: 21px;\n height: 21px;\n border-radius: 50%;\n position: absolute;\n top: 3px;\n right: ", ";\n left: ", ";\n background-color: ", ";\n }\n\n input {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
8298
8326
|
var disabled = _a.disabled;
|
|
8299
8327
|
return (disabled ? "not-allowed" : "pointer");
|
|
8300
8328
|
}, function (_a) {
|
|
@@ -8312,7 +8340,7 @@ var Container$m = styled__default["default"].div(templateObject_1$E || (template
|
|
|
8312
8340
|
var disabled = _a.disabled;
|
|
8313
8341
|
return disabled ? theme.colors.lightGray.darker : theme.colors.lightGray.light;
|
|
8314
8342
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
8315
|
-
var templateObject_1$
|
|
8343
|
+
var templateObject_1$F;
|
|
8316
8344
|
|
|
8317
8345
|
var Toggle = function (props) {
|
|
8318
8346
|
var _a;
|
|
@@ -8340,10 +8368,10 @@ var Toggle = function (props) {
|
|
|
8340
8368
|
props.onChange(newValue);
|
|
8341
8369
|
}
|
|
8342
8370
|
};
|
|
8343
|
-
return (jsxRuntime.jsx(Container$
|
|
8371
|
+
return (jsxRuntime.jsx(Container$n, __assign$2({ checked: checked, disabled: props.disabled, tabIndex: 0, onClick: toggle, onBlur: props.onBlur, onKeyPress: function (e) { return (e.key === "Enter" ? toggle() : null); }, ref: containerRef }, { children: jsxRuntime.jsx("input", { type: "checkbox", disabled: !!props.disabled, id: props.id, name: props.name, ref: inputRef }) })));
|
|
8344
8372
|
};
|
|
8345
8373
|
|
|
8346
|
-
var Wrapper$4 = styled__default["default"].div(templateObject_1$
|
|
8374
|
+
var Wrapper$4 = styled__default["default"].div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject$1(["\n display: flex;\n align-items: flex-end;\n\n > svg {\n height: ", ";\n }\n"], ["\n display: flex;\n align-items: flex-end;\n\n > svg {\n height: ", ";\n }\n"])), function (_a) {
|
|
8347
8375
|
var level = _a.level;
|
|
8348
8376
|
switch (level) {
|
|
8349
8377
|
case 1:
|
|
@@ -8354,7 +8382,7 @@ var Wrapper$4 = styled__default["default"].div(templateObject_1$D || (templateOb
|
|
|
8354
8382
|
return "70px";
|
|
8355
8383
|
}
|
|
8356
8384
|
});
|
|
8357
|
-
var templateObject_1$
|
|
8385
|
+
var templateObject_1$E;
|
|
8358
8386
|
|
|
8359
8387
|
var trophies = {
|
|
8360
8388
|
1: {
|
|
@@ -8390,7 +8418,7 @@ var trophies = {
|
|
|
8390
8418
|
};
|
|
8391
8419
|
var Trophy = function (props) { return (jsxRuntime.jsx(Wrapper$4, __assign$2({}, props, { children: trophies[props.variant][props.level] }))); };
|
|
8392
8420
|
|
|
8393
|
-
var Container$
|
|
8421
|
+
var Container$m = styled__default["default"].div(templateObject_1$D || (templateObject_1$D = __makeTemplateObject$1(["\n min-height: 44px;\n padding: 10px;\n background-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n display: flex;\n align-items: center;\n gap: 10px;\n\n > div:first-child {\n min-width: 24px;\n min-height: 24px;\n }\n\n p {\n color: ", ";\n }\n"], ["\n min-height: 44px;\n padding: 10px;\n background-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n display: flex;\n align-items: center;\n gap: 10px;\n\n > div:first-child {\n min-width: 24px;\n min-height: 24px;\n }\n\n p {\n color: ", ";\n }\n"])), function (_a) {
|
|
8394
8422
|
var type = _a.type;
|
|
8395
8423
|
switch (type) {
|
|
8396
8424
|
case "success":
|
|
@@ -8411,7 +8439,7 @@ var Container$l = styled__default["default"].div(templateObject_1$C || (template
|
|
|
8411
8439
|
return theme.colors.blue.base;
|
|
8412
8440
|
}
|
|
8413
8441
|
});
|
|
8414
|
-
var Action = styled__default["default"].div(templateObject_2$
|
|
8442
|
+
var Action = styled__default["default"].div(templateObject_2$y || (templateObject_2$y = __makeTemplateObject$1(["\n flex-shrink: 0;\n margin-left: 15px;\n cursor: pointer;\n\n :hover p {\n color: ", ";\n }\n"], ["\n flex-shrink: 0;\n margin-left: 15px;\n cursor: pointer;\n\n :hover p {\n color: ", ";\n }\n"])), function (_a) {
|
|
8415
8443
|
var type = _a.type;
|
|
8416
8444
|
switch (type) {
|
|
8417
8445
|
default:
|
|
@@ -8423,7 +8451,7 @@ var Action = styled__default["default"].div(templateObject_2$x || (templateObjec
|
|
|
8423
8451
|
return theme.colors.blue.dark;
|
|
8424
8452
|
}
|
|
8425
8453
|
});
|
|
8426
|
-
var templateObject_1$
|
|
8454
|
+
var templateObject_1$D, templateObject_2$y;
|
|
8427
8455
|
|
|
8428
8456
|
var Alert = function (props) {
|
|
8429
8457
|
var _a = React$3.useState(true), isOpen = _a[0], setIsOpen = _a[1];
|
|
@@ -8443,10 +8471,10 @@ var Alert = function (props) {
|
|
|
8443
8471
|
icon = "infoCircle";
|
|
8444
8472
|
if (!isOpen)
|
|
8445
8473
|
return null;
|
|
8446
|
-
return (jsxRuntime.jsxs(Container$
|
|
8474
|
+
return (jsxRuntime.jsxs(Container$m, __assign$2({}, props, { children: [jsxRuntime.jsx(Icon, { size: "small", type: icon, color: color }), jsxRuntime.jsx(Paragraph, { children: props.message }), props.action && (jsxRuntime.jsx(Action, __assign$2({ type: props.type, onClick: props.action.onClick }, { children: jsxRuntime.jsx(Paragraph, __assign$2({ decoration: "underline" }, { children: props.action.label })) }))), props.isClosable && (jsxRuntime.jsx("div", __assign$2({ style: { marginLeft: "auto" } }, { children: jsxRuntime.jsx(Icon, { size: "tiny", type: "cross", color: color, onClick: function () { return setIsOpen(false); } }) })))] })));
|
|
8447
8475
|
};
|
|
8448
8476
|
|
|
8449
|
-
var StyledCard = styled__default["default"].div(templateObject_1$
|
|
8477
|
+
var StyledCard = styled__default["default"].div(templateObject_1$C || (templateObject_1$C = __makeTemplateObject$1(["\n background-color: ", ";\n border: ", ";\n box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n border-radius: 6px;\n overflow: hidden;\n position: relative;\n\n ", "\n"], ["\n background-color: ", ";\n border: ", ";\n box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n border-radius: 6px;\n overflow: hidden;\n position: relative;\n\n ", "\n"])), theme.colors.lightGray.light, function (_a) {
|
|
8450
8478
|
var bordered = _a.bordered;
|
|
8451
8479
|
return bordered ? "1px solid ".concat(theme.colors.lightGray.dark) : "none";
|
|
8452
8480
|
}, function (_a) {
|
|
@@ -8458,12 +8486,12 @@ var StyledCard = styled__default["default"].div(templateObject_1$B || (templateO
|
|
|
8458
8486
|
}, ";\n\n > div:first-child {\n width: 175%;\n padding-bottom: 175%;\n top: -25%;\n right: -25%;\n }\n }")
|
|
8459
8487
|
: "";
|
|
8460
8488
|
});
|
|
8461
|
-
var Ellipse = styled__default["default"].div(templateObject_2$
|
|
8489
|
+
var Ellipse = styled__default["default"].div(templateObject_2$x || (templateObject_2$x = __makeTemplateObject$1(["\n width: 85%;\n height: 0;\n padding-bottom: 85%;\n border-radius: 50%;\n background-color: ", ";\n opacity: 0.3;\n position: absolute;\n top: -20%;\n right: -20%;\n transition: width 0.75s, padding-bottom 0.75s, top 0.75s, right 0.75s;\n"], ["\n width: 85%;\n height: 0;\n padding-bottom: 85%;\n border-radius: 50%;\n background-color: ", ";\n opacity: 0.3;\n position: absolute;\n top: -20%;\n right: -20%;\n transition: width 0.75s, padding-bottom 0.75s, top 0.75s, right 0.75s;\n"])), function (_a) {
|
|
8462
8490
|
var color = _a.color;
|
|
8463
8491
|
return color ? theme.colors[color].light : "";
|
|
8464
8492
|
});
|
|
8465
|
-
var Content = styled__default["default"].div(templateObject_3$
|
|
8466
|
-
var templateObject_1$
|
|
8493
|
+
var Content = styled__default["default"].div(templateObject_3$e || (templateObject_3$e = __makeTemplateObject$1(["\n height: 100%;\n padding: 15px;\n position: inherit;\n top: 0;\n left: 0;\n"], ["\n height: 100%;\n padding: 15px;\n position: inherit;\n top: 0;\n left: 0;\n"])));
|
|
8494
|
+
var templateObject_1$C, templateObject_2$x, templateObject_3$e;
|
|
8467
8495
|
|
|
8468
8496
|
var Card = function (props) { return (jsxRuntime.jsxs(StyledCard, __assign$2({}, props, { children: [props.ellipse && jsxRuntime.jsx(Ellipse, { color: props.ellipse }), jsxRuntime.jsx(Content, { children: props.children })] }))); };
|
|
8469
8497
|
|
|
@@ -14712,14 +14740,14 @@ htmlReactParser.Element;
|
|
|
14712
14740
|
htmlReactParser.ProcessingInstruction;
|
|
14713
14741
|
htmlReactParser.Text;
|
|
14714
14742
|
|
|
14715
|
-
var Fieldset$1 = styled__default["default"].fieldset(templateObject_1$
|
|
14716
|
-
var CheckboxContainer = styled__default["default"].div(templateObject_2$
|
|
14717
|
-
var CheckboxWrapper = styled__default["default"].div(templateObject_3$
|
|
14718
|
-
var Label$b = styled__default["default"](StyledParagraph)(templateObject_4$
|
|
14743
|
+
var Fieldset$1 = styled__default["default"].fieldset(templateObject_1$B || (templateObject_1$B = __makeTemplateObject$1(["\n border: 0;\n margin: 0;\n padding: 0;\n"], ["\n border: 0;\n margin: 0;\n padding: 0;\n"])));
|
|
14744
|
+
var CheckboxContainer = styled__default["default"].div(templateObject_2$w || (templateObject_2$w = __makeTemplateObject$1(["\n margin-top: 5px;\n"], ["\n margin-top: 5px;\n"])));
|
|
14745
|
+
var CheckboxWrapper = styled__default["default"].div(templateObject_3$d || (templateObject_3$d = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > div:first-child {\n margin-right: 10px;\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"], ["\n display: flex;\n align-items: center;\n\n > div:first-child {\n margin-right: 10px;\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"])));
|
|
14746
|
+
var Label$b = styled__default["default"](StyledParagraph)(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject$1(["\n font-weight: ", ";\n color: ", ";\n display: flex;\n flex-wrap: wrap;\n gap: 0 6px;\n align-items: center;\n cursor: pointer;\n\n a {\n color: ", ";\n }\n"], ["\n font-weight: ", ";\n color: ", ";\n display: flex;\n flex-wrap: wrap;\n gap: 0 6px;\n align-items: center;\n cursor: pointer;\n\n a {\n color: ", ";\n }\n"])), function (_a) {
|
|
14719
14747
|
var weight = _a.weight;
|
|
14720
14748
|
return weight || 500;
|
|
14721
14749
|
}, theme.colors.darkGray.base, theme.colors.blue.base);
|
|
14722
|
-
var templateObject_1$
|
|
14750
|
+
var templateObject_1$B, templateObject_2$w, templateObject_3$d, templateObject_4$6;
|
|
14723
14751
|
|
|
14724
14752
|
var Checkboxes = function (props) {
|
|
14725
14753
|
var _a = React$3.useState(props.defaultValue || []), values = _a[0], setValues = _a[1];
|
|
@@ -14742,12 +14770,12 @@ var Checkboxes = function (props) {
|
|
|
14742
14770
|
}) })] }));
|
|
14743
14771
|
};
|
|
14744
14772
|
|
|
14745
|
-
var Container$
|
|
14746
|
-
var Item = styled__default["default"].div(templateObject_2$
|
|
14773
|
+
var Container$l = styled__default["default"].div(templateObject_1$A || (templateObject_1$A = __makeTemplateObject$1(["\n width: 100%;\n background-color: ", ";\n box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n border-radius: 6px;\n padding: 10px 20px;\n"], ["\n width: 100%;\n background-color: ", ";\n box-shadow: 0px 4px 0px rgba(0, 0, 0, 20%);\n border-radius: 6px;\n padding: 10px 20px;\n"])), theme.colors.lightGray.light);
|
|
14774
|
+
var Item = styled__default["default"].div(templateObject_2$v || (templateObject_2$v = __makeTemplateObject$1(["\n padding: 10px 0;\n cursor: pointer;\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 5px;\n }\n\n p, > div:last-child {\n display: ", ";\n margin: 0;\n }\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n"], ["\n padding: 10px 0;\n cursor: pointer;\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 5px;\n }\n\n p, > div:last-child {\n display: ", ";\n margin: 0;\n }\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n"])), function (_a) {
|
|
14747
14775
|
var isOpen = _a.isOpen;
|
|
14748
14776
|
return (isOpen ? "" : "none");
|
|
14749
14777
|
}, theme.colors.lightGray.dark);
|
|
14750
|
-
var templateObject_1$
|
|
14778
|
+
var templateObject_1$A, templateObject_2$v;
|
|
14751
14779
|
|
|
14752
14780
|
var Collapse = function (props) {
|
|
14753
14781
|
var _a = React$3.useState([]), openItems = _a[0], setOpenItems = _a[1];
|
|
@@ -14759,18 +14787,18 @@ var Collapse = function (props) {
|
|
|
14759
14787
|
setOpenItems(function (prevState) { return __spreadArray(__spreadArray([], prevState, true), [index], false); });
|
|
14760
14788
|
}
|
|
14761
14789
|
};
|
|
14762
|
-
return (jsxRuntime.jsx(Container$
|
|
14790
|
+
return (jsxRuntime.jsx(Container$l, __assign$2({}, props, { children: props.items.map(function (item, index) {
|
|
14763
14791
|
var isOpen = openItems.includes(index);
|
|
14764
14792
|
return (jsxRuntime.jsxs(Item, __assign$2({ isOpen: isOpen, onClick: function () { return onClickItem(index, isOpen); } }, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h6" }, { children: item.title })), jsxRuntime.jsx(Icon, { type: isOpen ? "chevronUp" : "chevronDown", color: "blue" })] }), jsxRuntime.jsx(Paragraph, __assign$2({ weight: "regular", as: typeof item.content !== "string" ? "div" : undefined }, { children: item.content }))] }), "".concat(item.title, "-").concat(index)));
|
|
14765
14793
|
}) })));
|
|
14766
14794
|
};
|
|
14767
14795
|
|
|
14768
|
-
var Wrapper$3 = styled__default["default"].div(templateObject_1$
|
|
14769
|
-
var Value = styled__default["default"].div(templateObject_2$
|
|
14796
|
+
var Wrapper$3 = styled__default["default"].div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
14797
|
+
var Value = styled__default["default"].div(templateObject_2$u || (templateObject_2$u = __makeTemplateObject$1(["\n width: 40px;\n height: 32px;\n background-color: ", ";\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 6px;\n\n h5 {\n color: ", ";\n }\n\n :first-child {\n margin-left: 0;\n }\n"], ["\n width: 40px;\n height: 32px;\n background-color: ", ";\n border-radius: 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 6px;\n\n h5 {\n color: ", ";\n }\n\n :first-child {\n margin-left: 0;\n }\n"])), function (_a) {
|
|
14770
14798
|
var contrast = _a.contrast;
|
|
14771
14799
|
return contrast ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
14772
14800
|
}, theme.colors.darkGray.base);
|
|
14773
|
-
var templateObject_1$
|
|
14801
|
+
var templateObject_1$z, templateObject_2$u;
|
|
14774
14802
|
|
|
14775
14803
|
var Countdown = function (_a) {
|
|
14776
14804
|
var till = _a.till, contrast = _a.contrast;
|
|
@@ -14797,20 +14825,20 @@ var Countdown = function (_a) {
|
|
|
14797
14825
|
return (jsxRuntime.jsxs(Wrapper$3, { children: [jsxRuntime.jsx(Value, __assign$2({ contrast: contrast }, { children: jsxRuntime.jsx(Heading, __assign$2({ type: "h5" }, { children: HH })) })), jsxRuntime.jsx(Heading, __assign$2({ type: "h5", color: color }, { children: ":" })), jsxRuntime.jsx(Value, __assign$2({ contrast: contrast }, { children: jsxRuntime.jsx(Heading, __assign$2({ type: "h5" }, { children: MM })) })), jsxRuntime.jsx(Heading, __assign$2({ type: "h5", color: color }, { children: ":" })), jsxRuntime.jsx(Value, __assign$2({ contrast: contrast }, { children: jsxRuntime.jsx(Heading, __assign$2({ type: "h5" }, { children: SS })) }))] }));
|
|
14798
14826
|
};
|
|
14799
14827
|
|
|
14800
|
-
var Container$
|
|
14801
|
-
var Data = styled__default["default"].div(templateObject_2$
|
|
14802
|
-
var templateObject_1$
|
|
14828
|
+
var Container$k = styled__default["default"].div(templateObject_1$y || (templateObject_1$y = __makeTemplateObject$1(["\n width: fill-available;\n padding: 15px;\n border: 1px solid;\n border-radius: 6px;\n border-color: ", ";\n background-color: ", ";\n position: relative;\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 50px;\n margin-bottom: 15px;\n\n h6 {\n font-size: 14px;\n\n :hover {\n color: ", ";\n cursor: pointer;\n }\n }\n }\n"], ["\n width: fill-available;\n padding: 15px;\n border: 1px solid;\n border-radius: 6px;\n border-color: ", ";\n background-color: ", ";\n position: relative;\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 50px;\n margin-bottom: 15px;\n\n h6 {\n font-size: 14px;\n\n :hover {\n color: ", ";\n cursor: pointer;\n }\n }\n }\n"])), theme.colors.lightGray.darker, theme.colors.lightGray.light, theme.colors.blue.base);
|
|
14829
|
+
var Data = styled__default["default"].div(templateObject_2$t || (templateObject_2$t = __makeTemplateObject$1(["\n > div {\n width: 100%;\n display: flex;\n align-items: end;\n gap: 10px;\n\n > p {\n width: 50%;\n }\n }\n"], ["\n > div {\n width: 100%;\n display: flex;\n align-items: end;\n gap: 10px;\n\n > p {\n width: 50%;\n }\n }\n"])));
|
|
14830
|
+
var templateObject_1$y, templateObject_2$t;
|
|
14803
14831
|
|
|
14804
14832
|
var DataSummary = function (_a) {
|
|
14805
14833
|
var title = _a.title, data = _a.data, onEdit = _a.onEdit, locale = _a.locale;
|
|
14806
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Container$
|
|
14834
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Container$k, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h5" }, { children: title })), onEdit && (jsxRuntime.jsx("div", __assign$2({ onClick: onEdit }, { children: jsxRuntime.jsx(Heading, __assign$2({ type: "h6", color: "gray" }, { children: translations[locale]["Edit"] })) })))] }), jsxRuntime.jsx(Data, { children: data === null || data === void 0 ? void 0 : data.map(function (item, index) {
|
|
14807
14835
|
return item instanceof Object ? (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsxs(Paragraph, __assign$2({ weight: "regular" }, { children: [item.label, ":"] })), jsxRuntime.jsx(Paragraph, __assign$2({ weight: "regular" }, { children: item.value }))] }, "".concat(item.label, "-").concat(item.value, "-").concat(index))) : (jsxRuntime.jsx(Paragraph, __assign$2({ weight: "regular" }, { children: item }), "".concat(item, "-").concat(index)));
|
|
14808
14836
|
}) })] }) }));
|
|
14809
14837
|
};
|
|
14810
14838
|
|
|
14811
|
-
var Container$
|
|
14812
|
-
var Label$a = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
14813
|
-
var templateObject_1$
|
|
14839
|
+
var Container$j = styled__default["default"].div(templateObject_1$x || (templateObject_1$x = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"])));
|
|
14840
|
+
var Label$a = styled__default["default"](StyledParagraph)(templateObject_2$s || (templateObject_2$s = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
14841
|
+
var templateObject_1$x, templateObject_2$s;
|
|
14814
14842
|
|
|
14815
14843
|
var DateInputField = function (props) {
|
|
14816
14844
|
var onChange = function (value) {
|
|
@@ -14821,7 +14849,7 @@ var DateInputField = function (props) {
|
|
|
14821
14849
|
if (props.onBlur)
|
|
14822
14850
|
props.onBlur(props.name);
|
|
14823
14851
|
};
|
|
14824
|
-
return (jsxRuntime.jsxs(Container$
|
|
14852
|
+
return (jsxRuntime.jsxs(Container$j, { children: [jsxRuntime.jsx(Label$a, __assign$2({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Input.Date, { defaultValue: props.defaultValue, min: props.min, max: props.max, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, id: props.name, onChange: onChange, onBlur: onBlur })] }));
|
|
14825
14853
|
};
|
|
14826
14854
|
|
|
14827
14855
|
var generateRandomString = function (length) {
|
|
@@ -14834,8 +14862,8 @@ var generateRandomString = function (length) {
|
|
|
14834
14862
|
return string;
|
|
14835
14863
|
};
|
|
14836
14864
|
|
|
14837
|
-
var ButtonWrapper$1 = styled__default["default"].div(templateObject_1$
|
|
14838
|
-
var Container$
|
|
14865
|
+
var ButtonWrapper$1 = styled__default["default"].div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject$1(["\n > button {\n flex-direction: row-reverse;\n padding-right: 14px;\n }\n"], ["\n > button {\n flex-direction: row-reverse;\n padding-right: 14px;\n }\n"])));
|
|
14866
|
+
var Container$i = styled__default["default"].div(templateObject_2$r || (templateObject_2$r = __makeTemplateObject$1(["\n width: max-content;\n position: fixed;\n z-index: 9;\n opacity: ", ";\n top: ", ";\n left: ", ";\n background-color: ", ";\n border-radius: 6px;\n border: 1px solid ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 10%);\n pointer-events: ", ";\n"], ["\n width: max-content;\n position: fixed;\n z-index: 9;\n opacity: ", ";\n top: ", ";\n left: ", ";\n background-color: ", ";\n border-radius: 6px;\n border: 1px solid ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 10%);\n pointer-events: ", ";\n"])), function (_a) {
|
|
14839
14867
|
var isVisible = _a.isVisible;
|
|
14840
14868
|
return (isVisible ? "100%" : "0%");
|
|
14841
14869
|
}, function (_a) {
|
|
@@ -14848,8 +14876,8 @@ var Container$h = styled__default["default"].div(templateObject_2$q || (template
|
|
|
14848
14876
|
var isVisible = _a.isVisible;
|
|
14849
14877
|
return (isVisible ? "all" : "none");
|
|
14850
14878
|
});
|
|
14851
|
-
var MenuItem = styled__default["default"].div(templateObject_3$
|
|
14852
|
-
var templateObject_1$
|
|
14879
|
+
var MenuItem = styled__default["default"].div(templateObject_3$c || (templateObject_3$c = __makeTemplateObject$1(["\n padding: 10px 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n p {\n margin-top: 2px;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n p {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n }\n"], ["\n padding: 10px 15px;\n display: flex;\n align-items: center;\n gap: 10px;\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n p {\n margin-top: 2px;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n p {\n color: ", ";\n }\n\n svg {\n fill: ", ";\n }\n }\n"])), theme.colors.lightGray.dark, theme.colors.lightGray.base, theme.colors.blue.base, theme.colors.blue.base);
|
|
14880
|
+
var templateObject_1$w, templateObject_2$r, templateObject_3$c;
|
|
14853
14881
|
|
|
14854
14882
|
var DropdownButton = function (props) {
|
|
14855
14883
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Dropdown, __assign$2({}, props, { yOffset: props.yOffset || 10, trigger: ["click"] }, { children: jsxRuntime.jsx(ButtonWrapper$1, { children: jsxRuntime.jsx(Button$1, { label: props.label, color: props.color, size: props.size, disabled: props.disabled, icon: "chevronDown" }) }) })) }) }));
|
|
@@ -14913,7 +14941,7 @@ var Dropdown = function (_a) {
|
|
|
14913
14941
|
return React__default["default"].cloneElement(child, props_1);
|
|
14914
14942
|
}
|
|
14915
14943
|
});
|
|
14916
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsx(Container$
|
|
14944
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsx(Container$i, __assign$2({}, position, { isVisible: isVisible && menu.length > 0, ref: dropwdownRef, onMouseLeave: function () { return setIsVisible(false); } }, { children: menu.map(function (_a, index) {
|
|
14917
14945
|
var label = _a.label, icon = _a.icon, onClick = _a.onClick;
|
|
14918
14946
|
return (jsxRuntime.jsx(MenuItem, __assign$2({ onClick: function () {
|
|
14919
14947
|
onClick();
|
|
@@ -17440,8 +17468,8 @@ function reducer$1(state, action) {
|
|
|
17440
17468
|
|
|
17441
17469
|
function noop$3() {}
|
|
17442
17470
|
|
|
17443
|
-
var Container$
|
|
17444
|
-
var DropZone = styled__default["default"].div(templateObject_2$
|
|
17471
|
+
var Container$h = styled__default["default"].div(templateObject_1$v || (templateObject_1$v = __makeTemplateObject$1(["\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 15px;\n"])));
|
|
17472
|
+
var DropZone = styled__default["default"].div(templateObject_2$q || (templateObject_2$q = __makeTemplateObject$1(["\n min-height: 250px;\n border-width: 2px;\n border-style: dashed;\n border-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n background-color: ", ";\n padding: 25px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"], ["\n min-height: 250px;\n border-width: 2px;\n border-style: dashed;\n border-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n background-color: ", ";\n padding: 25px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n"])), function (_a) {
|
|
17445
17473
|
_a.isDragActive; var isDragAccept = _a.isDragAccept, isDragReject = _a.isDragReject;
|
|
17446
17474
|
// if (isDragActive) return theme.colors.blue.base;
|
|
17447
17475
|
if (isDragAccept)
|
|
@@ -17460,8 +17488,8 @@ var DropZone = styled__default["default"].div(templateObject_2$p || (templateObj
|
|
|
17460
17488
|
else
|
|
17461
17489
|
return theme.colors.lightGray.base;
|
|
17462
17490
|
});
|
|
17463
|
-
var FileList = styled__default["default"].div(templateObject_3$
|
|
17464
|
-
var templateObject_1$
|
|
17491
|
+
var FileList = styled__default["default"].div(templateObject_3$b || (templateObject_3$b = __makeTemplateObject$1(["\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"], ["\n width: 100%;\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])));
|
|
17492
|
+
var templateObject_1$v, templateObject_2$q, templateObject_3$b;
|
|
17465
17493
|
|
|
17466
17494
|
var FileUpload = function (_a) {
|
|
17467
17495
|
var locale = _a.locale, accept = _a.accept, onDrop = _a.onDrop, files = _a.files;
|
|
@@ -17474,14 +17502,14 @@ var FileUpload = function (_a) {
|
|
|
17474
17502
|
// Max number of files: 1
|
|
17475
17503
|
maxFiles: 1,
|
|
17476
17504
|
}), getRootProps = _b.getRootProps, getInputProps = _b.getInputProps, isDragActive = _b.isDragActive, isDragAccept = _b.isDragAccept, isDragReject = _b.isDragReject;
|
|
17477
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Container$
|
|
17505
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Container$h, { children: [jsxRuntime.jsxs(DropZone, __assign$2({}, getRootProps({
|
|
17478
17506
|
isDragActive: isDragActive,
|
|
17479
17507
|
isDragAccept: isDragAccept,
|
|
17480
17508
|
isDragReject: isDragReject,
|
|
17481
17509
|
}), { children: [jsxRuntime.jsx("input", __assign$2({}, getInputProps())), jsxRuntime.jsx(Icon, { type: "fileArrow", size: "large" }), jsxRuntime.jsx(Spacer, { vertical: 15 }), !isDragActive && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["Drag file(s) here..."] })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Paragraph, { children: translations[locale]["or"] }), jsxRuntime.jsx(Spacer, { vertical: 10 }), jsxRuntime.jsx(Button$1, { label: translations[locale]["Select file(s)"], size: "small" })] })), isDragActive && !isDragReject && (jsxRuntime.jsx(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["Upload file(s)..."] }))), isDragReject && (jsxRuntime.jsx(Heading, __assign$2({ type: "h6" }, { children: translations[locale]["File type not allowed"] })))] })), files && files.length > 0 && (jsxRuntime.jsx(FileList, { children: files.map(function (file, index) { return (jsxRuntime.jsx(Alert, { type: "success", message: file.name }, "".concat(file.name, "-").concat(index))); }) }))] }) }));
|
|
17482
17510
|
};
|
|
17483
17511
|
|
|
17484
|
-
var StyledIconButton = styled__default["default"](StyledButton)(templateObject_1$
|
|
17512
|
+
var StyledIconButton = styled__default["default"](StyledButton)(templateObject_1$u || (templateObject_1$u = __makeTemplateObject$1(["\n min-width: ", ";\n max-width: ", ";\n min-height: ", ";\n max-height: ", ";\n padding: 2px 0 0 0;\n\n > div:first-child {\n margin-top: -2px;\n pointer-events: none;\n }\n\n :active {\n min-height: ", ";\n max-height: ", ";\n }\n"], ["\n min-width: ", ";\n max-width: ", ";\n min-height: ", ";\n max-height: ", ";\n padding: 2px 0 0 0;\n\n > div:first-child {\n margin-top: -2px;\n pointer-events: none;\n }\n\n :active {\n min-height: ", ";\n max-height: ", ";\n }\n"])), function (_a) {
|
|
17485
17513
|
var size = _a.size;
|
|
17486
17514
|
return (size === "small" ? "30px" : "40px");
|
|
17487
17515
|
}, function (_a) {
|
|
@@ -17500,15 +17528,15 @@ var StyledIconButton = styled__default["default"](StyledButton)(templateObject_1
|
|
|
17500
17528
|
var size = _a.size;
|
|
17501
17529
|
return (size === "small" ? "27px" : "37px");
|
|
17502
17530
|
});
|
|
17503
|
-
var templateObject_1$
|
|
17531
|
+
var templateObject_1$u;
|
|
17504
17532
|
|
|
17505
17533
|
var IconButton = function (props) {
|
|
17506
17534
|
return (jsxRuntime.jsx(StyledIconButton, __assign$2({}, props, { children: jsxRuntime.jsx(Icon, { type: props.icon, size: props.size === "small" ? "tiny" : "small", color: props.color === "white" ? "gray" : "white" }) })));
|
|
17507
17535
|
};
|
|
17508
17536
|
|
|
17509
|
-
var Container$
|
|
17510
|
-
var Label$9 = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
17511
|
-
var templateObject_1$
|
|
17537
|
+
var Container$g = styled__default["default"].div(templateObject_1$t || (templateObject_1$t = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"])));
|
|
17538
|
+
var Label$9 = styled__default["default"](StyledParagraph)(templateObject_2$p || (templateObject_2$p = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
17539
|
+
var templateObject_1$t, templateObject_2$p;
|
|
17512
17540
|
|
|
17513
17541
|
var InputField = function (props) {
|
|
17514
17542
|
var onChange = function (value) {
|
|
@@ -17519,10 +17547,10 @@ var InputField = function (props) {
|
|
|
17519
17547
|
if (props.onBlur)
|
|
17520
17548
|
props.onBlur(props.name);
|
|
17521
17549
|
};
|
|
17522
|
-
return (jsxRuntime.jsxs(Container$
|
|
17550
|
+
return (jsxRuntime.jsxs(Container$g, { children: [jsxRuntime.jsx(Label$9, __assign$2({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Input, { defaultValue: props.defaultValue, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, onChange: onChange, onBlur: onBlur }), props.tips && (jsxRuntime.jsxs("div", __assign$2({ style: { marginLeft: "5px" } }, { children: [jsxRuntime.jsx(Spacer, { vertical: 5 }), props.tips.map(function (tip, index) { return (jsxRuntime.jsxs(Paragraph, __assign$2({ size: "small", weight: "regular" }, { children: ["\u2022 ", tip] }), "".concat(tip, "-").concat(index))); })] })))] }));
|
|
17523
17551
|
};
|
|
17524
17552
|
|
|
17525
|
-
var Container$
|
|
17553
|
+
var Container$f = styled__default["default"].div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject$1(["\n min-width: 74px;\n max-width: ", ";\n min-height: 74px;\n max-height: 74px;\n background-color: ", ";\n box-sizing: border-box;\n\n border: 4px solid;\n border-radius: 6px;\n border-color: ", ";\n\n padding: 8px 24px;\n margin-right: 6px;\n margin-left: 6px;\n margin-bottom: ", ";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n position: relative;\n text-transform: uppercase;\n\n h1 {\n color: ", ";\n }\n\n > svg {\n fill: ", ";\n }\n"], ["\n min-width: 74px;\n max-width: ", ";\n min-height: 74px;\n max-height: 74px;\n background-color: ", ";\n box-sizing: border-box;\n\n border: 4px solid;\n border-radius: 6px;\n border-color: ", ";\n\n padding: 8px 24px;\n margin-right: 6px;\n margin-left: 6px;\n margin-bottom: ", ";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n position: relative;\n text-transform: uppercase;\n\n h1 {\n color: ", ";\n }\n\n > svg {\n fill: ", ";\n }\n"])), function (_a) {
|
|
17526
17554
|
var char = _a.char;
|
|
17527
17555
|
return (char.length === 1 ? "74px" : "");
|
|
17528
17556
|
}, function (_a) {
|
|
@@ -17569,23 +17597,23 @@ var Container$e = styled__default["default"].div(templateObject_1$r || (template
|
|
|
17569
17597
|
return theme.colors.darkGray.light;
|
|
17570
17598
|
}
|
|
17571
17599
|
});
|
|
17572
|
-
var CheckIconWrapper = styled__default["default"].div(templateObject_2$
|
|
17573
|
-
var templateObject_1$
|
|
17600
|
+
var CheckIconWrapper = styled__default["default"].div(templateObject_2$o || (templateObject_2$o = __makeTemplateObject$1(["\n position: absolute;\n top: 0;\n right: 0;\n"], ["\n position: absolute;\n top: 0;\n right: 0;\n"])));
|
|
17601
|
+
var templateObject_1$s, templateObject_2$o;
|
|
17574
17602
|
|
|
17575
|
-
var Key$
|
|
17603
|
+
var Key$2 = function (props) { return (jsxRuntime.jsxs(Container$f, __assign$2({}, props, { children: [props.status === "passed" && (jsxRuntime.jsx(CheckIconWrapper, { children: jsxRuntime.jsx(Icon, { type: "check", color: "green", size: "small" }) })), props.char === " " ? (jsxRuntime.jsx("svg", __assign$2({ width: "28", height: "28", viewBox: "0 0 28 1", style: {
|
|
17576
17604
|
marginTop: "13px",
|
|
17577
17605
|
transform: "scale(2)",
|
|
17578
17606
|
} }, { children: jsxRuntime.jsx("path", { d: "M0 4.5V1C0 0.447715 0.447715 0 1 0H2C2.55228 0 3 0.447715 3 1V4H25V1C25 0.447715 25.4477 0 26 0H27C27.5523 0 28 0.447715 28 1V4.5C28 5.88071 26.8807 7 25.5 7H2.5C1.11929 7 0 5.88071 0 4.5Z" }) }))) : (jsxRuntime.jsx(Heading, __assign$2({ type: "h1" }, { children: props.char })))] }))); };
|
|
17579
17607
|
|
|
17580
|
-
var Wrapper$2 = styled__default["default"].a(templateObject_1$
|
|
17608
|
+
var Wrapper$2 = styled__default["default"].a(templateObject_1$r || (templateObject_1$r = __makeTemplateObject$1(["\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n\n > div {\n width: 19px;\n height: 19px;\n margin-right: ", ";\n margin-left: ", ";\n }\n"], ["\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n\n > div {\n width: 19px;\n height: 19px;\n margin-right: ", ";\n margin-left: ", ";\n }\n"])), function (_a) {
|
|
17581
17609
|
var chevron = _a.chevron;
|
|
17582
17610
|
return (chevron === "left" ? "4px" : "");
|
|
17583
17611
|
}, function (_a) {
|
|
17584
17612
|
var chevron = _a.chevron;
|
|
17585
17613
|
return (chevron === "right" ? "4px" : "");
|
|
17586
17614
|
});
|
|
17587
|
-
var StyledLink = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
17588
|
-
var templateObject_1$
|
|
17615
|
+
var StyledLink = styled__default["default"](StyledParagraph)(templateObject_2$n || (templateObject_2$n = __makeTemplateObject$1(["\n color: ", ";\n\n :hover {\n text-decoration: underline;\n }\n"], ["\n color: ", ";\n\n :hover {\n text-decoration: underline;\n }\n"])), theme.colors.darkGray.dark);
|
|
17616
|
+
var templateObject_1$r, templateObject_2$n;
|
|
17589
17617
|
|
|
17590
17618
|
var Link = function (props) {
|
|
17591
17619
|
var onClick = function (e) {
|
|
@@ -17597,13 +17625,13 @@ var Link = function (props) {
|
|
|
17597
17625
|
return (jsxRuntime.jsxs(Wrapper$2, __assign$2({ chevron: props.chevron, href: props.href, onClick: onClick }, { children: [props.chevron === "left" && jsxRuntime.jsx(Icon, { type: "chevronLeft", color: "green" }), jsxRuntime.jsx(StyledLink, __assign$2({ size: "large" }, { children: props.children })), props.chevron !== "none" && props.chevron !== "left" && (jsxRuntime.jsx(Icon, { type: "chevronRight", color: "green" }))] })));
|
|
17598
17626
|
};
|
|
17599
17627
|
|
|
17600
|
-
var Container$
|
|
17628
|
+
var Container$e = styled__default["default"].div(templateObject_1$q || (templateObject_1$q = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: ", ";\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: ", ";\n"])), function (_a) {
|
|
17601
17629
|
var text = _a.text;
|
|
17602
17630
|
return (text ? "20px" : "");
|
|
17603
17631
|
});
|
|
17604
|
-
var templateObject_1$
|
|
17632
|
+
var templateObject_1$q;
|
|
17605
17633
|
|
|
17606
|
-
var Loading = function (props) { return (jsxRuntime.jsxs(Container$
|
|
17634
|
+
var Loading = function (props) { return (jsxRuntime.jsxs(Container$e, __assign$2({}, props, { children: [jsxRuntime.jsx(_default$1, { color: theme.colors[props.color].base, speedMultiplier: 0.5 }), props.text && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Spacer, { vertical: 20 }), jsxRuntime.jsx(Heading, __assign$2({ type: "h6", color: props.textColor || "black" }, { children: props.text }))] }))] }))); };
|
|
17607
17635
|
|
|
17608
17636
|
var mappers = {};
|
|
17609
17637
|
|
|
@@ -17611,13 +17639,13 @@ var getCountryByLocale$1 = {};
|
|
|
17611
17639
|
|
|
17612
17640
|
Object.defineProperty(getCountryByLocale$1, "__esModule", { value: true });
|
|
17613
17641
|
getCountryByLocale$1.getCountryByLocale = void 0;
|
|
17614
|
-
var enums_1$
|
|
17642
|
+
var enums_1$3 = enums;
|
|
17615
17643
|
var getCountryByLocale = function (locale) {
|
|
17616
17644
|
var _a;
|
|
17617
17645
|
var countries = (_a = {},
|
|
17618
|
-
_a[enums_1$
|
|
17619
|
-
_a[enums_1$
|
|
17620
|
-
_a[enums_1$
|
|
17646
|
+
_a[enums_1$3.Locale.NL_NL] = enums_1$3.Country.NL,
|
|
17647
|
+
_a[enums_1$3.Locale.NL_BE] = enums_1$3.Country.BE,
|
|
17648
|
+
_a[enums_1$3.Locale.EN_GB] = enums_1$3.Country.GB,
|
|
17621
17649
|
_a);
|
|
17622
17650
|
return countries[locale];
|
|
17623
17651
|
};
|
|
@@ -17627,13 +17655,13 @@ var getCurrencyByLocale$1 = {};
|
|
|
17627
17655
|
|
|
17628
17656
|
Object.defineProperty(getCurrencyByLocale$1, "__esModule", { value: true });
|
|
17629
17657
|
getCurrencyByLocale$1.getCurrencyByLocale = void 0;
|
|
17630
|
-
var enums_1$
|
|
17658
|
+
var enums_1$2 = enums;
|
|
17631
17659
|
var getCurrencyByLocale = function (locale) {
|
|
17632
17660
|
var _a;
|
|
17633
17661
|
var currencies = (_a = {},
|
|
17634
|
-
_a[enums_1$
|
|
17635
|
-
_a[enums_1$
|
|
17636
|
-
_a[enums_1$
|
|
17662
|
+
_a[enums_1$2.Locale.NL_NL] = enums_1$2.Currency.EUR,
|
|
17663
|
+
_a[enums_1$2.Locale.NL_BE] = enums_1$2.Currency.EUR,
|
|
17664
|
+
_a[enums_1$2.Locale.EN_GB] = enums_1$2.Currency.GBP,
|
|
17637
17665
|
_a);
|
|
17638
17666
|
return currencies[locale];
|
|
17639
17667
|
};
|
|
@@ -17643,13 +17671,13 @@ var getKeyboardLayoutByLocale$1 = {};
|
|
|
17643
17671
|
|
|
17644
17672
|
Object.defineProperty(getKeyboardLayoutByLocale$1, "__esModule", { value: true });
|
|
17645
17673
|
getKeyboardLayoutByLocale$1.getKeyboardLayoutByLocale = void 0;
|
|
17646
|
-
var enums_1$
|
|
17674
|
+
var enums_1$1 = enums;
|
|
17647
17675
|
var getKeyboardLayoutByLocale = function (locale) {
|
|
17648
17676
|
var _a;
|
|
17649
17677
|
var keyboardLayouts = (_a = {},
|
|
17650
|
-
_a[enums_1$
|
|
17651
|
-
_a[enums_1$
|
|
17652
|
-
_a[enums_1$
|
|
17678
|
+
_a[enums_1$1.Locale.NL_NL] = enums_1$1.KeyboardLayout.QWERTY_NL,
|
|
17679
|
+
_a[enums_1$1.Locale.NL_BE] = enums_1$1.KeyboardLayout.AZERTY_BE,
|
|
17680
|
+
_a[enums_1$1.Locale.EN_GB] = enums_1$1.KeyboardLayout.QWERTY_UK,
|
|
17653
17681
|
_a);
|
|
17654
17682
|
return keyboardLayouts[locale];
|
|
17655
17683
|
};
|
|
@@ -17659,45 +17687,18 @@ var getNativeLanguageByLocale$1 = {};
|
|
|
17659
17687
|
|
|
17660
17688
|
Object.defineProperty(getNativeLanguageByLocale$1, "__esModule", { value: true });
|
|
17661
17689
|
getNativeLanguageByLocale$1.getNativeLanguageByLocale = void 0;
|
|
17662
|
-
var enums_1
|
|
17690
|
+
var enums_1 = enums;
|
|
17663
17691
|
var getNativeLanguageByLocale = function (locale) {
|
|
17664
17692
|
var _a;
|
|
17665
17693
|
var nativeLanguages = (_a = {},
|
|
17666
|
-
_a[enums_1
|
|
17667
|
-
_a[enums_1
|
|
17668
|
-
_a[enums_1
|
|
17694
|
+
_a[enums_1.Locale.NL_NL] = "Nederlands",
|
|
17695
|
+
_a[enums_1.Locale.NL_BE] = "Nederlands (BE)",
|
|
17696
|
+
_a[enums_1.Locale.EN_GB] = "English (UK)",
|
|
17669
17697
|
_a);
|
|
17670
17698
|
return nativeLanguages[locale];
|
|
17671
17699
|
};
|
|
17672
17700
|
getNativeLanguageByLocale$1.getNativeLanguageByLocale = getNativeLanguageByLocale;
|
|
17673
17701
|
|
|
17674
|
-
var getPricing$1 = {};
|
|
17675
|
-
|
|
17676
|
-
Object.defineProperty(getPricing$1, "__esModule", { value: true });
|
|
17677
|
-
getPricing$1.getPricing = void 0;
|
|
17678
|
-
var enums_1 = enums;
|
|
17679
|
-
var getPricing = function (currency) {
|
|
17680
|
-
var _a, _b, _c, _d;
|
|
17681
|
-
var plans = (_a = {},
|
|
17682
|
-
_a[enums_1.Plan.HOBBY] = (_b = {},
|
|
17683
|
-
_b[enums_1.Currency.EUR] = 0,
|
|
17684
|
-
_b[enums_1.Currency.GBP] = 0,
|
|
17685
|
-
_b[enums_1.Currency.USD] = 0,
|
|
17686
|
-
_b),
|
|
17687
|
-
_a[enums_1.Plan.PROFESSIONAL] = (_c = {},
|
|
17688
|
-
_c[enums_1.Currency.EUR] = 14.95,
|
|
17689
|
-
_c[enums_1.Currency.GBP] = 12.95,
|
|
17690
|
-
_c[enums_1.Currency.USD] = 15.95,
|
|
17691
|
-
_c),
|
|
17692
|
-
_a);
|
|
17693
|
-
var pricing = (_d = {},
|
|
17694
|
-
_d[enums_1.Plan.HOBBY] = plans.hobby[currency],
|
|
17695
|
-
_d[enums_1.Plan.PROFESSIONAL] = plans.professional[currency],
|
|
17696
|
-
_d);
|
|
17697
|
-
return pricing;
|
|
17698
|
-
};
|
|
17699
|
-
getPricing$1.getPricing = getPricing;
|
|
17700
|
-
|
|
17701
17702
|
(function (exports) {
|
|
17702
17703
|
var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
17703
17704
|
if (k2 === undefined) k2 = k;
|
|
@@ -17718,12 +17719,11 @@ __exportStar(getCountryByLocale$1, exports);
|
|
|
17718
17719
|
__exportStar(getCurrencyByLocale$1, exports);
|
|
17719
17720
|
__exportStar(getKeyboardLayoutByLocale$1, exports);
|
|
17720
17721
|
__exportStar(getNativeLanguageByLocale$1, exports);
|
|
17721
|
-
__exportStar(getPricing$1, exports);
|
|
17722
17722
|
|
|
17723
17723
|
}(mappers));
|
|
17724
17724
|
|
|
17725
|
-
var Button = styled__default["default"].button(templateObject_1$
|
|
17726
|
-
var templateObject_1$
|
|
17725
|
+
var Button = styled__default["default"].button(templateObject_1$p || (templateObject_1$p = __makeTemplateObject$1(["\n all: unset;\n height: 46px;\n box-sizing: border-box;\n padding: 10px 15px;\n background-color: ", ";\n border-radius: 6px;\n border: 1px solid ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 10%);\n\n display: flex;\n align-items: center;\n gap: 10px;\n\n svg {\n pointer-events: none;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n }\n"], ["\n all: unset;\n height: 46px;\n box-sizing: border-box;\n padding: 10px 15px;\n background-color: ", ";\n border-radius: 6px;\n border: 1px solid ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 10%);\n\n display: flex;\n align-items: center;\n gap: 10px;\n\n svg {\n pointer-events: none;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n }\n"])), theme.colors.lightGray.light, theme.colors.lightGray.dark, theme.colors.lightGray.base);
|
|
17726
|
+
var templateObject_1$p;
|
|
17727
17727
|
|
|
17728
17728
|
var LocaleSelect = function (props) {
|
|
17729
17729
|
var _a = React$3.useState(props.defaultValue), selectedLocale = _a[0], setSelectedLocale = _a[1];
|
|
@@ -17739,17 +17739,17 @@ var LocaleSelect = function (props) {
|
|
|
17739
17739
|
}); }) }, { children: jsxRuntime.jsxs(Button, { children: [jsxRuntime.jsx(Flag, { locale: selectedLocale }), !props.iconOnly && (jsxRuntime.jsx(Heading, __assign$2({ type: "h6", as: "span" }, { children: mappers.getNativeLanguageByLocale(selectedLocale) })))] }) })));
|
|
17740
17740
|
};
|
|
17741
17741
|
|
|
17742
|
-
var Wrapper$1 = styled__default["default"].div(templateObject_1$
|
|
17743
|
-
var templateObject_1$
|
|
17742
|
+
var Wrapper$1 = styled__default["default"].div(templateObject_1$o || (templateObject_1$o = __makeTemplateObject$1(["\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"])));
|
|
17743
|
+
var templateObject_1$o;
|
|
17744
17744
|
|
|
17745
17745
|
var Medals = function (props) { return (jsxRuntime.jsxs(Wrapper$1, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Medal, { type: enums.Medal.GOLD }), jsxRuntime.jsx(Spacer, { horizontal: 5 }), jsxRuntime.jsxs(Heading, __assign$2({ type: "h6" }, { children: ["x ", props.gold || 0] }))] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Medal, { type: enums.Medal.SILVER }), jsxRuntime.jsx(Spacer, { horizontal: 5 }), jsxRuntime.jsxs(Heading, __assign$2({ type: "h6" }, { children: ["x ", props.silver || 0] }))] }), jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Medal, { type: enums.Medal.BRONZE }), jsxRuntime.jsx(Spacer, { horizontal: 5 }), jsxRuntime.jsxs(Heading, __assign$2({ type: "h6" }, { children: ["x ", props.bronze || 0] }))] })] })); };
|
|
17746
17746
|
|
|
17747
|
-
var NotificationContainer = styled__default["default"].div(templateObject_1$
|
|
17747
|
+
var NotificationContainer = styled__default["default"].div(templateObject_1$n || (templateObject_1$n = __makeTemplateObject$1(["\n width: fit-content;\n max-width: 460px;\n padding: 15px;\n border-radius: 6px;\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n }\n"], ["\n width: fit-content;\n max-width: 460px;\n padding: 15px;\n border-radius: 6px;\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n\n > div:first-child {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n }\n"])), function (_a) {
|
|
17748
17748
|
var contrast = _a.contrast;
|
|
17749
17749
|
return contrast ? theme.colors.lightGray.light : theme.colors.lightGray.base;
|
|
17750
17750
|
});
|
|
17751
|
-
var ButtonContainer = styled__default["default"].div(templateObject_2$
|
|
17752
|
-
var templateObject_1$
|
|
17751
|
+
var ButtonContainer = styled__default["default"].div(templateObject_2$m || (templateObject_2$m = __makeTemplateObject$1(["\n margin-top: 20px;\n display: flex;\n\n > *:first-child {\n margin-right: 10px;\n }\n"], ["\n margin-top: 20px;\n display: flex;\n\n > *:first-child {\n margin-right: 10px;\n }\n"])));
|
|
17752
|
+
var templateObject_1$n, templateObject_2$m;
|
|
17753
17753
|
|
|
17754
17754
|
var Notification = function (props) {
|
|
17755
17755
|
if (!props.isVisible)
|
|
@@ -17757,9 +17757,9 @@ var Notification = function (props) {
|
|
|
17757
17757
|
return (jsxRuntime.jsxs(NotificationContainer, __assign$2({ contrast: !!props.contrast }, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h4" }, { children: props.title })), props.onClose && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Spacer, { horizontal: 15 }), jsxRuntime.jsx(IconButton, { icon: "cross", color: "green", onClick: props.onClose })] }))] }), jsxRuntime.jsx(Paragraph, __assign$2({ size: "small", weight: "regular", color: "darkGray" }, { children: props.content })), props.buttons && (jsxRuntime.jsx(ButtonContainer, { children: props.buttons.map(function (button, index) { return (React$3.createElement(Button$1, __assign$2({}, button, { size: "small", color: index + 1 === props.buttons.length ? "blue" : "white", key: "button-".concat(index) }))); }) }))] })));
|
|
17758
17758
|
};
|
|
17759
17759
|
|
|
17760
|
-
var Container$
|
|
17761
|
-
var Label$8 = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
17762
|
-
var templateObject_1$
|
|
17760
|
+
var Container$d = styled__default["default"].div(templateObject_1$m || (templateObject_1$m = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"])));
|
|
17761
|
+
var Label$8 = styled__default["default"](StyledParagraph)(templateObject_2$l || (templateObject_2$l = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
17762
|
+
var templateObject_1$m, templateObject_2$l;
|
|
17763
17763
|
|
|
17764
17764
|
var NumberField = function (props) {
|
|
17765
17765
|
var onChange = function (value) {
|
|
@@ -17770,12 +17770,12 @@ var NumberField = function (props) {
|
|
|
17770
17770
|
if (props.onBlur)
|
|
17771
17771
|
props.onBlur(props.name);
|
|
17772
17772
|
};
|
|
17773
|
-
return (jsxRuntime.jsxs(Container$
|
|
17773
|
+
return (jsxRuntime.jsxs(Container$d, { children: [jsxRuntime.jsx(Label$8, __assign$2({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Number$1, { min: props.min, max: props.max, defaultValue: props.defaultValue, autoComplete: props.autoComplete, disabled: props.disabled, autoFocus: props.autoFocus, id: props.name, onChange: onChange, onBlur: onBlur })] }));
|
|
17774
17774
|
};
|
|
17775
17775
|
|
|
17776
|
-
var Container$
|
|
17777
|
-
var Label$7 = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
17778
|
-
var templateObject_1$
|
|
17776
|
+
var Container$c = styled__default["default"].div(templateObject_1$l || (templateObject_1$l = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"])));
|
|
17777
|
+
var Label$7 = styled__default["default"](StyledParagraph)(templateObject_2$k || (templateObject_2$k = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
17778
|
+
var templateObject_1$l, templateObject_2$k;
|
|
17779
17779
|
|
|
17780
17780
|
var PasswordInputField = function (props) {
|
|
17781
17781
|
var onChange = function (value) {
|
|
@@ -17791,10 +17791,10 @@ var PasswordInputField = function (props) {
|
|
|
17791
17791
|
if (props.onBlur)
|
|
17792
17792
|
props.onBlur(props.name);
|
|
17793
17793
|
};
|
|
17794
|
-
return (jsxRuntime.jsxs(Container$
|
|
17794
|
+
return (jsxRuntime.jsxs(Container$c, { children: [jsxRuntime.jsx(Label$7, __assign$2({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Input.Password, { defaultValue: props.defaultValue, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, helperLocale: props.helperLocale, id: props.name, onChange: onChange, onKeyPress: onKeyPress, onBlur: onBlur })] }));
|
|
17795
17795
|
};
|
|
17796
17796
|
|
|
17797
|
-
var PopupContainer = styled__default["default"].div(templateObject_1$
|
|
17797
|
+
var PopupContainer = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$1(["\n width: fit-content;\n max-width: 25vw;\n position: fixed;\n opacity: ", ";\n top: ", ";\n left: ", ";\n padding: 15px;\n margin-top: 10px;\n border-radius: 6px;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n pointer-events: none;\n z-index: 9;\n\n ", ";\n"], ["\n width: fit-content;\n max-width: 25vw;\n position: fixed;\n opacity: ", ";\n top: ", ";\n left: ", ";\n padding: 15px;\n margin-top: 10px;\n border-radius: 6px;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n pointer-events: none;\n z-index: 9;\n\n ", ";\n"])), function (_a) {
|
|
17798
17798
|
var isVisible = _a.isVisible;
|
|
17799
17799
|
return (isVisible ? "100%" : "0%");
|
|
17800
17800
|
}, function (_a) {
|
|
@@ -17811,7 +17811,7 @@ var PopupContainer = styled__default["default"].div(templateObject_1$j || (templ
|
|
|
17811
17811
|
return noStyle &&
|
|
17812
17812
|
"\n max-width: 100%;\n padding: 0;\n border-radius: 0;\n border: none;\n background-color: transparent;\n box-shadow: none;\n ";
|
|
17813
17813
|
});
|
|
17814
|
-
var templateObject_1$
|
|
17814
|
+
var templateObject_1$k;
|
|
17815
17815
|
|
|
17816
17816
|
var Popup = function (props) {
|
|
17817
17817
|
var popupRef = React$3.useRef(null);
|
|
@@ -17853,25 +17853,25 @@ var Popup = function (props) {
|
|
|
17853
17853
|
props.content] }))] }));
|
|
17854
17854
|
};
|
|
17855
17855
|
|
|
17856
|
-
var Wrapper = styled__default["default"].div(templateObject_1$
|
|
17857
|
-
var StyledProgressBar = styled__default["default"].div(templateObject_2$
|
|
17856
|
+
var Wrapper = styled__default["default"].div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject$1(["\n width: 100%;\n display: flex;\n align-items: center;\n"], ["\n width: 100%;\n display: flex;\n align-items: center;\n"])));
|
|
17857
|
+
var StyledProgressBar = styled__default["default"].div(templateObject_2$j || (templateObject_2$j = __makeTemplateObject$1(["\n width: 100%;\n height: 15px;\n position: relative;\n background-color: ", ";\n border-radius: 8px;\n margin-right: ", ";\n"], ["\n width: 100%;\n height: 15px;\n position: relative;\n background-color: ", ";\n border-radius: 8px;\n margin-right: ", ";\n"])), theme.colors.lightGray.dark, function (_a) {
|
|
17858
17858
|
var showInfo = _a.showInfo;
|
|
17859
17859
|
return (showInfo ? "10px" : "");
|
|
17860
17860
|
});
|
|
17861
|
-
var Indicator$1 = styled__default["default"].div(templateObject_3$
|
|
17861
|
+
var Indicator$1 = styled__default["default"].div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject$1(["\n width: ", ";\n max-width: calc(100% - 6px);\n height: 9px;\n position: relative;\n background-color: ", ";\n border-radius: 8px;\n top: 3px;\n left: 3px;\n"], ["\n width: ", ";\n max-width: calc(100% - 6px);\n height: 9px;\n position: relative;\n background-color: ", ";\n border-radius: 8px;\n top: 3px;\n left: 3px;\n"])), function (_a) {
|
|
17862
17862
|
var percent = _a.percent;
|
|
17863
17863
|
return "calc(".concat(percent, "% - 6px)");
|
|
17864
17864
|
}, function (_a) {
|
|
17865
17865
|
var color = _a.color;
|
|
17866
17866
|
return color ? theme.colors[color].base : theme.colors.green.base;
|
|
17867
17867
|
});
|
|
17868
|
-
var templateObject_1$
|
|
17868
|
+
var templateObject_1$j, templateObject_2$j, templateObject_3$a;
|
|
17869
17869
|
|
|
17870
17870
|
var ProgressBar = function (props) { return (jsxRuntime.jsxs(Wrapper, { children: [jsxRuntime.jsx(StyledProgressBar, __assign$2({}, props, { children: jsxRuntime.jsx(Indicator$1, __assign$2({}, props)) })), props.showInfo && (jsxRuntime.jsx(Paragraph, __assign$2({ size: "small" }, { children: props.info ? props.info : "".concat(props.percent, "%") })))] })); };
|
|
17871
17871
|
|
|
17872
|
-
var Container$
|
|
17873
|
-
var Step$2 = styled__default["default"].li(templateObject_2$
|
|
17874
|
-
var Dot$2 = styled__default["default"].div(templateObject_3$
|
|
17872
|
+
var Container$b = styled__default["default"].ol(templateObject_1$i || (templateObject_1$i = __makeTemplateObject$1(["\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n list-style-type: none;\n position: relative;\n\n :after {\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: ", ";\n position: absolute;\n top: 14px;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n gap: 20px;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n list-style-type: none;\n position: relative;\n\n :after {\n content: \"\";\n height: 4px;\n width: 100%;\n background-color: ", ";\n position: absolute;\n top: 14px;\n }\n"])), theme.colors.lightGray.dark);
|
|
17873
|
+
var Step$2 = styled__default["default"].li(templateObject_2$i || (templateObject_2$i = __makeTemplateObject$1(["\n z-index: 1;\n\n p {\n margin-top: 10px;\n }\n"], ["\n z-index: 1;\n\n p {\n margin-top: 10px;\n }\n"])));
|
|
17874
|
+
var Dot$2 = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject$1(["\n width: 32px;\n height: 32px;\n border-radius: 50%;\n outline: 10px solid ", ";\n cursor: ", ";\n\n background-color: ", ";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n :hover {\n background-color: ", ";\n }\n\n > div {\n pointer-events: none;\n }\n"], ["\n width: 32px;\n height: 32px;\n border-radius: 50%;\n outline: 10px solid ", ";\n cursor: ", ";\n\n background-color: ", ";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n :hover {\n background-color: ", ";\n }\n\n > div {\n pointer-events: none;\n }\n"])), theme.colors.lightGray.light, function (_a) {
|
|
17875
17875
|
var status = _a.status;
|
|
17876
17876
|
return status === "passed" ? "pointer" : "not-allowed";
|
|
17877
17877
|
}, function (_a) {
|
|
@@ -17895,9 +17895,9 @@ var Dot$2 = styled__default["default"].div(templateObject_3$8 || (templateObject
|
|
|
17895
17895
|
return theme.colors.lightGray.base;
|
|
17896
17896
|
}
|
|
17897
17897
|
});
|
|
17898
|
-
var templateObject_1$
|
|
17898
|
+
var templateObject_1$i, templateObject_2$i, templateObject_3$9;
|
|
17899
17899
|
|
|
17900
|
-
var Steps$2 = function (props) { return (jsxRuntime.jsx(Container$
|
|
17900
|
+
var Steps$2 = function (props) { return (jsxRuntime.jsx(Container$b, { children: props.steps.map(function (_a, index) {
|
|
17901
17901
|
var title = _a.title, onClick = _a.onClick;
|
|
17902
17902
|
var step = index + 1;
|
|
17903
17903
|
var status = props.current > step
|
|
@@ -17912,8 +17912,8 @@ var Steps$2 = function (props) { return (jsxRuntime.jsx(Container$a, { children:
|
|
|
17912
17912
|
return (jsxRuntime.jsxs(Step$2, { children: [jsxRuntime.jsx(Dot$2, __assign$2({ status: status, onClick: onClickStep }, { children: status === "passed" ? (jsxRuntime.jsx(Icon, { type: "check", size: "small", color: "white" })) : (jsxRuntime.jsx(Heading, __assign$2({ type: "h6", color: status === "active" ? "white" : "gray" }, { children: step }))) })), title && jsxRuntime.jsx(Paragraph, { children: title })] }, "step-".concat(step)));
|
|
17913
17913
|
}) })); };
|
|
17914
17914
|
|
|
17915
|
-
var Container$
|
|
17916
|
-
var Step$1 = styled__default["default"].li(templateObject_2$
|
|
17915
|
+
var Container$a = styled__default["default"].ol(templateObject_1$h || (templateObject_1$h = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n"], ["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n"])));
|
|
17916
|
+
var Step$1 = styled__default["default"].li(templateObject_2$h || (templateObject_2$h = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n box-shadow: inset 0px -1px 0px ", ";\n padding: 20px 0 20px 20px;\n cursor: ", ";\n\n > div:first-child {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n box-sizing: initial;\n margin-right: 10px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: ", ";\n }\n\n p {\n color: ", ";\n }\n\n :hover {\n background-color: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n box-shadow: inset 0px -1px 0px ", ";\n padding: 20px 0 20px 20px;\n cursor: ", ";\n\n > div:first-child {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n box-sizing: initial;\n margin-right: 10px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: ", ";\n }\n\n p {\n color: ", ";\n }\n\n :hover {\n background-color: ", ";\n }\n"])), theme.colors.lightGray.dark, function (_a) {
|
|
17917
17917
|
var status = _a.status;
|
|
17918
17918
|
return (!!status ? "pointer" : "not-allowed");
|
|
17919
17919
|
}, function (_a) {
|
|
@@ -17927,9 +17927,9 @@ var Step$1 = styled__default["default"].li(templateObject_2$g || (templateObject
|
|
|
17927
17927
|
return theme.colors.lightGray.dark;
|
|
17928
17928
|
}
|
|
17929
17929
|
}, theme.colors.darkGray.base, theme.colors.lightGray.base);
|
|
17930
|
-
var templateObject_1$
|
|
17930
|
+
var templateObject_1$h, templateObject_2$h;
|
|
17931
17931
|
|
|
17932
|
-
var Steps$1 = function (props) { return (jsxRuntime.jsx(Container$
|
|
17932
|
+
var Steps$1 = function (props) { return (jsxRuntime.jsx(Container$a, { children: props.steps.map(function (_a, index) {
|
|
17933
17933
|
var title = _a.title, onClick = _a.onClick;
|
|
17934
17934
|
var step = index + 1;
|
|
17935
17935
|
var status = props.current > step
|
|
@@ -17948,15 +17948,15 @@ var Steps = function (props) {
|
|
|
17948
17948
|
return props.alignment === "vertical" ? (jsxRuntime.jsx(Steps$1, __assign$2({}, props))) : (jsxRuntime.jsx(Steps$2, __assign$2({}, props)));
|
|
17949
17949
|
};
|
|
17950
17950
|
|
|
17951
|
-
var TabsContainer$1 = styled__default["default"].div(templateObject_1$
|
|
17952
|
-
var Tab$1 = styled__default["default"].div(templateObject_2$
|
|
17951
|
+
var TabsContainer$1 = styled__default["default"].div(templateObject_1$g || (templateObject_1$g = __makeTemplateObject$1(["\n border-bottom: 1px solid ", ";\n display: flex;\n gap: 20px;\n padding: 0 30px;\n"], ["\n border-bottom: 1px solid ", ";\n display: flex;\n gap: 20px;\n padding: 0 30px;\n"])), theme.colors.lightGray.dark);
|
|
17952
|
+
var Tab$1 = styled__default["default"].div(templateObject_2$g || (templateObject_2$g = __makeTemplateObject$1(["\n height: 50px;\n display: flex;\n align-items: center;\n padding: 0 10px;\n cursor: pointer;\n border-bottom: ", ";\n\n p {\n color: ", ";\n }\n\n :hover p {\n color: ", ";\n }\n"], ["\n height: 50px;\n display: flex;\n align-items: center;\n padding: 0 10px;\n cursor: pointer;\n border-bottom: ", ";\n\n p {\n color: ", ";\n }\n\n :hover p {\n color: ", ";\n }\n"])), function (_a) {
|
|
17953
17953
|
var isActive = _a.isActive;
|
|
17954
17954
|
return isActive ? "3px solid ".concat(theme.colors.blue.base) : "";
|
|
17955
17955
|
}, function (_a) {
|
|
17956
17956
|
var isActive = _a.isActive;
|
|
17957
17957
|
return isActive ? theme.colors.blue.base : "";
|
|
17958
17958
|
}, theme.colors.blue.base);
|
|
17959
|
-
var templateObject_1$
|
|
17959
|
+
var templateObject_1$g, templateObject_2$g;
|
|
17960
17960
|
|
|
17961
17961
|
var Tabs$2 = function (_a) {
|
|
17962
17962
|
var items = _a.items, activeKey = _a.activeKey, onChange = _a.onChange;
|
|
@@ -17976,15 +17976,15 @@ var Tabs$2 = function (_a) {
|
|
|
17976
17976
|
}) }));
|
|
17977
17977
|
};
|
|
17978
17978
|
|
|
17979
|
-
var TabsContainer = styled__default["default"].div(templateObject_1$
|
|
17980
|
-
var Tab = styled__default["default"].div(templateObject_2$
|
|
17979
|
+
var TabsContainer = styled__default["default"].div(templateObject_1$f || (templateObject_1$f = __makeTemplateObject$1(["\n width: fit-content;\n border-right: 1px solid ", ";\n display: flex;\n flex-direction: column;\n gap: 5px;\n padding: 30px 0 30px 30px;\n"], ["\n width: fit-content;\n border-right: 1px solid ", ";\n display: flex;\n flex-direction: column;\n gap: 5px;\n padding: 30px 0 30px 30px;\n"])), theme.colors.lightGray.dark);
|
|
17980
|
+
var Tab = styled__default["default"].div(templateObject_2$f || (templateObject_2$f = __makeTemplateObject$1(["\n height: 50px;\n display: flex;\n align-items: center;\n padding: 0 30px 0 10px;\n cursor: pointer;\n position: relative;\n\n :after {\n content: \"\";\n width: 3px;\n height: 100%;\n display: ", ";\n background-color: ", ";\n position: absolute;\n right: 0;\n }\n\n p {\n color: ", ";\n }\n\n :hover p {\n color: ", ";\n }\n"], ["\n height: 50px;\n display: flex;\n align-items: center;\n padding: 0 30px 0 10px;\n cursor: pointer;\n position: relative;\n\n :after {\n content: \"\";\n width: 3px;\n height: 100%;\n display: ", ";\n background-color: ", ";\n position: absolute;\n right: 0;\n }\n\n p {\n color: ", ";\n }\n\n :hover p {\n color: ", ";\n }\n"])), function (_a) {
|
|
17981
17981
|
var isActive = _a.isActive;
|
|
17982
17982
|
return (isActive ? "block" : "none");
|
|
17983
17983
|
}, theme.colors.blue.base, function (_a) {
|
|
17984
17984
|
var isActive = _a.isActive;
|
|
17985
17985
|
return isActive ? theme.colors.blue.base : "";
|
|
17986
17986
|
}, theme.colors.blue.base);
|
|
17987
|
-
var templateObject_1$
|
|
17987
|
+
var templateObject_1$f, templateObject_2$f;
|
|
17988
17988
|
|
|
17989
17989
|
var Tabs$1 = function (_a) {
|
|
17990
17990
|
var items = _a.items, activeKey = _a.activeKey, onChange = _a.onChange;
|
|
@@ -18008,14 +18008,14 @@ var Tabs = function (props) {
|
|
|
18008
18008
|
return props.alignment === "vertical" ? (jsxRuntime.jsx(Tabs$1, __assign$2({}, props))) : (jsxRuntime.jsx(Tabs$2, __assign$2({}, props)));
|
|
18009
18009
|
};
|
|
18010
18010
|
|
|
18011
|
-
var Fieldset = styled__default["default"].fieldset(templateObject_1$
|
|
18012
|
-
var RadioContainer = styled__default["default"].div(templateObject_2$
|
|
18013
|
-
var RadioWrapper = styled__default["default"].div(templateObject_3$
|
|
18014
|
-
var Label$6 = styled__default["default"](StyledParagraph)(templateObject_4$
|
|
18011
|
+
var Fieldset = styled__default["default"].fieldset(templateObject_1$e || (templateObject_1$e = __makeTemplateObject$1(["\n border: 0;\n margin: 0;\n padding: 0;\n"], ["\n border: 0;\n margin: 0;\n padding: 0;\n"])));
|
|
18012
|
+
var RadioContainer = styled__default["default"].div(templateObject_2$e || (templateObject_2$e = __makeTemplateObject$1(["\n margin-top: 5px;\n"], ["\n margin-top: 5px;\n"])));
|
|
18013
|
+
var RadioWrapper = styled__default["default"].div(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > div:first-child {\n margin-right: 10px;\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"], ["\n display: flex;\n align-items: center;\n\n > div:first-child {\n margin-right: 10px;\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"])));
|
|
18014
|
+
var Label$6 = styled__default["default"](StyledParagraph)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject$1(["\n font-weight: ", ";\n color: ", ";\n display: flex;\n align-items: center;\n cursor: pointer;\n"], ["\n font-weight: ", ";\n color: ", ";\n display: flex;\n align-items: center;\n cursor: pointer;\n"])), function (_a) {
|
|
18015
18015
|
var weight = _a.weight;
|
|
18016
18016
|
return weight || 500;
|
|
18017
18017
|
}, theme.colors.darkGray.base);
|
|
18018
|
-
var templateObject_1$
|
|
18018
|
+
var templateObject_1$e, templateObject_2$e, templateObject_3$8, templateObject_4$5;
|
|
18019
18019
|
|
|
18020
18020
|
var RadioGroup = function (props) {
|
|
18021
18021
|
var onChange = function (value) {
|
|
@@ -18032,9 +18032,9 @@ var RadioGroup = function (props) {
|
|
|
18032
18032
|
}) })] }));
|
|
18033
18033
|
};
|
|
18034
18034
|
|
|
18035
|
-
var Container$
|
|
18036
|
-
var Label$5 = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
18037
|
-
var templateObject_1$
|
|
18035
|
+
var Container$9 = styled__default["default"].div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n"])));
|
|
18036
|
+
var Label$5 = styled__default["default"](StyledParagraph)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
18037
|
+
var templateObject_1$d, templateObject_2$d;
|
|
18038
18038
|
|
|
18039
18039
|
var SelectField = function (props) {
|
|
18040
18040
|
var onChange = function (value) {
|
|
@@ -18045,15 +18045,15 @@ var SelectField = function (props) {
|
|
|
18045
18045
|
if (props.onBlur)
|
|
18046
18046
|
props.onBlur(props.name);
|
|
18047
18047
|
};
|
|
18048
|
-
return (jsxRuntime.jsxs(Container$
|
|
18048
|
+
return (jsxRuntime.jsxs(Container$9, { children: [jsxRuntime.jsx(Label$5, __assign$2({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Select, __assign$2({ id: props.name, name: props.name, disabled: props.disabled, defaultValue: props.defaultValue, placeholder: props.placeholder, autoFocus: props.autoFocus, onChange: onChange, onBlur: onBlur }, { children: props.options.map(function (_a, index) {
|
|
18049
18049
|
var value = _a.value, label = _a.label;
|
|
18050
18050
|
return (jsxRuntime.jsx("option", __assign$2({ value: value }, { children: label }), "".concat(value, "-").concat(value)));
|
|
18051
18051
|
}) }))] }));
|
|
18052
18052
|
};
|
|
18053
18053
|
|
|
18054
|
-
var Container$
|
|
18055
|
-
var Label$4 = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
18056
|
-
var templateObject_1$
|
|
18054
|
+
var Container$8 = styled__default["default"].div(templateObject_1$c || (templateObject_1$c = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n"])));
|
|
18055
|
+
var Label$4 = styled__default["default"](StyledParagraph)(templateObject_2$c || (templateObject_2$c = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
18056
|
+
var templateObject_1$c, templateObject_2$c;
|
|
18057
18057
|
|
|
18058
18058
|
var ToggleField = function (props) {
|
|
18059
18059
|
var onChange = function (value) {
|
|
@@ -18064,10 +18064,10 @@ var ToggleField = function (props) {
|
|
|
18064
18064
|
if (props.onBlur)
|
|
18065
18065
|
props.onBlur(props.name);
|
|
18066
18066
|
};
|
|
18067
|
-
return (jsxRuntime.jsxs(Container$
|
|
18067
|
+
return (jsxRuntime.jsxs(Container$8, { children: [jsxRuntime.jsx(Label$4, __assign$2({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Toggle, { id: props.name, name: props.name, disabled: props.disabled, autoFocus: props.autoFocus, defaultValue: props.defaultValue, onChange: onChange, onBlur: onBlur })] }));
|
|
18068
18068
|
};
|
|
18069
18069
|
|
|
18070
|
-
var TooltipContainer = styled__default["default"].div(templateObject_1$
|
|
18070
|
+
var TooltipContainer = styled__default["default"].div(templateObject_1$b || (templateObject_1$b = __makeTemplateObject$1(["\n width: fit-content;\n position: fixed;\n opacity: ", ";\n top: ", ";\n left: ", ";\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n pointer-events: none;\n z-index: 9;\n"], ["\n width: fit-content;\n position: fixed;\n opacity: ", ";\n top: ", ";\n left: ", ";\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-top: 5px;\n pointer-events: none;\n z-index: 9;\n"])), function (_a) {
|
|
18071
18071
|
var isVisible = _a.isVisible;
|
|
18072
18072
|
return (isVisible ? "100%" : "0%");
|
|
18073
18073
|
}, function (_a) {
|
|
@@ -18077,7 +18077,7 @@ var TooltipContainer = styled__default["default"].div(templateObject_1$a || (tem
|
|
|
18077
18077
|
var x = _a.x;
|
|
18078
18078
|
return (x ? "".concat(x, "px") : "");
|
|
18079
18079
|
});
|
|
18080
|
-
var TooltipTitle = styled__default["default"].div(templateObject_2$
|
|
18080
|
+
var TooltipTitle = styled__default["default"].div(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$1(["\n width: 100%;\n padding: 12px 16px;\n background-color: ", ";\n border-radius: 6px;\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n width: 100%;\n padding: 12px 16px;\n background-color: ", ";\n border-radius: 6px;\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n display: flex;\n align-items: center;\n justify-content: center;\n"])), function (_a) {
|
|
18081
18081
|
var color = _a.color;
|
|
18082
18082
|
switch (color) {
|
|
18083
18083
|
default:
|
|
@@ -18087,7 +18087,7 @@ var TooltipTitle = styled__default["default"].div(templateObject_2$a || (templat
|
|
|
18087
18087
|
return theme.colors.lightGray.dark;
|
|
18088
18088
|
}
|
|
18089
18089
|
});
|
|
18090
|
-
var templateObject_1$
|
|
18090
|
+
var templateObject_1$b, templateObject_2$b;
|
|
18091
18091
|
|
|
18092
18092
|
var Tooltip$2 = function (props) {
|
|
18093
18093
|
var tooltipRef = React$3.useRef(null);
|
|
@@ -47907,13 +47907,13 @@ var xAxis = {
|
|
|
47907
47907
|
domain: ["dataMin", "dataMax"],
|
|
47908
47908
|
};
|
|
47909
47909
|
|
|
47910
|
-
var Container$
|
|
47911
|
-
var Label$2 = styled__default["default"].div(templateObject_2$
|
|
47912
|
-
var Dot = styled__default["default"].div(templateObject_3$
|
|
47910
|
+
var Container$7 = styled__default["default"].div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject$1(["\n padding: 10px 15px 6px;\n background-color: ", ";\n border: 1px solid ", ";\n box-shadow: 0px 3px 0px rgba(0, 0, 0, 20%);\n border-radius: 4px;\n box-sizing: border-box;\n"], ["\n padding: 10px 15px 6px;\n background-color: ", ";\n border: 1px solid ", ";\n box-shadow: 0px 3px 0px rgba(0, 0, 0, 20%);\n border-radius: 4px;\n box-sizing: border-box;\n"])), theme.colors.lightGray.light, theme.colors.lightGray.dark);
|
|
47911
|
+
var Label$2 = styled__default["default"].div(templateObject_2$a || (templateObject_2$a = __makeTemplateObject$1(["\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n gap: 15px;\n\n > div:first-child {\n display: flex;\n gap: 10px;\n align-items: baseline;\n }\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n gap: 15px;\n\n > div:first-child {\n display: flex;\n gap: 10px;\n align-items: baseline;\n }\n"])));
|
|
47912
|
+
var Dot = styled__default["default"].div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$1(["\n width: 10px;\n min-width: 10px;\n height: 10px;\n min-height: 10px;\n border-radius: 50%;\n background-color: ", ";\n"], ["\n width: 10px;\n min-width: 10px;\n height: 10px;\n min-height: 10px;\n border-radius: 50%;\n background-color: ", ";\n"])), function (_a) {
|
|
47913
47913
|
var color = _a.color;
|
|
47914
47914
|
return color;
|
|
47915
47915
|
});
|
|
47916
|
-
var templateObject_1$
|
|
47916
|
+
var templateObject_1$a, templateObject_2$a, templateObject_3$7;
|
|
47917
47917
|
|
|
47918
47918
|
var Tooltip = function (_a) {
|
|
47919
47919
|
var active = _a.active, label = _a.label, payload = _a.payload, locale = _a.locale, period = _a.period, valueFormatter = _a.valueFormatter;
|
|
@@ -47944,7 +47944,7 @@ var Tooltip = function (_a) {
|
|
|
47944
47944
|
return "".concat(format$1(fromUnixTime(label), "MMMM", options));
|
|
47945
47945
|
}
|
|
47946
47946
|
};
|
|
47947
|
-
return (jsxRuntime.jsxs(Container$
|
|
47947
|
+
return (jsxRuntime.jsxs(Container$7, { children: [payload.map(function (_a, index) {
|
|
47948
47948
|
var name = _a.name, value = _a.value, stroke = _a.stroke;
|
|
47949
47949
|
return (jsxRuntime.jsxs(Label$2, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Dot, { color: stroke }), jsxRuntime.jsx(Paragraph, __assign$2({ size: "small" }, { children: translations[locale][name] }))] }), jsxRuntime.jsx(Paragraph, __assign$2({ size: "small", color: "darkGray" }, { children: valueFormatter ? valueFormatter(parseInt("".concat(value))) : value }))] }, "".concat(name, "-").concat(value, "-").concat(index)));
|
|
47950
47950
|
}), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Paragraph, __assign$2({ size: "small", weight: "regular" }, { children: renderLabel() }))] }));
|
|
@@ -48097,7 +48097,7 @@ var TimeChart = function (_a) {
|
|
|
48097
48097
|
};
|
|
48098
48098
|
|
|
48099
48099
|
var Chart = function (_a) {
|
|
48100
|
-
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;
|
|
48100
|
+
var type = _a.type, locale = _a.locale, hideTitle = _a.hideTitle, hidePeriod = _a.hidePeriod, exerciseResults = _a.exerciseResults, _b = _a.defaultPeriod, defaultPeriod = _b === void 0 ? exports.ChartPeriod.TODAY : _b, onChangePeriod = _a.onChangePeriod, nExercisesInCourse = _a.nExercisesInCourse;
|
|
48101
48101
|
var _c = React$3.useState(defaultPeriod), period = _c[0], setPeriod = _c[1];
|
|
48102
48102
|
React$3.useEffect(function () {
|
|
48103
48103
|
setPeriod(defaultPeriod);
|
|
@@ -48134,25 +48134,25 @@ var Chart = function (_a) {
|
|
|
48134
48134
|
return jsxRuntime.jsx(TimeChart, __assign$2({}, props));
|
|
48135
48135
|
}
|
|
48136
48136
|
};
|
|
48137
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", __assign$2({ style: {
|
|
48137
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(!hideTitle || !hidePeriod) && (jsxRuntime.jsxs("div", __assign$2({ style: {
|
|
48138
48138
|
display: "flex",
|
|
48139
48139
|
gap: 20,
|
|
48140
48140
|
alignItems: "baseline",
|
|
48141
|
-
justifyContent: "
|
|
48141
|
+
justifyContent: "flex-end",
|
|
48142
48142
|
marginBottom: 10,
|
|
48143
48143
|
padding: "0 15px 0 5px",
|
|
48144
|
-
} }, { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h3" }, { children: titles[type] })), jsxRuntime.jsx(Select, __assign$2({ defaultValue: period, onChange: function (value) {
|
|
48144
|
+
} }, { children: [!hideTitle && (jsxRuntime.jsx("div", __assign$2({ style: { marginRight: "auto" } }, { children: jsxRuntime.jsx(Heading, __assign$2({ type: "h3" }, { children: titles[type] })) }))), !hidePeriod && (jsxRuntime.jsx(Select, __assign$2({ defaultValue: period, onChange: function (value) {
|
|
48145
48145
|
setPeriod(value);
|
|
48146
48146
|
onChangePeriod(value);
|
|
48147
48147
|
}, id: "period", name: "period" }, { children: periods.map(function (_a) {
|
|
48148
48148
|
var value = _a.value, label = _a.label;
|
|
48149
48149
|
return (jsxRuntime.jsx("option", __assign$2({ value: value }, { children: label }), value));
|
|
48150
|
-
}) }), period)] })), renderChart()] }));
|
|
48150
|
+
}) }), period))] }))), renderChart()] }));
|
|
48151
48151
|
};
|
|
48152
48152
|
|
|
48153
|
-
var Container$
|
|
48154
|
-
var Label$1 = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
48155
|
-
var templateObject_1$
|
|
48153
|
+
var Container$6 = styled__default["default"].div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"])));
|
|
48154
|
+
var Label$1 = styled__default["default"](StyledParagraph)(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
48155
|
+
var templateObject_1$9, templateObject_2$9;
|
|
48156
48156
|
|
|
48157
48157
|
var TextareaField = function (props) {
|
|
48158
48158
|
var onChange = function (value) {
|
|
@@ -48163,12 +48163,12 @@ var TextareaField = function (props) {
|
|
|
48163
48163
|
if (props.onBlur)
|
|
48164
48164
|
props.onBlur(props.name);
|
|
48165
48165
|
};
|
|
48166
|
-
return (jsxRuntime.jsxs(Container$
|
|
48166
|
+
return (jsxRuntime.jsxs(Container$6, { children: [jsxRuntime.jsx(Label$1, __assign$2({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Textarea, { defaultValue: props.defaultValue, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, rows: props.rows, onChange: onChange, onBlur: onBlur }), props.tips && (jsxRuntime.jsxs("div", __assign$2({ style: { marginLeft: "5px" } }, { children: [jsxRuntime.jsx(Spacer, { vertical: 5 }), props.tips.map(function (tip, index) { return (jsxRuntime.jsxs(Paragraph, __assign$2({ size: "small", weight: "regular" }, { children: ["\u2022 ", tip] }), "".concat(tip, "-").concat(index))); })] })))] }));
|
|
48167
48167
|
};
|
|
48168
48168
|
|
|
48169
|
-
var Container$
|
|
48170
|
-
var Label = styled__default["default"](StyledParagraph)(templateObject_2$
|
|
48171
|
-
var templateObject_1$
|
|
48169
|
+
var Container$5 = styled__default["default"].div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"])));
|
|
48170
|
+
var Label = styled__default["default"](StyledParagraph)(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
48171
|
+
var templateObject_1$8, templateObject_2$8;
|
|
48172
48172
|
|
|
48173
48173
|
var RangeField = function (props) {
|
|
48174
48174
|
var onChange = function (value) {
|
|
@@ -48179,25 +48179,25 @@ var RangeField = function (props) {
|
|
|
48179
48179
|
if (props.onBlur)
|
|
48180
48180
|
props.onBlur(props.name);
|
|
48181
48181
|
};
|
|
48182
|
-
return (jsxRuntime.jsxs(Container$
|
|
48182
|
+
return (jsxRuntime.jsxs(Container$5, { children: [jsxRuntime.jsx(Label, __assign$2({ as: "label", htmlFor: props.name }, { children: props.label })), jsxRuntime.jsx(Spacer, { vertical: 5 }), jsxRuntime.jsx(Range, { defaultValue: props.defaultValue, autoFocus: props.autoFocus, disabled: props.disabled, id: props.name, onChange: onChange, onBlur: onBlur })] }));
|
|
48183
48183
|
};
|
|
48184
48184
|
|
|
48185
48185
|
var FeedbackColors = {
|
|
48186
48186
|
success: theme.colors.green.base,
|
|
48187
48187
|
error: theme.colors.red.base,
|
|
48188
48188
|
};
|
|
48189
|
-
var FieldWrapper = styled__default["default"].div(templateObject_1$
|
|
48189
|
+
var FieldWrapper = styled__default["default"].div(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject$1(["\n input, textarea, select {\n border-color: ", ";\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"], ["\n input, textarea, select {\n border-color: ", ";\n }\n\n :not(:last-child) {\n margin-bottom: 20px;\n }\n"])), function (_a) {
|
|
48190
48190
|
var status = _a.status;
|
|
48191
48191
|
return FeedbackColors[status];
|
|
48192
48192
|
});
|
|
48193
|
-
var FeedbackWrapper = styled__default["default"].div(templateObject_2$
|
|
48193
|
+
var FeedbackWrapper = styled__default["default"].div(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject$1(["\n display: flex;\n align-items: center;\n margin-top: 5px;\n\n > div:first-child {\n min-width: 24px;\n min-height: 24px;\n margin-right: 5px;\n }\n\n svg {\n fill: ", ";\n }\n p {\n color: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n margin-top: 5px;\n\n > div:first-child {\n min-width: 24px;\n min-height: 24px;\n margin-right: 5px;\n }\n\n svg {\n fill: ", ";\n }\n p {\n color: ", ";\n }\n"])), function (_a) {
|
|
48194
48194
|
var status = _a.status;
|
|
48195
48195
|
return FeedbackColors[status];
|
|
48196
48196
|
}, function (_a) {
|
|
48197
48197
|
var status = _a.status;
|
|
48198
48198
|
return FeedbackColors[status];
|
|
48199
48199
|
});
|
|
48200
|
-
var templateObject_1$
|
|
48200
|
+
var templateObject_1$7, templateObject_2$7;
|
|
48201
48201
|
|
|
48202
48202
|
var WithValidation = function (_a) {
|
|
48203
48203
|
var status = _a.status, message = _a.message, children = _a.children;
|
|
@@ -48210,10 +48210,10 @@ var WithValidation = function (_a) {
|
|
|
48210
48210
|
return (jsxRuntime.jsxs(FieldWrapper, __assign$2({ status: status }, { children: [children, jsxRuntime.jsxs(FeedbackWrapper, __assign$2({ status: status }, { children: [jsxRuntime.jsx(Icon, { type: icons[status], size: "small" }), jsxRuntime.jsx(Paragraph, __assign$2({ size: "small" }, { children: message }))] }))] })));
|
|
48211
48211
|
};
|
|
48212
48212
|
|
|
48213
|
-
var FormWrapper = styled__default["default"].form(templateObject_1$
|
|
48214
|
-
var DescriptionWrapper = styled__default["default"].div(templateObject_2$
|
|
48215
|
-
var ButtonWrapper = styled__default["default"].div(templateObject_3$
|
|
48216
|
-
var templateObject_1$
|
|
48213
|
+
var FormWrapper = styled__default["default"].form(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject$1([""], [""])));
|
|
48214
|
+
var DescriptionWrapper = styled__default["default"].div(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject$1(["\n margin-bottom: 20px;\n\n a {\n color: ", ";\n\n :hover {\n color: ", ";\n }\n }\n"], ["\n margin-bottom: 20px;\n\n a {\n color: ", ";\n\n :hover {\n color: ", ";\n }\n }\n"])), theme.colors.darkGray.light, theme.colors.blue.base);
|
|
48215
|
+
var ButtonWrapper = styled__default["default"].div(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject$1(["\n padding-top: 30px;\n"], ["\n padding-top: 30px;\n"])));
|
|
48216
|
+
var templateObject_1$6, templateObject_2$6, templateObject_3$6;
|
|
48217
48217
|
|
|
48218
48218
|
var Form = React$3.forwardRef(function (props, ref) {
|
|
48219
48219
|
var _a = React$3.useState({}), values = _a[0], setValues = _a[1];
|
|
@@ -48442,11 +48442,224 @@ var Form = React$3.forwardRef(function (props, ref) {
|
|
|
48442
48442
|
}) })), props.button && (jsxRuntime.jsx(ButtonWrapper, { children: jsxRuntime.jsx(Button$1, __assign$2({}, props.button, { onClick: onSubmit, type: "button" })) }))] }));
|
|
48443
48443
|
});
|
|
48444
48444
|
|
|
48445
|
+
var Container$4 = styled__default["default"].div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject$1(["\n min-width: 720px;\n width: 100%;\n border-radius: 10px;\n padding: 15px;\n box-sizing: border-box;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0 4px 0 ", ";\n\n display: flex;\n flex-direction: column;\n gap: 10px;\n"], ["\n min-width: 720px;\n width: 100%;\n border-radius: 10px;\n padding: 15px;\n box-sizing: border-box;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0 4px 0 ", ";\n\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])), theme.colors.lightGray.darker, theme.colors.lightGray.base, theme.colors.lightGray.darker);
|
|
48446
|
+
var Row$1 = styled__default["default"].div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject$1(["\n min-height: 40px;\n display: grid;\n gap: 7px;\n"], ["\n min-height: 40px;\n display: grid;\n gap: 7px;\n"])));
|
|
48447
|
+
var Row1$1 = styled__default["default"](Row$1)(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject$1(["\n grid-template-columns: repeat(13, 1fr) 1.75fr;\n"], ["\n grid-template-columns: repeat(13, 1fr) 1.75fr;\n"])));
|
|
48448
|
+
var Row2$1 = styled__default["default"](Row$1)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject$1(["\n grid-template-columns: 1.5fr repeat(12, 1fr) 1.25fr;\n\n > div:last-child {\n border-radius: 6px 6px 0;\n }\n"], ["\n grid-template-columns: 1.5fr repeat(12, 1fr) 1.25fr;\n\n > div:last-child {\n border-radius: 6px 6px 0;\n }\n"])));
|
|
48449
|
+
var Row3$1 = styled__default["default"](Row$1)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject$1(["\n grid-template-columns: 2fr repeat(12, 1fr) 0.75fr;\n\n > div:last-child {\n margin-top: -11px;\n border-top: none;\n border-radius: 0 0 6px 6px;\n }\n"], ["\n grid-template-columns: 2fr repeat(12, 1fr) 0.75fr;\n\n > div:last-child {\n margin-top: -11px;\n border-top: none;\n border-radius: 0 0 6px 6px;\n }\n"])));
|
|
48450
|
+
var Row4$1 = styled__default["default"](Row$1)(templateObject_6$3 || (templateObject_6$3 = __makeTemplateObject$1(["\n grid-template-columns: 1.5fr repeat(11, 1fr) 2.5fr;\n"], ["\n grid-template-columns: 1.5fr repeat(11, 1fr) 2.5fr;\n"])));
|
|
48451
|
+
var Row5$1 = styled__default["default"](Row$1)(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject$1(["\n grid-template-columns: 1.75fr repeat(3, 1fr) 6fr repeat(3, 1fr) 1.85fr;\n"], ["\n grid-template-columns: 1.75fr repeat(3, 1fr) 6fr repeat(3, 1fr) 1.85fr;\n"])));
|
|
48452
|
+
var Key$1 = styled__default["default"].div(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: ", ";\n\n border: 1px solid;\n border-radius: 6px;\n box-sizing: border-box;\n text-decoration: none;\n padding: 0 10px;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n\n background-color: ", ";\n color: ", ";\n box-shadow: ", ";\n border-color: ", ";\n\n svg {\n fill: ", ";\n stroke: ", ";\n }\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: ", ";\n\n border: 1px solid;\n border-radius: 6px;\n box-sizing: border-box;\n text-decoration: none;\n padding: 0 10px;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n\n background-color: ", ";\n color: ", ";\n box-shadow: ", ";\n border-color: ", ";\n\n svg {\n fill: ", ";\n stroke: ", ";\n }\n"])), function (_a) {
|
|
48453
|
+
var align = _a.align;
|
|
48454
|
+
if (!align)
|
|
48455
|
+
return "center";
|
|
48456
|
+
else if (align === "left")
|
|
48457
|
+
return "flex-start";
|
|
48458
|
+
else
|
|
48459
|
+
return "flex-end";
|
|
48460
|
+
}, theme.fonts.paragraph, theme.subheading.small.fontSize, theme.subheading.small.fontWeight, function (_a) {
|
|
48461
|
+
var color = _a.color, isActive = _a.isActive;
|
|
48462
|
+
if (isActive && color)
|
|
48463
|
+
return theme.colors[color].light;
|
|
48464
|
+
else if (color)
|
|
48465
|
+
return theme.colors.lightGray.light;
|
|
48466
|
+
else
|
|
48467
|
+
return theme.colors.lightGray.base;
|
|
48468
|
+
}, function (_a) {
|
|
48469
|
+
var color = _a.color, isActive = _a.isActive;
|
|
48470
|
+
if (isActive && color)
|
|
48471
|
+
return theme.colors[color].darker;
|
|
48472
|
+
else if (color)
|
|
48473
|
+
return theme.colors[color].dark;
|
|
48474
|
+
else
|
|
48475
|
+
return theme.colors.lightGray.darker;
|
|
48476
|
+
}, function (_a) {
|
|
48477
|
+
var color = _a.color, isActive = _a.isActive;
|
|
48478
|
+
if (isActive)
|
|
48479
|
+
return "0 2px 0 ".concat(theme.colors[color].dark);
|
|
48480
|
+
else if (color)
|
|
48481
|
+
return "0 2px 0 ".concat(theme.colors[color].base);
|
|
48482
|
+
else
|
|
48483
|
+
return "0 2px 0 ".concat(theme.colors.lightGray.darker);
|
|
48484
|
+
}, function (_a) {
|
|
48485
|
+
var color = _a.color, isActive = _a.isActive;
|
|
48486
|
+
if (isActive)
|
|
48487
|
+
return theme.colors[color].dark;
|
|
48488
|
+
else if (color)
|
|
48489
|
+
return theme.colors[color].base;
|
|
48490
|
+
else
|
|
48491
|
+
return theme.colors.lightGray.darker;
|
|
48492
|
+
}, function (_a) {
|
|
48493
|
+
var color = _a.color, isActive = _a.isActive;
|
|
48494
|
+
if (isActive && color)
|
|
48495
|
+
return theme.colors[color].darker;
|
|
48496
|
+
else if (color)
|
|
48497
|
+
return theme.colors[color].dark;
|
|
48498
|
+
else
|
|
48499
|
+
return theme.colors.lightGray.darker;
|
|
48500
|
+
}, function (_a) {
|
|
48501
|
+
var color = _a.color, isActive = _a.isActive;
|
|
48502
|
+
if (isActive && color)
|
|
48503
|
+
return theme.colors[color].darker;
|
|
48504
|
+
else if (color)
|
|
48505
|
+
return theme.colors[color].dark;
|
|
48506
|
+
else
|
|
48507
|
+
return theme.colors.lightGray.darker;
|
|
48508
|
+
});
|
|
48509
|
+
var templateObject_1$5, templateObject_2$5, templateObject_3$5, templateObject_4$4, templateObject_5$3, templateObject_6$3, templateObject_7$2, templateObject_8$2;
|
|
48510
|
+
|
|
48511
|
+
var ISOKeyboard = function (_a) {
|
|
48512
|
+
var keys = _a.keys, shiftKeys = _a.shiftKeys, activeKeys = _a.activeKeys;
|
|
48513
|
+
var containsAny = function (arr1, arr2) {
|
|
48514
|
+
return arr1.some(function (v) { return arr2.includes(v); });
|
|
48515
|
+
};
|
|
48516
|
+
return (jsxRuntime.jsxs(Container$4, { children: [jsxRuntime.jsxs(Row1$1, { children: [jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48517
|
+
keys[91].character,
|
|
48518
|
+
keys[45].character,
|
|
48519
|
+
]) }, { children: [keys[91].character, jsxRuntime.jsx("br", {}), keys[45].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48520
|
+
keys[89].character,
|
|
48521
|
+
keys[43].character,
|
|
48522
|
+
]) }, { children: [keys[89].character, jsxRuntime.jsx("br", {}), keys[43].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48523
|
+
keys[87].character,
|
|
48524
|
+
keys[41].character,
|
|
48525
|
+
]) }, { children: [keys[87].character, jsxRuntime.jsx("br", {}), keys[41].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48526
|
+
keys[85].character,
|
|
48527
|
+
keys[39].character,
|
|
48528
|
+
]) }, { children: [keys[85].character, jsxRuntime.jsx("br", {}), keys[39].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48529
|
+
keys[83].character,
|
|
48530
|
+
keys[37].character,
|
|
48531
|
+
]) }, { children: [keys[83].character, jsxRuntime.jsx("br", {}), keys[37].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48532
|
+
keys[93].character,
|
|
48533
|
+
keys[47].character,
|
|
48534
|
+
]) }, { children: [keys[93].character, jsxRuntime.jsx("br", {}), keys[47].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48535
|
+
keys[92].character,
|
|
48536
|
+
keys[46].character,
|
|
48537
|
+
]) }, { children: [keys[92].character, jsxRuntime.jsx("br", {}), keys[46].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48538
|
+
keys[82].character,
|
|
48539
|
+
keys[36].character,
|
|
48540
|
+
]) }, { children: [keys[82].character, jsxRuntime.jsx("br", {}), keys[36].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48541
|
+
keys[84].character,
|
|
48542
|
+
keys[38].character,
|
|
48543
|
+
]) }, { children: [keys[84].character, jsxRuntime.jsx("br", {}), keys[38].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48544
|
+
keys[86].character,
|
|
48545
|
+
keys[40].character,
|
|
48546
|
+
]) }, { children: [keys[86].character, jsxRuntime.jsx("br", {}), keys[40].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48547
|
+
keys[88].character,
|
|
48548
|
+
keys[42].character,
|
|
48549
|
+
]) }, { children: [keys[88].character, jsxRuntime.jsx("br", {}), keys[42].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48550
|
+
keys[90].character,
|
|
48551
|
+
keys[44].character,
|
|
48552
|
+
]) }, { children: [keys[90].character, jsxRuntime.jsx("br", {}), keys[44].character] })), jsxRuntime.jsx(Key$1, {})] }), jsxRuntime.jsxs(Row2$1, { children: [jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48553
|
+
keys[67].character,
|
|
48554
|
+
keys[21].character,
|
|
48555
|
+
]) }, { children: keys[67].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48556
|
+
keys[65].character,
|
|
48557
|
+
keys[19].character,
|
|
48558
|
+
]) }, { children: keys[65].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48559
|
+
keys[63].character,
|
|
48560
|
+
keys[17].character,
|
|
48561
|
+
]) }, { children: keys[63].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48562
|
+
keys[61].character,
|
|
48563
|
+
keys[15].character,
|
|
48564
|
+
]) }, { children: keys[61].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48565
|
+
keys[71].character,
|
|
48566
|
+
keys[25].character,
|
|
48567
|
+
]) }, { children: keys[71].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48568
|
+
keys[70].character,
|
|
48569
|
+
keys[24].character,
|
|
48570
|
+
]) }, { children: keys[70].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48571
|
+
keys[60].character,
|
|
48572
|
+
keys[14].character,
|
|
48573
|
+
]) }, { children: keys[60].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48574
|
+
keys[62].character,
|
|
48575
|
+
keys[16].character,
|
|
48576
|
+
]) }, { children: keys[62].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48577
|
+
keys[64].character,
|
|
48578
|
+
keys[18].character,
|
|
48579
|
+
]) }, { children: keys[64].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48580
|
+
keys[66].character,
|
|
48581
|
+
keys[20].character,
|
|
48582
|
+
]) }, { children: keys[66].character })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48583
|
+
keys[69].character,
|
|
48584
|
+
keys[23].character,
|
|
48585
|
+
]) }, { children: [keys[69].character, jsxRuntime.jsx("br", {}), !["ğ", "q", "ü"].includes(keys[23].character) && keys[23].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48586
|
+
keys[68].character,
|
|
48587
|
+
keys[22].character,
|
|
48588
|
+
]) }, { children: [keys[68].character, jsxRuntime.jsx("br", {}), !["ü", "w"].includes(keys[22].character) && keys[22].character] })), jsxRuntime.jsx(Key$1, {})] }), jsxRuntime.jsxs(Row3$1, { children: [jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48589
|
+
keys[55].character,
|
|
48590
|
+
keys[9].character,
|
|
48591
|
+
]) }, { children: keys[55].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48592
|
+
keys[53].character,
|
|
48593
|
+
keys[7].character,
|
|
48594
|
+
]) }, { children: keys[53].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48595
|
+
keys[51].character,
|
|
48596
|
+
keys[5].character,
|
|
48597
|
+
]) }, { children: keys[51].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48598
|
+
keys[49].character,
|
|
48599
|
+
keys[3].character,
|
|
48600
|
+
]) }, { children: keys[49].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48601
|
+
keys[59].character,
|
|
48602
|
+
keys[13].character,
|
|
48603
|
+
]) }, { children: keys[59].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48604
|
+
keys[58].character,
|
|
48605
|
+
keys[12].character,
|
|
48606
|
+
]) }, { children: keys[58].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48607
|
+
keys[48].character,
|
|
48608
|
+
keys[2].character,
|
|
48609
|
+
]) }, { children: keys[48].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48610
|
+
keys[50].character,
|
|
48611
|
+
keys[4].character,
|
|
48612
|
+
]) }, { children: keys[50].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48613
|
+
keys[52].character,
|
|
48614
|
+
keys[6].character,
|
|
48615
|
+
]) }, { children: keys[52].character })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48616
|
+
keys[54].character,
|
|
48617
|
+
keys[8].character,
|
|
48618
|
+
]) }, { children: [keys[54].character, jsxRuntime.jsx("br", {}), !["ş", "y", "ö", "m"].includes(keys[8].character) &&
|
|
48619
|
+
keys[8].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48620
|
+
keys[56].character,
|
|
48621
|
+
keys[10].character,
|
|
48622
|
+
]) }, { children: [keys[56].character, jsxRuntime.jsx("br", {}), !["i", "ş", "ä"].includes(keys[10].character) && keys[10].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48623
|
+
keys[57].character,
|
|
48624
|
+
keys[11].character,
|
|
48625
|
+
]) }, { children: [keys[57].character, jsxRuntime.jsx("br", {}), !["x"].includes(keys[11].character) && keys[11].character] })), jsxRuntime.jsx(Key$1, {})] }), jsxRuntime.jsxs(Row4$1, { children: [jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, shiftKeys.right), align: "left" }, { children: jsxRuntime.jsx("svg", __assign$2({ viewBox: "0 0 50 50", width: 20, height: 20 }, { children: jsxRuntime.jsx("path", { d: "M22.7202 6.39735C23.9548 5.08044 26.0452 5.08044 27.2798 6.39735L47.1107 27.5503C48.9818 29.5461 47.5666 32.8126 44.8309 32.8126H35.9375V42.1876C35.9375 43.9135 34.5384 45.3126 32.8125 45.3126H17.1875C15.4616 45.3126 14.0625 43.9135 14.0625 42.1876V32.8126H5.1691C2.43335 32.8126 1.0182 29.5461 2.8893 27.5503L22.7202 6.39735ZM44.8309 29.6876L25 8.53467L5.1691 29.6876H14.0625C15.7884 29.6876 17.1875 31.0867 17.1875 32.8126V42.1876H32.8125V32.8126C32.8125 31.0867 34.2116 29.6876 35.9375 29.6876L44.8309 29.6876Z" }) })) })), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48626
|
+
keys[79].character,
|
|
48627
|
+
keys[33].character,
|
|
48628
|
+
]) }, { children: keys[79].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48629
|
+
keys[77].character,
|
|
48630
|
+
keys[31].character,
|
|
48631
|
+
]) }, { children: keys[77].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48632
|
+
keys[75].character,
|
|
48633
|
+
keys[29].character,
|
|
48634
|
+
]) }, { children: keys[75].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48635
|
+
keys[73].character,
|
|
48636
|
+
keys[27].character,
|
|
48637
|
+
]) }, { children: keys[73].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48638
|
+
keys[81].character,
|
|
48639
|
+
keys[35].character,
|
|
48640
|
+
]) }, { children: keys[81].character })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48641
|
+
keys[80].character,
|
|
48642
|
+
keys[34].character,
|
|
48643
|
+
]) }, { children: keys[80].character })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48644
|
+
keys[72].character,
|
|
48645
|
+
keys[26].character,
|
|
48646
|
+
]) }, { children: [keys[72].character, jsxRuntime.jsx("br", {}), !["m", "s"].includes(keys[26].character) && keys[26].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48647
|
+
keys[74].character,
|
|
48648
|
+
keys[28].character,
|
|
48649
|
+
]) }, { children: [keys[74].character, jsxRuntime.jsx("br", {}), !["ö", "b"].includes(keys[28].character) && keys[28].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48650
|
+
keys[76].character,
|
|
48651
|
+
keys[30].character,
|
|
48652
|
+
]) }, { children: [keys[76].character, jsxRuntime.jsx("br", {}), !["ç"].includes(keys[30].character) && keys[30].character] })), jsxRuntime.jsxs(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48653
|
+
keys[78].character,
|
|
48654
|
+
keys[32].character,
|
|
48655
|
+
]) }, { children: [keys[78].character, jsxRuntime.jsx("br", {}), keys[32].character] })), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, shiftKeys.left), align: "right" }, { children: jsxRuntime.jsx("svg", __assign$2({ viewBox: "0 0 50 50", width: 20, height: 20 }, { children: jsxRuntime.jsx("path", { d: "M22.7202 6.39735C23.9548 5.08044 26.0452 5.08044 27.2798 6.39735L47.1107 27.5503C48.9818 29.5461 47.5666 32.8126 44.8309 32.8126H35.9375V42.1876C35.9375 43.9135 34.5384 45.3126 32.8125 45.3126H17.1875C15.4616 45.3126 14.0625 43.9135 14.0625 42.1876V32.8126H5.1691C2.43335 32.8126 1.0182 29.5461 2.8893 27.5503L22.7202 6.39735ZM44.8309 29.6876L25 8.53467L5.1691 29.6876H14.0625C15.7884 29.6876 17.1875 31.0867 17.1875 32.8126V42.1876H32.8125V32.8126C32.8125 31.0867 34.2116 29.6876 35.9375 29.6876L44.8309 29.6876Z" }) })) }))] }), jsxRuntime.jsxs(Row5$1, { children: [jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, __assign$2({ color: enums.Color.PINK, isActive: containsAny(activeKeys, [keys[1].character]) }, { children: jsxRuntime.jsx("svg", __assign$2({ width: "24", height: "6", viewBox: "0 0 28 7", style: { marginTop: 10 }, fill: theme.colors.pink.dark }, { children: jsxRuntime.jsx("path", { d: "M0 4.5V1C0 0.447715 0.447715 0 1 0H2C2.55228 0 3 0.447715 3 1V4H25V1C25 0.447715 25.4477 0 26 0H27C27.5523 0 28 0.447715 28 1V4.5C28 5.88071 26.8807 7 25.5 7H2.5C1.11929 7 0 5.88071 0 4.5Z" }) })) })), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, {}), jsxRuntime.jsx(Key$1, {})] })] }));
|
|
48656
|
+
};
|
|
48657
|
+
|
|
48445
48658
|
var Container$3 = styled__default["default"].div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject$1(["\n min-width: 720px;\n width: 100%;\n border-radius: 10px;\n padding: 15px;\n box-sizing: border-box;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0 4px 0 ", ";\n\n display: flex;\n flex-direction: column;\n gap: 10px;\n"], ["\n min-width: 720px;\n width: 100%;\n border-radius: 10px;\n padding: 15px;\n box-sizing: border-box;\n border: 1px solid ", ";\n background-color: ", ";\n box-shadow: 0 4px 0 ", ";\n\n display: flex;\n flex-direction: column;\n gap: 10px;\n"])), theme.colors.lightGray.darker, theme.colors.lightGray.base, theme.colors.lightGray.darker);
|
|
48446
48659
|
var Row = styled__default["default"].div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject$1(["\n min-height: 40px;\n display: grid;\n gap: 7px;\n"], ["\n min-height: 40px;\n display: grid;\n gap: 7px;\n"])));
|
|
48447
48660
|
var Row1 = styled__default["default"](Row)(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject$1(["\n grid-template-columns: repeat(13, 1fr) 1.75fr;\n"], ["\n grid-template-columns: repeat(13, 1fr) 1.75fr;\n"])));
|
|
48448
|
-
var Row2 = styled__default["default"](Row)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$1(["\n grid-template-columns: 1.5fr repeat(12, 1fr) 1.25fr;\n
|
|
48449
|
-
var Row3 = styled__default["default"](Row)(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject$1(["\n grid-template-columns: 2fr repeat(
|
|
48661
|
+
var Row2 = styled__default["default"](Row)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject$1(["\n grid-template-columns: 1.5fr repeat(12, 1fr) 1.25fr;\n"], ["\n grid-template-columns: 1.5fr repeat(12, 1fr) 1.25fr;\n"])));
|
|
48662
|
+
var Row3 = styled__default["default"](Row)(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject$1(["\n grid-template-columns: 2fr repeat(11, 1fr) 2fr;\n"], ["\n grid-template-columns: 2fr repeat(11, 1fr) 2fr;\n"])));
|
|
48450
48663
|
var Row4 = styled__default["default"](Row)(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject$1(["\n grid-template-columns: 1.5fr repeat(11, 1fr) 2.5fr;\n"], ["\n grid-template-columns: 1.5fr repeat(11, 1fr) 2.5fr;\n"])));
|
|
48451
48664
|
var Row5 = styled__default["default"](Row)(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject$1(["\n grid-template-columns: 1.75fr repeat(3, 1fr) 6fr repeat(3, 1fr) 1.85fr;\n"], ["\n grid-template-columns: 1.75fr repeat(3, 1fr) 6fr repeat(3, 1fr) 1.85fr;\n"])));
|
|
48452
48665
|
var Key = styled__default["default"].div(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: ", ";\n\n border: 1px solid;\n border-radius: 6px;\n box-sizing: border-box;\n text-decoration: none;\n padding: 0 10px;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n\n background-color: ", ";\n color: ", ";\n box-shadow: ", ";\n border-color: ", ";\n\n svg {\n fill: ", ";\n stroke: ", ";\n }\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: ", ";\n\n border: 1px solid;\n border-radius: 6px;\n box-sizing: border-box;\n text-decoration: none;\n padding: 0 10px;\n\n font-family: ", ";\n font-size: ", ";\n font-weight: ", ";\n font-style: normal;\n\n background-color: ", ";\n color: ", ";\n box-shadow: ", ";\n border-color: ", ";\n\n svg {\n fill: ", ";\n stroke: ", ";\n }\n"])), function (_a) {
|
|
@@ -48508,168 +48721,179 @@ var Key = styled__default["default"].div(templateObject_8$1 || (templateObject_8
|
|
|
48508
48721
|
});
|
|
48509
48722
|
var templateObject_1$4, templateObject_2$4, templateObject_3$4, templateObject_4$3, templateObject_5$2, templateObject_6$2, templateObject_7$1, templateObject_8$1;
|
|
48510
48723
|
|
|
48511
|
-
var
|
|
48512
|
-
var
|
|
48513
|
-
var _b = React$3.useState(), shiftKeys = _b[0], setShiftKeys = _b[1];
|
|
48514
|
-
React$3.useEffect(function () {
|
|
48515
|
-
if (!!props.keys) {
|
|
48516
|
-
var keys_1 = {};
|
|
48517
|
-
var shiftKeys_1 = { left: [], right: [] };
|
|
48518
|
-
for (var _i = 0, _a = props.keys; _i < _a.length; _i++) {
|
|
48519
|
-
var _b = _a[_i], index = _b.index, key = _b.key, color = _b.color, hand = _b.hand, isShiftKey = _b.isShiftKey;
|
|
48520
|
-
keys_1[index] = { character: key, color: color };
|
|
48521
|
-
if (isShiftKey)
|
|
48522
|
-
shiftKeys_1[hand].push(key);
|
|
48523
|
-
}
|
|
48524
|
-
setKeys(keys_1);
|
|
48525
|
-
setShiftKeys(shiftKeys_1);
|
|
48526
|
-
}
|
|
48527
|
-
}, [props.keys]);
|
|
48724
|
+
var ISANSIKeyboard = function (_a) {
|
|
48725
|
+
var keys = _a.keys, shiftKeys = _a.shiftKeys, activeKeys = _a.activeKeys;
|
|
48528
48726
|
var containsAny = function (arr1, arr2) {
|
|
48529
48727
|
return arr1.some(function (v) { return arr2.includes(v); });
|
|
48530
48728
|
};
|
|
48531
|
-
|
|
48532
|
-
return jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
48533
|
-
return (jsxRuntime.jsxs(Container$3, { children: [jsxRuntime.jsxs(Row1, { children: [jsxRuntime.jsx(Key, {}), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
|
|
48729
|
+
return (jsxRuntime.jsxs(Container$3, { children: [jsxRuntime.jsxs(Row1, { children: [jsxRuntime.jsx(Key, {}), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48534
48730
|
keys[91].character,
|
|
48535
48731
|
keys[45].character,
|
|
48536
|
-
]) }, { children: [keys[91].character, jsxRuntime.jsx("br", {}), keys[45].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(
|
|
48732
|
+
]) }, { children: [keys[91].character, jsxRuntime.jsx("br", {}), keys[45].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48537
48733
|
keys[89].character,
|
|
48538
48734
|
keys[43].character,
|
|
48539
|
-
]) }, { children: [keys[89].character, jsxRuntime.jsx("br", {}), keys[43].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(
|
|
48735
|
+
]) }, { children: [keys[89].character, jsxRuntime.jsx("br", {}), keys[43].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48540
48736
|
keys[87].character,
|
|
48541
48737
|
keys[41].character,
|
|
48542
|
-
]) }, { children: [keys[87].character, jsxRuntime.jsx("br", {}), keys[41].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(
|
|
48738
|
+
]) }, { children: [keys[87].character, jsxRuntime.jsx("br", {}), keys[41].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48543
48739
|
keys[85].character,
|
|
48544
48740
|
keys[39].character,
|
|
48545
|
-
]) }, { children: [keys[85].character, jsxRuntime.jsx("br", {}), keys[39].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48741
|
+
]) }, { children: [keys[85].character, jsxRuntime.jsx("br", {}), keys[39].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48546
48742
|
keys[83].character,
|
|
48547
48743
|
keys[37].character,
|
|
48548
|
-
]) }, { children: [keys[83].character, jsxRuntime.jsx("br", {}), keys[37].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48744
|
+
]) }, { children: [keys[83].character, jsxRuntime.jsx("br", {}), keys[37].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48549
48745
|
keys[93].character,
|
|
48550
48746
|
keys[47].character,
|
|
48551
|
-
]) }, { children: [keys[93].character, jsxRuntime.jsx("br", {}), keys[47].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48747
|
+
]) }, { children: [keys[93].character, jsxRuntime.jsx("br", {}), keys[47].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48552
48748
|
keys[92].character,
|
|
48553
48749
|
keys[46].character,
|
|
48554
|
-
]) }, { children: [keys[92].character, jsxRuntime.jsx("br", {}), keys[46].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48750
|
+
]) }, { children: [keys[92].character, jsxRuntime.jsx("br", {}), keys[46].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48555
48751
|
keys[82].character,
|
|
48556
48752
|
keys[36].character,
|
|
48557
|
-
]) }, { children: [keys[82].character, jsxRuntime.jsx("br", {}), keys[36].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(
|
|
48753
|
+
]) }, { children: [keys[82].character, jsxRuntime.jsx("br", {}), keys[36].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48558
48754
|
keys[84].character,
|
|
48559
48755
|
keys[38].character,
|
|
48560
|
-
]) }, { children: [keys[84].character, jsxRuntime.jsx("br", {}), keys[38].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(
|
|
48756
|
+
]) }, { children: [keys[84].character, jsxRuntime.jsx("br", {}), keys[38].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48561
48757
|
keys[86].character,
|
|
48562
48758
|
keys[40].character,
|
|
48563
|
-
]) }, { children: [keys[86].character, jsxRuntime.jsx("br", {}), keys[40].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(
|
|
48759
|
+
]) }, { children: [keys[86].character, jsxRuntime.jsx("br", {}), keys[40].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48564
48760
|
keys[88].character,
|
|
48565
48761
|
keys[42].character,
|
|
48566
|
-
]) }, { children: [keys[88].character, jsxRuntime.jsx("br", {}), keys[42].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(
|
|
48762
|
+
]) }, { children: [keys[88].character, jsxRuntime.jsx("br", {}), keys[42].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48567
48763
|
keys[90].character,
|
|
48568
48764
|
keys[44].character,
|
|
48569
|
-
]) }, { children: [keys[90].character, jsxRuntime.jsx("br", {}), keys[44].character] })), jsxRuntime.jsx(Key, {})] }), jsxRuntime.jsxs(Row2, { children: [jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(
|
|
48765
|
+
]) }, { children: [keys[90].character, jsxRuntime.jsx("br", {}), keys[44].character] })), jsxRuntime.jsx(Key, {})] }), jsxRuntime.jsxs(Row2, { children: [jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48570
48766
|
keys[67].character,
|
|
48571
48767
|
keys[21].character,
|
|
48572
|
-
]) }, { children: keys[67].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(
|
|
48768
|
+
]) }, { children: keys[67].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48573
48769
|
keys[65].character,
|
|
48574
48770
|
keys[19].character,
|
|
48575
|
-
]) }, { children: keys[65].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(
|
|
48771
|
+
]) }, { children: keys[65].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48576
48772
|
keys[63].character,
|
|
48577
48773
|
keys[17].character,
|
|
48578
|
-
]) }, { children: keys[63].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48774
|
+
]) }, { children: keys[63].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48579
48775
|
keys[61].character,
|
|
48580
48776
|
keys[15].character,
|
|
48581
|
-
]) }, { children: keys[61].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48777
|
+
]) }, { children: keys[61].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48582
48778
|
keys[71].character,
|
|
48583
48779
|
keys[25].character,
|
|
48584
|
-
]) }, { children: keys[71].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48780
|
+
]) }, { children: keys[71].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48585
48781
|
keys[70].character,
|
|
48586
48782
|
keys[24].character,
|
|
48587
|
-
]) }, { children: keys[70].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48783
|
+
]) }, { children: keys[70].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48588
48784
|
keys[60].character,
|
|
48589
48785
|
keys[14].character,
|
|
48590
|
-
]) }, { children: keys[60].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(
|
|
48786
|
+
]) }, { children: keys[60].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48591
48787
|
keys[62].character,
|
|
48592
48788
|
keys[16].character,
|
|
48593
|
-
]) }, { children: keys[62].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(
|
|
48789
|
+
]) }, { children: keys[62].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48594
48790
|
keys[64].character,
|
|
48595
48791
|
keys[18].character,
|
|
48596
|
-
]) }, { children: keys[64].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(
|
|
48792
|
+
]) }, { children: keys[64].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48597
48793
|
keys[66].character,
|
|
48598
48794
|
keys[20].character,
|
|
48599
|
-
]) }, { children: keys[66].character })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(
|
|
48795
|
+
]) }, { children: keys[66].character })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48600
48796
|
keys[69].character,
|
|
48601
48797
|
keys[23].character,
|
|
48602
|
-
]) }, { children: [keys[69].character, jsxRuntime.jsx("br", {}), !["ğ", "q", "ü"].includes(keys[23].character) && keys[23].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(
|
|
48798
|
+
]) }, { children: [keys[69].character, jsxRuntime.jsx("br", {}), !["ğ", "q", "ü"].includes(keys[23].character) && keys[23].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48603
48799
|
keys[68].character,
|
|
48604
48800
|
keys[22].character,
|
|
48605
|
-
]) }, { children: [keys[68].character, jsxRuntime.jsx("br", {}), !["ü", "w"].includes(keys[22].character) && keys[22].character] })), jsxRuntime.
|
|
48801
|
+
]) }, { children: [keys[68].character, jsxRuntime.jsx("br", {}), !["ü", "w"].includes(keys[22].character) && keys[22].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48802
|
+
keys[57].character,
|
|
48803
|
+
keys[11].character,
|
|
48804
|
+
]) }, { children: [keys[57].character, jsxRuntime.jsx("br", {}), !["x"].includes(keys[11].character) && keys[11].character] }))] }), jsxRuntime.jsxs(Row3, { children: [jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48606
48805
|
keys[55].character,
|
|
48607
48806
|
keys[9].character,
|
|
48608
|
-
]) }, { children: keys[55].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(
|
|
48807
|
+
]) }, { children: keys[55].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48609
48808
|
keys[53].character,
|
|
48610
48809
|
keys[7].character,
|
|
48611
|
-
]) }, { children: keys[53].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(
|
|
48810
|
+
]) }, { children: keys[53].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48612
48811
|
keys[51].character,
|
|
48613
48812
|
keys[5].character,
|
|
48614
|
-
]) }, { children: keys[51].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48813
|
+
]) }, { children: keys[51].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48615
48814
|
keys[49].character,
|
|
48616
48815
|
keys[3].character,
|
|
48617
|
-
]) }, { children: keys[49].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48816
|
+
]) }, { children: keys[49].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48618
48817
|
keys[59].character,
|
|
48619
48818
|
keys[13].character,
|
|
48620
|
-
]) }, { children: keys[59].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48819
|
+
]) }, { children: keys[59].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48621
48820
|
keys[58].character,
|
|
48622
48821
|
keys[12].character,
|
|
48623
|
-
]) }, { children: keys[58].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48822
|
+
]) }, { children: keys[58].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48624
48823
|
keys[48].character,
|
|
48625
48824
|
keys[2].character,
|
|
48626
|
-
]) }, { children: keys[48].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(
|
|
48825
|
+
]) }, { children: keys[48].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48627
48826
|
keys[50].character,
|
|
48628
48827
|
keys[4].character,
|
|
48629
|
-
]) }, { children: keys[50].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(
|
|
48828
|
+
]) }, { children: keys[50].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48630
48829
|
keys[52].character,
|
|
48631
48830
|
keys[6].character,
|
|
48632
|
-
]) }, { children: keys[52].character })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(
|
|
48831
|
+
]) }, { children: keys[52].character })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48633
48832
|
keys[54].character,
|
|
48634
48833
|
keys[8].character,
|
|
48635
48834
|
]) }, { children: [keys[54].character, jsxRuntime.jsx("br", {}), !["ş", "y", "ö", "m"].includes(keys[8].character) &&
|
|
48636
|
-
keys[8].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(
|
|
48835
|
+
keys[8].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48637
48836
|
keys[56].character,
|
|
48638
48837
|
keys[10].character,
|
|
48639
|
-
]) }, { children: [keys[56].character, jsxRuntime.jsx("br", {}), !["i", "ş", "ä"].includes(keys[10].character) && keys[10].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(
|
|
48640
|
-
keys[57].character,
|
|
48641
|
-
keys[11].character,
|
|
48642
|
-
]) }, { children: [keys[57].character, jsxRuntime.jsx("br", {}), !["x"].includes(keys[11].character) && keys[11].character] })), jsxRuntime.jsx(Key, {})] }), jsxRuntime.jsxs(Row4, { children: [jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, shiftKeys.right), align: "left" }, { children: jsxRuntime.jsx("svg", __assign$2({ viewBox: "0 0 50 50", width: 20, height: 20 }, { children: jsxRuntime.jsx("path", { d: "M22.7202 6.39735C23.9548 5.08044 26.0452 5.08044 27.2798 6.39735L47.1107 27.5503C48.9818 29.5461 47.5666 32.8126 44.8309 32.8126H35.9375V42.1876C35.9375 43.9135 34.5384 45.3126 32.8125 45.3126H17.1875C15.4616 45.3126 14.0625 43.9135 14.0625 42.1876V32.8126H5.1691C2.43335 32.8126 1.0182 29.5461 2.8893 27.5503L22.7202 6.39735ZM44.8309 29.6876L25 8.53467L5.1691 29.6876H14.0625C15.7884 29.6876 17.1875 31.0867 17.1875 32.8126V42.1876H32.8125V32.8126C32.8125 31.0867 34.2116 29.6876 35.9375 29.6876L44.8309 29.6876Z" }) })) })), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(props.activeKeys, [
|
|
48838
|
+
]) }, { children: [keys[56].character, jsxRuntime.jsx("br", {}), !["i", "ş", "ä"].includes(keys[10].character) && keys[10].character] })), jsxRuntime.jsx(Key, {})] }), jsxRuntime.jsxs(Row4, { children: [jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, shiftKeys.right), align: "left" }, { children: jsxRuntime.jsx("svg", __assign$2({ viewBox: "0 0 50 50", width: 20, height: 20 }, { children: jsxRuntime.jsx("path", { d: "M22.7202 6.39735C23.9548 5.08044 26.0452 5.08044 27.2798 6.39735L47.1107 27.5503C48.9818 29.5461 47.5666 32.8126 44.8309 32.8126H35.9375V42.1876C35.9375 43.9135 34.5384 45.3126 32.8125 45.3126H17.1875C15.4616 45.3126 14.0625 43.9135 14.0625 42.1876V32.8126H5.1691C2.43335 32.8126 1.0182 29.5461 2.8893 27.5503L22.7202 6.39735ZM44.8309 29.6876L25 8.53467L5.1691 29.6876H14.0625C15.7884 29.6876 17.1875 31.0867 17.1875 32.8126V42.1876H32.8125V32.8126C32.8125 31.0867 34.2116 29.6876 35.9375 29.6876L44.8309 29.6876Z" }) })) })), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48643
48839
|
keys[79].character,
|
|
48644
48840
|
keys[33].character,
|
|
48645
|
-
]) }, { children: keys[79].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(
|
|
48841
|
+
]) }, { children: keys[79].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48646
48842
|
keys[77].character,
|
|
48647
48843
|
keys[31].character,
|
|
48648
|
-
]) }, { children: keys[77].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(
|
|
48844
|
+
]) }, { children: keys[77].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48649
48845
|
keys[75].character,
|
|
48650
48846
|
keys[29].character,
|
|
48651
|
-
]) }, { children: keys[75].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48847
|
+
]) }, { children: keys[75].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48652
48848
|
keys[73].character,
|
|
48653
48849
|
keys[27].character,
|
|
48654
|
-
]) }, { children: keys[73].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48850
|
+
]) }, { children: keys[73].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48655
48851
|
keys[81].character,
|
|
48656
48852
|
keys[35].character,
|
|
48657
|
-
]) }, { children: keys[81].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48853
|
+
]) }, { children: keys[81].character })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48658
48854
|
keys[80].character,
|
|
48659
48855
|
keys[34].character,
|
|
48660
|
-
]) }, { children: keys[80].character })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(
|
|
48856
|
+
]) }, { children: keys[80].character })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.YELLOW, isActive: containsAny(activeKeys, [
|
|
48661
48857
|
keys[72].character,
|
|
48662
48858
|
keys[26].character,
|
|
48663
|
-
]) }, { children: [keys[72].character, jsxRuntime.jsx("br", {}), !["m", "s"].includes(keys[26].character) && keys[26].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(
|
|
48859
|
+
]) }, { children: [keys[72].character, jsxRuntime.jsx("br", {}), !["m", "s"].includes(keys[26].character) && keys[26].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.PURPLE, isActive: containsAny(activeKeys, [
|
|
48664
48860
|
keys[74].character,
|
|
48665
48861
|
keys[28].character,
|
|
48666
|
-
]) }, { children: [keys[74].character, jsxRuntime.jsx("br", {}), !["ö", "b"].includes(keys[28].character) && keys[28].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(
|
|
48862
|
+
]) }, { children: [keys[74].character, jsxRuntime.jsx("br", {}), !["ö", "b"].includes(keys[28].character) && keys[28].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.GREEN, isActive: containsAny(activeKeys, [
|
|
48667
48863
|
keys[76].character,
|
|
48668
48864
|
keys[30].character,
|
|
48669
|
-
]) }, { children: [keys[76].character, jsxRuntime.jsx("br", {}), !["ç"].includes(keys[30].character) && keys[30].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(
|
|
48865
|
+
]) }, { children: [keys[76].character, jsxRuntime.jsx("br", {}), !["ç"].includes(keys[30].character) && keys[30].character] })), jsxRuntime.jsxs(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, [
|
|
48670
48866
|
keys[78].character,
|
|
48671
48867
|
keys[32].character,
|
|
48672
|
-
]) }, { children: [keys[78].character, jsxRuntime.jsx("br", {}), keys[32].character] })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(
|
|
48868
|
+
]) }, { children: [keys[78].character, jsxRuntime.jsx("br", {}), keys[32].character] })), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.BLUE, isActive: containsAny(activeKeys, shiftKeys.left), align: "right" }, { children: jsxRuntime.jsx("svg", __assign$2({ viewBox: "0 0 50 50", width: 20, height: 20 }, { children: jsxRuntime.jsx("path", { d: "M22.7202 6.39735C23.9548 5.08044 26.0452 5.08044 27.2798 6.39735L47.1107 27.5503C48.9818 29.5461 47.5666 32.8126 44.8309 32.8126H35.9375V42.1876C35.9375 43.9135 34.5384 45.3126 32.8125 45.3126H17.1875C15.4616 45.3126 14.0625 43.9135 14.0625 42.1876V32.8126H5.1691C2.43335 32.8126 1.0182 29.5461 2.8893 27.5503L22.7202 6.39735ZM44.8309 29.6876L25 8.53467L5.1691 29.6876H14.0625C15.7884 29.6876 17.1875 31.0867 17.1875 32.8126V42.1876H32.8125V32.8126C32.8125 31.0867 34.2116 29.6876 35.9375 29.6876L44.8309 29.6876Z" }) })) }))] }), jsxRuntime.jsxs(Row5, { children: [jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, __assign$2({ color: enums.Color.PINK, isActive: containsAny(activeKeys, [keys[1].character]) }, { children: jsxRuntime.jsx("svg", __assign$2({ width: "24", height: "6", viewBox: "0 0 28 7", style: { marginTop: 10 }, fill: theme.colors.pink.dark }, { children: jsxRuntime.jsx("path", { d: "M0 4.5V1C0 0.447715 0.447715 0 1 0H2C2.55228 0 3 0.447715 3 1V4H25V1C25 0.447715 25.4477 0 26 0H27C27.5523 0 28 0.447715 28 1V4.5C28 5.88071 26.8807 7 25.5 7H2.5C1.11929 7 0 5.88071 0 4.5Z" }) })) })), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {}), jsxRuntime.jsx(Key, {})] })] }));
|
|
48869
|
+
};
|
|
48870
|
+
|
|
48871
|
+
var Keyboard = function (props) {
|
|
48872
|
+
var _a = React$3.useState(), keys = _a[0], setKeys = _a[1];
|
|
48873
|
+
var _b = React$3.useState(), shiftKeys = _b[0], setShiftKeys = _b[1];
|
|
48874
|
+
React$3.useEffect(function () {
|
|
48875
|
+
if (!!props.keys) {
|
|
48876
|
+
var keys_1 = {};
|
|
48877
|
+
var shiftKeys_1 = { left: [], right: [] };
|
|
48878
|
+
for (var _i = 0, _a = props.keys; _i < _a.length; _i++) {
|
|
48879
|
+
var _b = _a[_i], index = _b.index, key = _b.key, color = _b.color, hand = _b.hand, isShiftKey = _b.isShiftKey;
|
|
48880
|
+
keys_1[index] = { character: key, color: color };
|
|
48881
|
+
if (isShiftKey)
|
|
48882
|
+
shiftKeys_1[hand].push(key);
|
|
48883
|
+
}
|
|
48884
|
+
setKeys(keys_1);
|
|
48885
|
+
setShiftKeys(shiftKeys_1);
|
|
48886
|
+
}
|
|
48887
|
+
}, [props.keys]);
|
|
48888
|
+
if (!keys)
|
|
48889
|
+
return jsxRuntime.jsx(jsxRuntime.Fragment, {});
|
|
48890
|
+
switch (props.variant) {
|
|
48891
|
+
default:
|
|
48892
|
+
case enums.KeyboardVariant.ISO:
|
|
48893
|
+
return (jsxRuntime.jsx(ISOKeyboard, { keys: keys, shiftKeys: shiftKeys, activeKeys: props.activeKeys }));
|
|
48894
|
+
case enums.KeyboardVariant.ISANSI:
|
|
48895
|
+
return (jsxRuntime.jsx(ISANSIKeyboard, { keys: keys, shiftKeys: shiftKeys, activeKeys: props.activeKeys }));
|
|
48896
|
+
}
|
|
48673
48897
|
};
|
|
48674
48898
|
|
|
48675
48899
|
var Mask = styled__default["default"].div(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject$1(["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n overflow: auto;\n"], ["\n width: 100vw;\n height: 100vh;\n position: fixed;\n background-color: rgba(35, 41, 47, 50%);\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 1000;\n overflow: auto;\n"])));
|
|
@@ -48898,7 +49122,7 @@ exports.IconButton = IconButton;
|
|
|
48898
49122
|
exports.Illustration = Illustration;
|
|
48899
49123
|
exports.Input = Input;
|
|
48900
49124
|
exports.InputField = InputField;
|
|
48901
|
-
exports.Key = Key$
|
|
49125
|
+
exports.Key = Key$2;
|
|
48902
49126
|
exports.Keyboard = Keyboard;
|
|
48903
49127
|
exports.Link = Link;
|
|
48904
49128
|
exports.Loading = Loading;
|