@typeolymp/ui-components 1.18.3 → 1.19.0
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/README.md +6 -6
- package/build/components/atoms/DataSummary/index.d.ts +18 -0
- package/build/components/atoms/DataSummary/stories.d.ts +13 -0
- package/build/components/atoms/DataSummary/styles.d.ts +2 -0
- package/build/components/atoms/Icon/index.d.ts +1 -1
- package/build/components/atoms/Illustration/index.d.ts +1 -1
- package/build/components/organisms/Table/index.d.ts +15 -9
- package/build/index.d.ts +2 -1
- package/build/index.es.js +86 -51
- package/build/index.es.js.map +1 -1
- package/build/index.js +86 -50
- package/build/index.js.map +1 -1
- package/build/utils/types/TranslationType.d.ts +1 -0
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -3467,14 +3467,14 @@ Object.defineProperty(BeatLoader, "__esModule", { value: true });
|
|
|
3467
3467
|
var React$2 = __importStar$2(React__default["default"]);
|
|
3468
3468
|
var react_1 = require$$1;
|
|
3469
3469
|
var helpers_1 = helpers$1;
|
|
3470
|
-
var beat = react_1.keyframes(templateObject_1$
|
|
3470
|
+
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"])));
|
|
3471
3471
|
var Loader = /** @class */ (function (_super) {
|
|
3472
3472
|
__extends$2(Loader, _super);
|
|
3473
3473
|
function Loader() {
|
|
3474
3474
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
3475
3475
|
_this.style = function (i) {
|
|
3476
3476
|
var _a = _this.props, color = _a.color, size = _a.size, margin = _a.margin, speedMultiplier = _a.speedMultiplier;
|
|
3477
|
-
return react_1.css(templateObject_2$
|
|
3477
|
+
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");
|
|
3478
3478
|
};
|
|
3479
3479
|
return _this;
|
|
3480
3480
|
}
|
|
@@ -3489,9 +3489,9 @@ var Loader = /** @class */ (function (_super) {
|
|
|
3489
3489
|
return Loader;
|
|
3490
3490
|
}(React$2.PureComponent));
|
|
3491
3491
|
var _default$1 = BeatLoader.default = Loader;
|
|
3492
|
-
var templateObject_1$
|
|
3492
|
+
var templateObject_1$X, templateObject_2$D;
|
|
3493
3493
|
|
|
3494
|
-
var Wrapper$a = styled__default["default"].div(templateObject_1$
|
|
3494
|
+
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) {
|
|
3495
3495
|
var size = _a.size;
|
|
3496
3496
|
return theme.icon[size] || theme.icon.medium;
|
|
3497
3497
|
}, function (_a) {
|
|
@@ -3549,7 +3549,7 @@ var Wrapper$a = styled__default["default"].div(templateObject_1$V || (templateOb
|
|
|
3549
3549
|
return theme.colors.lightGray.base;
|
|
3550
3550
|
}
|
|
3551
3551
|
});
|
|
3552
|
-
var templateObject_1$
|
|
3552
|
+
var templateObject_1$W;
|
|
3553
3553
|
|
|
3554
3554
|
var icons = {
|
|
3555
3555
|
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" })),
|
|
@@ -3588,10 +3588,11 @@ var icons = {
|
|
|
3588
3588
|
upload: (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("path", { d: "M22.6 14.6c-.7 0-1.3.6-1.3 1.3v4H2.7v-4c0-.7-.6-1.3-1.3-1.3s-1.3.6-1.3 1.3v5.2c0 .7.6 1.3 1.3 1.3h21.2c.7 0 1.3-.6 1.3-1.3v-5.2c0-.8-.6-1.3-1.3-1.3z" }), jsxRuntime.jsx("path", { d: "M12.8 2.1c-.1-.1-.2-.2-.4-.3-.1-.1-.3-.1-.5-.1s-.3 0-.5.1c-.1.1-.3.1-.4.3L6.3 7c-.5.5-.5 1.2 0 1.7s1.2.5 1.7 0l2.8-2.8v10c0 .7.5 1.2 1.2 1.2s1.2-.5 1.2-1.2v-10L16 8.7c.5.5 1.2.5 1.7 0s.5-1.2 0-1.7l-4.9-4.9z" })] })),
|
|
3589
3589
|
dotsVertical: (jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("circle", { cx: 12, cy: 4.2, r: 1.9 }), jsxRuntime.jsx("circle", { cx: 12, cy: 12, r: 1.9 }), jsxRuntime.jsx("path", { d: "M12 17.8c-1.1 0-1.9.9-1.9 1.9 0 1.1.9 1.9 1.9 1.9s1.9-.9 1.9-1.9c0-1-.8-1.9-1.9-1.9z" })] })),
|
|
3590
3590
|
dotsHorizontal: (jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("circle", { cx: 4.2, cy: 12, r: 1.9 }), jsxRuntime.jsx("circle", { cx: 12, cy: 12, r: 1.9 }), jsxRuntime.jsx("path", { d: "M17.8 12c0 1.1.9 1.9 1.9 1.9 1.1 0 1.9-.9 1.9-1.9s-.9-1.9-1.9-1.9c-1 0-1.9.8-1.9 1.9z" })] })),
|
|
3591
|
+
bell: (jsxRuntime.jsx("path", { d: "M13.6 1.8c0-.4-.2-.8-.5-1.1-.3-.3-.7-.5-1.1-.5-.9 0-1.6.7-1.6 1.6v.4c-3.7.8-6.3 4-6.3 7.8v2.9c0 1.6-.6 3.1-1.7 4.2l-.4.2c-.6.6-.9 1.4-.9 2.2v1c0 .8.6 1.4 1.4 1.4h6.3c.2 1.1 1.2 1.9 2.4 1.9h1.6c.7 0 1.3-.3 1.7-.7.3-.3.6-.8.7-1.2h6.3c.7 0 1.4-.6 1.4-1.4v-1c0-.8-.3-1.6-.9-2.2l-.3-.3c-1.1-1.1-1.7-2.6-1.7-4.2V9.9c0-3.8-2.7-7.1-6.4-7.9v-.2z" })),
|
|
3591
3592
|
};
|
|
3592
3593
|
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] })) }))); };
|
|
3593
3594
|
|
|
3594
|
-
var StyledButton = styled__default["default"].button(templateObject_1$
|
|
3595
|
+
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: 0.85;\n }\n\n :active {\n box-shadow: none;\n margin-top: ", ";\n height: ", ";\n }\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: 0.85;\n }\n\n :active {\n box-shadow: none;\n margin-top: ", ";\n height: ", ";\n }\n"])), function (_a) {
|
|
3595
3596
|
var fluid = _a.fluid;
|
|
3596
3597
|
return (fluid ? "100%" : "fit-content");
|
|
3597
3598
|
}, function (_a) {
|
|
@@ -3645,7 +3646,7 @@ var StyledButton = styled__default["default"].button(templateObject_1$U || (temp
|
|
|
3645
3646
|
? theme.button.medium.heightActive
|
|
3646
3647
|
: theme.button[size].heightActive;
|
|
3647
3648
|
});
|
|
3648
|
-
var DisabledButton = styled__default["default"](StyledButton)(templateObject_2$
|
|
3649
|
+
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) {
|
|
3649
3650
|
var size = _a.size;
|
|
3650
3651
|
return !size ? theme.button.medium.height : theme.button[size].height;
|
|
3651
3652
|
});
|
|
@@ -3672,16 +3673,16 @@ var LoaderWrapper = styled__default["default"].div(templateObject_4$8 || (templa
|
|
|
3672
3673
|
var size = _a.size;
|
|
3673
3674
|
return (size === "small" ? "3px" : "");
|
|
3674
3675
|
});
|
|
3675
|
-
var templateObject_1$
|
|
3676
|
+
var templateObject_1$V, templateObject_2$C, templateObject_3$e, templateObject_4$8;
|
|
3676
3677
|
|
|
3677
|
-
var StyledSpacer = styled__default["default"].div(templateObject_1$
|
|
3678
|
+
var StyledSpacer = styled__default["default"].div(templateObject_1$U || (templateObject_1$U = __makeTemplateObject$1(["\n width: ", ";\n height: ", ";\n"], ["\n width: ", ";\n height: ", ";\n"])), function (_a) {
|
|
3678
3679
|
var horizontal = _a.horizontal;
|
|
3679
3680
|
return (horizontal ? "".concat(horizontal, "px") : "");
|
|
3680
3681
|
}, function (_a) {
|
|
3681
3682
|
var vertical = _a.vertical;
|
|
3682
3683
|
return (vertical ? "".concat(vertical, "px") : "");
|
|
3683
3684
|
});
|
|
3684
|
-
var templateObject_1$
|
|
3685
|
+
var templateObject_1$U;
|
|
3685
3686
|
|
|
3686
3687
|
var Spacer = function (props) { return (jsxRuntime.jsx(StyledSpacer, __assign$2({}, props))); };
|
|
3687
3688
|
|
|
@@ -3729,7 +3730,7 @@ var Button = React$3.forwardRef(function (_a, ref) {
|
|
|
3729
3730
|
return (jsxRuntime.jsx(StyledButton, __assign$2({ color: color, size: size, fluid: fluid, type: type, tabIndex: tabIndex, as: as, href: href, ref: ref ? ref : buttonRef, onClick: onClick }, { children: isLoading ? (jsxRuntime.jsx(Loader, {})) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [icon && renderIcon({ color: "white" }), jsxRuntime.jsx("span", { children: label })] })) })));
|
|
3730
3731
|
});
|
|
3731
3732
|
|
|
3732
|
-
var StyledCheckbox = styled__default["default"].div(templateObject_1$
|
|
3733
|
+
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) {
|
|
3733
3734
|
var checked = _a.checked, disabled = _a.disabled;
|
|
3734
3735
|
if (disabled)
|
|
3735
3736
|
return theme.colors.lightGray.darker;
|
|
@@ -3750,7 +3751,7 @@ var StyledCheckbox = styled__default["default"].div(templateObject_1$S || (templ
|
|
|
3750
3751
|
return theme.colors.green.base;
|
|
3751
3752
|
return theme.colors.lightGray.darker;
|
|
3752
3753
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
3753
|
-
var templateObject_1$
|
|
3754
|
+
var templateObject_1$T;
|
|
3754
3755
|
|
|
3755
3756
|
var Checkbox = function (props) {
|
|
3756
3757
|
var _a;
|
|
@@ -3783,7 +3784,7 @@ var Checkbox = function (props) {
|
|
|
3783
3784
|
return (jsxRuntime.jsxs(StyledCheckbox, __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: [checked && (jsxRuntime.jsx("svg", __assign$2({ width: 16, height: 12, viewBox: "0 0 16 12", fill: "none" }, { children: jsxRuntime.jsx("path", { d: "M12.61.563l-6.585 6.6L3.439 4.57a1.997 1.997 0 00-3.374.885c-.183.7.026 1.446.546 1.949l4 4.008a1.997 1.997 0 002.828 0l8-8.017a2.007 2.007 0 00-.025-2.809 1.997 1.997 0 00-2.803-.024z" }) }))), jsxRuntime.jsx("input", { type: "checkbox", disabled: !!props.disabled, id: props.id, name: props.name, value: props.value, ref: inputRef })] })));
|
|
3784
3785
|
};
|
|
3785
3786
|
|
|
3786
|
-
var Wrapper$9 = styled__default["default"].div(templateObject_1$
|
|
3787
|
+
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) {
|
|
3787
3788
|
var size = _a.size;
|
|
3788
3789
|
switch (size) {
|
|
3789
3790
|
case "small":
|
|
@@ -3806,7 +3807,7 @@ var Wrapper$9 = styled__default["default"].div(templateObject_1$R || (templateOb
|
|
|
3806
3807
|
return "27px";
|
|
3807
3808
|
}
|
|
3808
3809
|
});
|
|
3809
|
-
var templateObject_1$
|
|
3810
|
+
var templateObject_1$S;
|
|
3810
3811
|
|
|
3811
3812
|
var parsers = {};
|
|
3812
3813
|
|
|
@@ -4202,7 +4203,7 @@ var flags = {
|
|
|
4202
4203
|
};
|
|
4203
4204
|
var Flag = function (props) { return (jsxRuntime.jsx(Wrapper$9, __assign$2({}, props, { children: flags[parsers.getCountryCodeByLocale(props.locale)] }))); };
|
|
4204
4205
|
|
|
4205
|
-
var StyledHeading = styled__default["default"].span(templateObject_1$
|
|
4206
|
+
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"], ["\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"])), theme.fonts.heading, function (_a) {
|
|
4206
4207
|
var type = _a.type;
|
|
4207
4208
|
return theme.heading[type].fontSize;
|
|
4208
4209
|
}, function (_a) {
|
|
@@ -4226,14 +4227,14 @@ var StyledHeading = styled__default["default"].span(templateObject_1$Q || (templ
|
|
|
4226
4227
|
var align = _a.align;
|
|
4227
4228
|
return align;
|
|
4228
4229
|
});
|
|
4229
|
-
var templateObject_1$
|
|
4230
|
+
var templateObject_1$R;
|
|
4230
4231
|
|
|
4231
4232
|
var Heading = function (props) {
|
|
4232
4233
|
var element = !!props.as ? props.as : props.type;
|
|
4233
4234
|
return (jsxRuntime.jsx(StyledHeading, __assign$2({}, props, { as: element }, { children: props.children })));
|
|
4234
4235
|
};
|
|
4235
4236
|
|
|
4236
|
-
var Wrapper$8 = styled__default["default"].div(templateObject_1$
|
|
4237
|
+
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) {
|
|
4237
4238
|
var size = _a.size;
|
|
4238
4239
|
switch (size) {
|
|
4239
4240
|
case "tiny":
|
|
@@ -4247,7 +4248,7 @@ var Wrapper$8 = styled__default["default"].div(templateObject_1$P || (templateOb
|
|
|
4247
4248
|
return "118px";
|
|
4248
4249
|
}
|
|
4249
4250
|
});
|
|
4250
|
-
var templateObject_1$
|
|
4251
|
+
var templateObject_1$Q;
|
|
4251
4252
|
|
|
4252
4253
|
var illustrations = {
|
|
4253
4254
|
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" })] }))),
|
|
@@ -4265,10 +4266,11 @@ var illustrations = {
|
|
|
4265
4266
|
school: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 340.6 317" }, { children: [jsxRuntime.jsx("path", { fill: "#ededed", d: "M58 97H282.7V286.9H58z" }), jsxRuntime.jsx("path", { d: "M204.5 286.9h-68.4c-5 0-9.1-4.1-9.1-9.1V156.6c0-5 4.1-9.1 9.1-9.1h68.4c5 0 9.1 4.1 9.1 9.1v121.2c0 5.1-4 9.1-9.1 9.1z", fill: "#f59b1a" }), jsxRuntime.jsx("path", { d: "M164.9 1.3L6.3 83.7c-10.8 5.6-6.8 22 5.4 22H329c12.2 0 16.2-16.4 5.4-22L175.7 1.3c-3.4-1.7-7.4-1.7-10.8 0z", fill: "#7c7f82" }), jsxRuntime.jsx("path", { d: "M100.1 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17H37.8c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.7-17-17-17zM302.9 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17z", fill: "#c4c4c4" }), jsxRuntime.jsx("circle", { cx: 170.3, cy: 59.1, r: 25, fill: "#ededed" }), jsxRuntime.jsx("path", { d: "M319.9 317H20.8c-11 0-20-9-20-20s9-20 20-20h299.1c11 0 20 9 20 20s-9 20-20 20z", fill: "#7c7f82" })] }))),
|
|
4266
4267
|
organisation: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 721 464.5" }, { children: [jsxRuntime.jsx("path", { fill: "#ededed", d: "M58 97H282.7V286.9H58z" }), jsxRuntime.jsx("path", { d: "M204.5 286.9h-68.4c-5 0-9.1-4.1-9.1-9.1V156.6c0-5 4.1-9.1 9.1-9.1h68.4c5 0 9.1 4.1 9.1 9.1v121.2c0 5.1-4 9.1-9.1 9.1z", fill: "#f59b1a" }), jsxRuntime.jsx("path", { d: "M164.9 1.3L6.3 83.7c-10.8 5.6-6.8 22 5.4 22H329c12.2 0 16.2-16.4 5.4-22L175.7 1.3c-3.4-1.7-7.4-1.7-10.8 0z", fill: "#7c7f82" }), jsxRuntime.jsx("path", { d: "M100.1 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17H37.8c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.7-17-17-17zM302.9 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17z", fill: "#c4c4c4" }), jsxRuntime.jsx("circle", { cx: 170.3, cy: 59.1, r: 25, fill: "#ededed" }), jsxRuntime.jsx("path", { d: "M319.9 317H20.8c-11 0-20-9-20-20s9-20 20-20h299.1c11 0 20 9 20 20s-9 20-20 20z", fill: "#7c7f82" }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { fill: "#ededed", d: "M438.3 97H663V286.9H438.3z" }), jsxRuntime.jsx("path", { d: "M584.9 286.9h-68.4c-5 0-9.1-4.1-9.1-9.1V156.6c0-5 4.1-9.1 9.1-9.1h68.4c5 0 9.1 4.1 9.1 9.1v121.2c-.1 5.1-4.1 9.1-9.1 9.1z", fill: "#f59b1a" }), jsxRuntime.jsx("path", { d: "M545.3 1.3L386.6 83.7c-10.8 5.6-6.8 22 5.4 22h317.3c12.2 0 16.2-16.4 5.4-22L556 1.3c-3.4-1.7-7.4-1.7-10.7 0z", fill: "#7c7f82" }), jsxRuntime.jsx("path", { d: "M480.4 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17zM683.2 243.4h-6.7V139.7h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17z", fill: "#c4c4c4" }), jsxRuntime.jsx("circle", { cx: 550.6, cy: 59.1, r: 25, fill: "#ededed" }), jsxRuntime.jsx("path", { d: "M700.2 317H401.1c-11 0-20-9-20-20s9-20 20-20h299.1c11 0 20 9 20 20s-9 20-20 20z", fill: "#7c7f82" })] }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { d: "M210.9 477c-17.9 0-32.5-14.6-32.5-32.5 0-13.7 8.6-25.5 20.7-30.3-.4-2-.7-4.1-.7-6.3 0-14.3 10.2-26.2 23.7-28.9v-79.8c-13.5-2.7-23.7-14.6-23.7-28.9 0-1.6.1-3.2.4-4.7-10-1.2-18-8.2-20.4-18.2-2.7-11 2.3-21.9 12.3-27.2l158.6-82.4c3.4-1.8 7.3-2.7 11.1-2.7 3.9 0 7.7.9 11.1 2.7l158.6 82.4c10.1 5.2 15 16.2 12.3 27.2-2.4 10-10.5 17-20.4 18.2.2 1.5.4 3.1.4 4.7 0 14.3-10.2 26.2-23.7 28.9V379c13.5 2.7 23.7 14.6 23.7 28.9 0 2.1-.2 4.2-.7 6.3 12.1 4.7 20.7 16.5 20.7 30.3 0 17.9-14.6 32.5-32.5 32.5h-299z", fill: "#7c7f82" }), jsxRuntime.jsx("path", { d: "M360.5 147.5c1.8 0 3.7.4 5.4 1.3l158.6 82.4c10.8 5.6 6.8 22-5.4 22H493c9.4 0 17 7.6 17 17s-7.6 17-17 17h-6.7v103.7h6.7c9.4 0 17 7.6 17 17 0 8.1-5.6 14.8-13.1 16.5H510c11 0 20 9 20 20s-9 20-20 20H210.9c-11 0-20-9-20-20s9-20 20-20H224c-7.5-1.7-13.1-8.5-13.1-16.5 0-9.4 7.6-17 17-17h6.7V287.2h-6.7c-9.4 0-17-7.6-17-17s7.6-17 17-17h-26.1c-12.2 0-16.2-16.4-5.4-22L355 148.8c1.8-.8 3.6-1.3 5.5-1.3m0-25c-5.9 0-11.7 1.4-16.9 4.1L184.9 209c-7.7 4-13.8 10.6-17 18.5-2.9 7.1-3.5 15.2-1.7 22.7 1.8 7.6 6.1 14.5 12 19.4 2.4 2 5.1 3.8 8 5.1 1.6 14.7 10.8 27.1 23.5 33.3v62.1c-13.8 6.7-23.4 20.7-23.7 37-12.1 8.1-20 21.8-20 37.4 0 24.8 20.2 45 45 45h299c24.8 0 45-20.2 45-45 0-15.6-8-29.3-20-37.4-.3-16.3-9.9-30.3-23.7-37V308c12.7-6.2 21.9-18.6 23.5-33.3 2.9-1.3 5.5-3 8-5.1 5.9-5 10.1-11.9 12-19.4 1.8-7.6 1.3-15.6-1.7-22.7-3.3-7.9-9.3-14.5-17-18.5l-158.6-82.4c-5.3-2.6-11.2-4.1-17-4.1z", fill: "#fff" })] }), jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { fill: "#ededed", d: "M248.1 244.6H472.79999999999995V434.5H248.1z" }), jsxRuntime.jsx("path", { d: "M394.7 434.5h-68.4c-5 0-9.1-4.1-9.1-9.1V304.1c0-5 4.1-9.1 9.1-9.1h68.4c5 0 9.1 4.1 9.1 9.1v121.2c0 5.1-4.1 9.2-9.1 9.2z", fill: "#f59b1a" }), jsxRuntime.jsx("path", { d: "M355.1 148.8l-158.6 82.4c-10.8 5.6-6.8 22 5.4 22h317.3c12.2 0 16.2-16.4 5.4-22L366 148.8c-3.5-1.7-7.5-1.7-10.9 0z", fill: "#7c7f82" }), jsxRuntime.jsx("path", { d: "M290.2 390.9h-6.7V287.2h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17h62.3c9.4 0 17-7.6 17-17s-7.6-17-17-17zM493 390.9h-6.7V287.2h6.7c9.4 0 17-7.6 17-17s-7.6-17-17-17h-62.3c-9.4 0-17 7.6-17 17s7.6 17 17 17h6.7v103.7h-6.7c-9.4 0-17 7.6-17 17s7.6 17 17 17H493c9.4 0 17-7.6 17-17s-7.6-17-17-17z", fill: "#c4c4c4" }), jsxRuntime.jsx("circle", { cx: 360.5, cy: 206.6, r: 25, fill: "#ededed" }), jsxRuntime.jsx("path", { d: "M510 464.5H210.9c-11 0-20-9-20-20s9-20 20-20H510c11 0 20 9 20 20s-8.9 20-20 20z", fill: "#7c7f82" })] })] }))),
|
|
4267
4268
|
coach: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 137.6 201" }, { children: [jsxRuntime.jsx("path", { d: "M68.8 118.5c-24.6 0-44.6 19.9-44.6 44.5v38h89.1v-38c0-24.6-19.9-44.5-44.5-44.5z", fill: "#d8d7d7" }), jsxRuntime.jsx("path", { d: "M78.9 101.2H58.3v16.3c0 4.7 3.8 8.6 8.6 8.6h3.5c4.7 0 8.6-3.8 8.6-8.6v-16.3z", fill: "#f9b467" }), jsxRuntime.jsx("path", { d: "M127.6 44.6c-.6 0-1.1.1-1.7.2C119.6 19.1 96.4 0 68.8 0S18 19.1 11.7 44.7c-.6-.1-1.1-.2-1.7-.2-5.5 0-10 4.5-10 10s4.5 10 10 10h.3c2.9 29.7 28 53 58.5 53s55.6-23.2 58.5-53h.3c5.5 0 10-4.5 10-10s-4.5-9.9-10-9.9z", fill: "#f9b467" }), jsxRuntime.jsx("path", { d: "M99.8 85.3c0-13.5-12.6-6.2-29.5-6.2-16.8 0-31.5-7.3-31.5 6.2s13.6 24.4 30.5 24.4 30.5-10.9 30.5-24.4z", fill: "#25120f" }), jsxRuntime.jsx("path", { d: "M69.3 109.7c6.6 0 12.7-1.7 17.6-4.5-2.3-3.2-6.2-5.5-10.7-6.2-1.9-.3-3.7-.2-5.5.1-1 .2-2 .2-2.9 0-1.7-.3-3.6-.3-5.5-.1-4.5.6-8.3 3-10.7 6.2 5.1 2.8 11.2 4.5 17.7 4.5z", fill: "#e62a44" }), jsxRuntime.jsx("path", { d: "M75.4 58.9c0-3.3-2.7-6.1-6.1-6.1-3.3 0-6.1 2.7-6.1 6.1 0 3.3 2.7 4.1 6.1 4.1 3.4-.1 6.1-.8 6.1-4.1z", opacity: 0.37, fill: "#f9b467" }), jsxRuntime.jsx("path", { d: "M38 23.4c-9.3 0-16.8 7.6-16.8 16.8v8.1c0 9.2 7.6 12.8 16.8 12.8 9.3 0 16.8-7.1 16.8-16.3v-4.6c.1-9.3-7.5-16.8-16.8-16.8z", fill: "#fff" }), jsxRuntime.jsx("path", { d: "M38 32.8c-3.2 0-5.8 2.6-5.8 5.8v10.7c0 3.2 2.6 5.8 5.8 5.8 3.2 0 5.8-2.6 5.8-5.8V38.6c.1-3.2-2.6-5.8-5.8-5.8z", fill: "#40abe1" }), jsxRuntime.jsx("path", { d: "M99.2 23.4c9.3 0 16.8 7.6 16.8 16.8v8.1c0 9.2-7.6 12.8-16.8 12.8-9.3 0-16.8-7.1-16.8-16.3v-4.6c0-9.3 7.5-16.8 16.8-16.8z", fill: "#fff" }), jsxRuntime.jsx("path", { d: "M99.2 32.8c3.2 0 5.8 2.6 5.8 5.8v10.7c0 3.2-2.6 5.8-5.8 5.8s-5.8-2.6-5.8-5.8V38.6c0-3.2 2.6-5.8 5.8-5.8z", fill: "#40abe1" }), jsxRuntime.jsx("path", { d: "M17.1 26.7c3.2-3.3 7.7-6.5 13.8-9 2.2-.9 2.7-3.7 1.1-5.3l-4.7-4.8c-1.2-1.2-3.2-1.3-4.5-.2-3 2.6-8.1 7.8-11.1 15.9-1.3 3.3 2.9 5.9 5.4 3.4zM119.9 26.7c-3.2-3.3-7.7-6.5-13.8-9-2.2-.9-2.7-3.7-1.1-5.3l4.7-4.8c1.2-1.2 3.2-1.3 4.5-.2 3 2.6 8.1 7.8 11.1 15.9 1.3 3.3-2.9 5.9-5.4 3.4z", fill: "#91878a" }), jsxRuntime.jsx("path", { d: "M7.9 54.7l.7-.7c.5-.5.5-1.4 0-1.9s-1.4-.5-1.9 0l-.7.7-.7-.7c-.5-.5-1.4-.5-1.9 0s-.5 1.4 0 1.9l.7.7-.7.7c-.5.5-.5 1.4 0 1.9.3.3.6.4.9.4.3 0 .7-.1.9-.4l.8-.7.7.7c.3.3.6.4.9.4.3 0 .7-.1.9-.4.5-.5.5-1.4 0-1.9l-.6-.7zM133.1 54.7l.7-.7c.5-.5.5-1.4 0-1.9s-1.4-.5-1.9 0l-.7.7-.7-.7c-.5-.5-1.4-.5-1.9 0s-.5 1.4 0 1.9l.7.7-.7.7c-.5.5-.5 1.4 0 1.9.3.3.6.4.9.4.3 0 .7-.1.9-.4l.7-.7.7.7c.3.3.6.4.9.4.3 0 .7-.1.9-.4.5-.5.5-1.4 0-1.9l-.5-.7z", opacity: 0.57, fill: "#f9b467" }), jsxRuntime.jsx("path", { d: "M61.7 23.2H27.1c-7.1 0-12.9 5.8-12.9 12.9v13.6c0 7.1 5.8 12.9 12.9 12.9h26.4c7.1 0 12.9-5.8 12.9-12.9V27.8c0-2.5-2.1-4.6-4.7-4.6zm.2 26.4c0 4.6-3.7 8.3-8.3 8.3H27.1c-4.6 0-8.3-3.7-8.3-8.3V36c0-4.6 3.7-8.3 8.3-8.3h34.6c.1 0 .1.1.1.1v21.8z", fill: "#1e1e1e" }), jsxRuntime.jsx("path", { d: "M61.9 27.8v21.8c0 4.6-3.7 8.3-8.3 8.3H27.1c-4.6 0-8.3-3.7-8.3-8.3V36c0-4.6 3.7-8.3 8.3-8.3h34.6c.1 0 .2.1.2.1z", opacity: 0.4, fill: "#ededee" }), jsxRuntime.jsx("path", { d: "M111.1 23.2H76.5c-2.6 0-4.7 2.1-4.7 4.7v21.8c0 7.1 5.8 12.9 12.9 12.9h26.4c7.1 0 12.9-5.8 12.9-12.9V36c0-7.1-5.8-12.8-12.9-12.8zm8.4 26.4c0 4.6-3.7 8.3-8.3 8.3H84.7c-4.6 0-8.3-3.7-8.3-8.3V27.8c0-.1.1-.1.1-.1h34.6c4.6 0 8.3 3.7 8.3 8.3v13.6z", fill: "#1e1e1e" }), jsxRuntime.jsx("path", { d: "M119.5 36v13.6c0 4.6-3.7 8.3-8.3 8.3H84.7c-4.6 0-8.3-3.7-8.3-8.3V27.8c0-.1.1-.1.1-.1h34.6c4.6 0 8.4 3.7 8.4 8.3z", opacity: 0.4, fill: "#ededee" }), jsxRuntime.jsx("path", { d: "M84.2 23.2H55.7v4.5h28.5v-4.5zM75.1 32.9H63.8v4.5h11.3v-4.5z", fill: "#1e1e1e" }), jsxRuntime.jsx("path", { d: "M83.4 120.8l-4.2-1.4c-.3-.1-.6-.1-.8.1l-9.7 6.1h-.1l-9.7-6.1c-.2-.2-.6-.2-.8-.1l-4.2 1.4c-.6.2-.8.9-.4 1.3l4.5 6.1c.5.7 1.4 1 2.2.7l6.4-2.1c.4-.1.7.1.7.5v6.6c0 .4.3.8.8.8h1.4c.4 0 .8-.3.8-.8v-6.6c0-.4.4-.6.7-.5l6.4 2.1c.8.3 1.7 0 2.2-.7l4.5-6.1c0-.5-.2-1.1-.7-1.3z", fill: "#353432" }), jsxRuntime.jsx("path", { d: "M69 141.8c9.6 0 18-7.3 21.5-17.7-.2-.1-.3-.2-.5-.3-3.5 10.2-11.6 17.4-21 17.4-9.5 0-17.7-7.3-21.1-17.6-.2.1-.3.2-.5.3 3.5 10.5 11.9 17.9 21.6 17.9z", fill: "#3a3b3a" }), jsxRuntime.jsx("path", { d: "M69.7 140.9c-.2 0-.3.2-.2.4l.3 1.2c0 .2.2.3.4.2.2 0 .3-.2.2-.4l-.3-1.2c-.1-.1-.3-.2-.4-.2zM76.2 154.1l-3.5.9c-.4.1-.8-.1-.9-.5l-1.9-7.8 4.9-1.2 1.9 7.8c.2.3-.1.7-.5.8z", fill: "#6d7171" }), jsxRuntime.jsx("path", { d: "M70.7 151.6c2.8 0 5-2.2 5-5s-2.2-5-5-5-5 2.2-5 5 2.2 5 5 5z", fill: "#888989" }), jsxRuntime.jsx("path", { d: "M76.9 154l-3.5.9c-.4.1-.8-.1-.9-.5l-1.9-7.8 4.9-1.2 1.9 7.8c.1.3-.2.7-.5.8z", fill: "#888989" })] }))),
|
|
4269
|
+
certificate: (jsxRuntime.jsxs("svg", __assign$2({ viewBox: "0 0 60.2 55.2" }, { children: [jsxRuntime.jsx("path", { d: "M5 1.7h50.1c1.4 0 2.5 1.1 2.5 2.5v33.4c0 1.4-1.1 2.5-2.5 2.5H5c-1.4 0-2.5-1.1-2.5-2.5V4.2c0-1.4 1.1-2.5 2.5-2.5z", fill: "#fff" }), jsxRuntime.jsx("path", { d: "M55.2 41.8H5c-2.3 0-4.2-1.9-4.2-4.2V4.2C.8 1.9 2.7 0 5 0h50.1c2.3 0 4.2 1.9 4.2 4.2v33.4c0 2.3-1.8 4.2-4.1 4.2zM5 3.3c-.5 0-.8.4-.8.8v33.4c0 .5.4.8.8.8h50.1c.5 0 .8-.4.8-.8V4.2c0-.5-.4-.8-.8-.8H5z", fill: "#1aaff6" }), jsxRuntime.jsx("path", { fill: "#ffd801", d: "M0 10H60.2V24.2H0z" }), jsxRuntime.jsx("path", { d: "M21.7 15h16.7c.9 0 1.7.7 1.7 1.7 0 .9-.7 1.7-1.7 1.7H21.7c-.9 0-1.7-.7-1.7-1.7.1-.9.8-1.7 1.7-1.7z", fill: "#23292f" }), jsxRuntime.jsx("path", { d: "M8.4 27.6h18.4c.5 0 .8.4.8.8 0 .5-.4.8-.8.8H8.4c-.5 0-.8-.4-.8-.8-.1-.4.3-.8.8-.8zM8.4 31.8h12.5c.5 0 .8.4.8.8 0 .5-.4.8-.8.8H8.4c-.5 0-.8-.4-.8-.8-.1-.5.3-.8.8-.8z", fill: "#c4c4c4" }), jsxRuntime.jsx("defs", { children: jsxRuntime.jsx("path", { id: "a", d: "M34.3 28.4H53.5V55.099999999999994H34.3z" }) }), jsxRuntime.jsx("clipPath", __assign$2({ id: "b" }, { children: jsxRuntime.jsx("use", { xlinkHref: "#a", overflow: "visible" }) })), jsxRuntime.jsxs("g", __assign$2({ clipPath: "url(#b)" }, { children: [jsxRuntime.jsx("path", { d: "M41 39.3h6.7v12.5l-3.3-2.2-3.4 2.2V39.3z", fill: "#ffd801" }), jsxRuntime.jsx("path", { d: "M39.3 37.6h10v17.3l-5-3.3-5 3.3V37.6zm5 12l3.3 2.2V39.3H41v12.5l3.3-2.2z", fillRule: "evenodd", clipRule: "evenodd", fill: "#3dc478" }), jsxRuntime.jsx("path", { d: "M45.7 29.5c.3 1 1.5 1.4 2.4.7 1.2-.9 2.9.3 2.3 1.6-.4 1 .4 2 1.5 1.9 1.5 0 2.1 1.8.9 2.6-.9.6-.9 1.8 0 2.4 1.2.8.6 2.7-.9 2.6-1.1 0-1.8 1-1.5 1.9.5 1.4-1.2 2.5-2.3 1.6-.8-.6-2.1-.2-2.4.7-.4 1.4-2.5 1.4-2.9 0-.3-1-1.5-1.4-2.4-.7-1.2.9-2.9-.3-2.3-1.6.4-1-.4-2-1.5-1.9-1.5 0-2.1-1.8-.9-2.6.9-.6.9-1.8 0-2.4-1.2-.8-.6-2.7.9-2.6 1.1 0 1.8-1 1.5-1.9-.5-1.4 1.2-2.5 2.3-1.6.8.6 2.1.2 2.4-.7.5-1.4 2.5-1.4 2.9 0z", fill: "#3dc478" }), jsxRuntime.jsx("path", { d: "M49.3 37.6c0 2.8-2.2 5-5 5s-5-2.2-5-5 2.2-5 5-5 5 2.2 5 5z", fill: "#fff" }), jsxRuntime.jsx("path", { d: "M44.3 40.1c1.4 0 2.5-1.1 2.5-2.5s-1.1-2.5-2.5-2.5-2.5 1.1-2.5 2.5 1.1 2.5 2.5 2.5zm0 2.5c2.8 0 5-2.2 5-5s-2.2-5-5-5-5 2.2-5 5 2.2 5 5 5z", fillRule: "evenodd", clipRule: "evenodd", fill: "#ffd801" })] }))] }))),
|
|
4268
4270
|
};
|
|
4269
4271
|
var Illustration = function (props) { return (jsxRuntime.jsx(Wrapper$8, __assign$2({}, props, { children: illustrations[props.type] }))); };
|
|
4270
4272
|
|
|
4271
|
-
var StyledParagraph = styled__default["default"].p(templateObject_1$
|
|
4273
|
+
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"], ["\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"])), theme.fonts.paragraph, function (_a) {
|
|
4272
4274
|
var size = _a.size;
|
|
4273
4275
|
return size ? theme.paragraph[size].fontSize : theme.paragraph.medium.fontSize;
|
|
4274
4276
|
}, function (_a) {
|
|
@@ -4303,10 +4305,10 @@ var StyledParagraph = styled__default["default"].p(templateObject_1$O || (templa
|
|
|
4303
4305
|
var transform = _a.transform;
|
|
4304
4306
|
return transform;
|
|
4305
4307
|
});
|
|
4306
|
-
var templateObject_1$
|
|
4308
|
+
var templateObject_1$P;
|
|
4307
4309
|
|
|
4308
|
-
var Container$
|
|
4309
|
-
var InputIconWrapper = styled__default["default"].div(templateObject_2$
|
|
4310
|
+
var Container$q = styled__default["default"].div(templateObject_1$O || (templateObject_1$O = __makeTemplateObject$1(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
4311
|
+
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: 43px;\n }\n\n input[type=\"date\"] {\n color: ", ";\n }\n\n div {\n position: absolute;\n height: 24px;\n right: 12px;\n top: 14px;\n }\n\n svg {\n cursor: ", ";\n }\n"], ["\n position: relative;\n width: 100%;\n\n input {\n padding-right: 43px;\n }\n\n input[type=\"date\"] {\n color: ", ";\n }\n\n div {\n position: absolute;\n height: 24px;\n right: 12px;\n top: 14px;\n }\n\n svg {\n cursor: ", ";\n }\n"])), function (_a) {
|
|
4310
4312
|
var isChanged = _a.isChanged;
|
|
4311
4313
|
return !isChanged ? theme.colors.lightGray.darker : "";
|
|
4312
4314
|
}, function (_a) {
|
|
@@ -4332,7 +4334,7 @@ var Helper = styled__default["default"](StyledParagraph)(templateObject_6$3 || (
|
|
|
4332
4334
|
var isOk = _a.isOk;
|
|
4333
4335
|
return isOk ? theme.colors.green.base : theme.colors.darkGray.light;
|
|
4334
4336
|
}, fadeIn);
|
|
4335
|
-
var templateObject_1$
|
|
4337
|
+
var templateObject_1$O, templateObject_2$B, templateObject_3$d, templateObject_4$7, templateObject_5$3, templateObject_6$3;
|
|
4336
4338
|
|
|
4337
4339
|
var expressions = {};
|
|
4338
4340
|
|
|
@@ -4438,6 +4440,7 @@ var timePractised = "Tijd geoefend";
|
|
|
4438
4440
|
var Accuracy = "Nauwkeurigheid";
|
|
4439
4441
|
var Keystrokes = "Toetsaanslagen";
|
|
4440
4442
|
var Today = "Vandaag";
|
|
4443
|
+
var Edit = "Bewerken";
|
|
4441
4444
|
var nl_NL = {
|
|
4442
4445
|
"At least 1 capital letter": "Minimaal 1 hoofdletter",
|
|
4443
4446
|
"At least 1 number": "Minimaal 1 cijfer",
|
|
@@ -4465,7 +4468,8 @@ var nl_NL = {
|
|
|
4465
4468
|
"Last 7 days": "Laatste 7 dagen",
|
|
4466
4469
|
"Last 30 days": "Laatste 30 dagen",
|
|
4467
4470
|
"Last 3 months": "Laatste 3 maanden",
|
|
4468
|
-
"Last 12 months": "Laatste 12 maanden"
|
|
4471
|
+
"Last 12 months": "Laatste 12 maanden",
|
|
4472
|
+
Edit: Edit
|
|
4469
4473
|
};
|
|
4470
4474
|
|
|
4471
4475
|
var _a;
|
|
@@ -4493,7 +4497,7 @@ var PasswordInput = function (props) {
|
|
|
4493
4497
|
if (props.onKeyPress)
|
|
4494
4498
|
props.onKeyPress(e);
|
|
4495
4499
|
};
|
|
4496
|
-
return (jsxRuntime.jsxs(Container$
|
|
4500
|
+
return (jsxRuntime.jsxs(Container$q, { children: [jsxRuntime.jsxs(InputIconWrapper, __assign$2({ disabled: props.disabled }, { 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] }));
|
|
4497
4501
|
};
|
|
4498
4502
|
|
|
4499
4503
|
function toInteger$2(dirtyNumber) {
|
|
@@ -7985,7 +7989,7 @@ Input.Date = DateInput;
|
|
|
7985
7989
|
|
|
7986
7990
|
var Logo = function (props) { return (jsxRuntime.jsxs("svg", __assign$2({ width: 396, height: 66, viewBox: "0 0 662.8 118.1", fill: "none", xmlSpace: "preserve" }, props, { children: [jsxRuntime.jsxs("g", { children: [jsxRuntime.jsx("path", { d: "M61.6 23.5c-.4-.5-.9-1.1-1.3-1.5l-4.9-4.8L42 4c-1.3-1.3-2.8-2.3-4.5-3-1.7-.7-3.5-1-5.3-1-1.8 0-3.6.4-5.3 1-1.7.7-3.2 1.7-4.5 3L4.1 22C1.5 24.6 0 28 0 31.7c0 3.6 1.5 7.1 4.1 9.7l18.3 18c2.6 2.6 6.2 4 9.8 4 3.7 0 7.2-1.4 9.8-4l13.4-13.2-4.9-4.8c-.5-.5-.9-1-1.3-1.5L35.7 53.1c-.5.5-1 .8-1.6 1.1-.6.2-1.3.4-1.9.4-.7 0-1.3-.1-1.9-.4-.6-.2-1.2-.6-1.6-1.1l-18.3-18c-.9-.9-1.5-2.2-1.5-3.5 0-1.3.5-2.5 1.5-3.5l18.3-18c.5-.5 1-.8 1.6-1.1.6-.2 1.3-.4 1.9-.4.7 0 1.3.1 1.9.4.6.2 1.2.6 1.6 1.1l13.5 13.3 4.8 4.7c.5.4.8 1 1.1 1.6.2.6.4 1.2.4 1.9v.1c0 1.3.5 2.5 1.5 3.4l4.8 4.7c1.8-2.4 2.7-5.2 2.7-8.1-.1-3-1.1-5.8-2.9-8.2z", fill: "#e62743" }), jsxRuntime.jsx("path", { d: "M153.3 22L135 4c-1.3-1.3-2.8-2.3-4.5-3-1.7-.7-3.5-1-5.3-1-1.8 0-3.6.4-5.3 1-1.7.7-3.2 1.7-4.5 3L102 17.2 97.1 22c-.5.5-.9 1-1.3 1.5-1.8 2.4-2.8 5.2-2.8 8.2 0 2.9 1 5.8 2.7 8.1l4.8-4.7c.9-.9 1.4-2.1 1.5-3.4 0-.6.1-1.3.4-1.9.2-.6.6-1.1 1.1-1.6l4.8-4.7 13.5-13.3c.5-.5 1-.8 1.6-1.1.6-.2 1.2-.4 1.9-.4s1.3.1 1.9.4c.6.2 1.1.6 1.6 1.1l18.3 18c.5.5.8 1 1.1 1.6.3.6.4 1.2.4 1.9 0 .6-.1 1.3-.4 1.9-.3.6-.6 1.1-1.1 1.6l-18.3 18c-.5.5-1 .8-1.6 1.1-.6.2-1.2.4-1.9.4s-1.3-.1-1.9-.4c-.6-.2-1.1-.6-1.6-1.1l-13.5-13.3c-.4.5-.8 1.1-1.3 1.5l-4.9 4.8 13.4 13.2c1.3 1.3 2.8 2.3 4.5 3 1.7.7 3.5 1 5.3 1 1.8 0 3.6-.4 5.3-1 1.7-.7 3.2-1.7 4.5-3l18.3-18c1.3-1.3 2.3-2.8 3-4.5.7-1.7 1.1-3.5 1.1-5.3 0-1.8-.4-3.6-1.1-5.3-.8-1.5-1.8-3-3.1-4.3z", fill: "#53b476" }), jsxRuntime.jsx("path", { d: "M61.9 23.3l-.3.3c-.4-.5-.9-1.1-1.3-1.5l-4.9-4.8L68.8 4c1.3-1.3 2.8-2.3 4.5-3 1.7-.7 3.5-1 5.3-1s3.6.4 5.3 1c1.7.7 3.2 1.7 4.5 3l13.4 13.1-4.7 4.9c-.5.5-.9 1-1.3 1.5L82.2 10.2c-.5-.5-1-.8-1.6-1.1-.6-.2-1.3-.4-1.9-.4-.7 0-1.3.1-1.9.4-.6.2-1.2.6-1.6 1.1L61.9 23.3zm41.5 4.9l4.8-4.7c1.8 2.4 2.7 5.2 2.7 8.2 0 2.9-1 5.8-2.7 8.2-.4.5-.8 1.1-1.3 1.5l-4.9 4.8-13.5 13.2c-2.6 2.6-6.2 4-9.8 4s-7.2-1.4-9.8-4L55.4 46.1l-4.9-4.8c-.5-.5-.9-1-1.3-1.5-1.8-2.4-2.7-5.2-2.7-8.1 0-2.9 1-5.8 2.7-8.1l4.8 4.7c.5.4.8 1 1.1 1.6.2.6.4 1.2.4 1.9v.1c0 1.3.5 2.5 1.5 3.4l4.8 4.7 13.5 13.3c.5.5 1 .8 1.6 1.1s1.3.4 1.9.4 1.3-.1 1.9-.4 1.2-.6 1.6-1.1L95.8 40l4.8-4.7c.9-.9 1.4-2.1 1.5-3.4 0-.6.1-1.3.4-1.9 0-.8.4-1.3.9-1.8z", fillRule: "evenodd", clipRule: "evenodd", fill: "#ffd800" }), jsxRuntime.jsx("path", { d: "M130 76.6l-18.3-18c-2.6-2.6-6.2-4-9.8-4-3.7 0-7.2 1.4-9.8 4L78.7 71.9l-4.9 4.8c-.5.5-.9 1-1.3 1.5-1.8 2.4-2.7 5.2-2.7 8.1 0 2.9 1 5.8 2.7 8.1l4.8-4.7c.9-.9 1.4-2.1 1.5-3.4 0-1.3.5-2.5 1.5-3.4l4.8-4.7 13.5-13.3c.9-.9 2.2-1.4 3.5-1.4 1.3 0 2.6.5 3.5 1.4l18.3 18c.9.9 1.5 2.2 1.5 3.5 0 1.3-.5 2.5-1.5 3.5l-18.3 18c-.9.9-2.2 1.4-3.5 1.4-1.3 0-2.6-.5-3.5-1.4L84.9 94.5c-.4.6-.8 1.1-1.3 1.5l-4.9 4.8L92.1 114c2.6 2.6 6.2 4 9.8 4 3.7 0 7.2-1.4 9.8-4L130 96c1.3-1.3 2.3-2.8 3-4.5.7-1.7 1.1-3.5 1.1-5.3 0-1.8-.4-3.6-1.1-5.3-.6-1.5-1.7-3-3-4.3z", fill: "#8c5ca2" }), jsxRuntime.jsx("path", { d: "M84.9 78.2l-4.8 4.7c-.9.9-1.4 2.1-1.5 3.4 0 1.3-.5 2.5-1.5 3.4l-4.8 4.7-13.5 13.3c-.9.9-2.2 1.4-3.5 1.4s-2.6-.5-3.5-1.4l-18.3-18c-.9-.9-1.4-2.2-1.4-3.5s.5-2.5 1.4-3.5l18.3-18c.9-.9 2.2-1.4 3.5-1.4s2.6.5 3.5 1.4L72.3 78c.4-.5.8-1.1 1.3-1.5l4.9-4.8-13.3-13c-2.6-2.6-6.2-4-9.8-4-3.7 0-7.2 1.4-9.8 4l-18.3 18c-2.6 2.6-4.1 6.1-4.1 9.7s1.5 7.1 4.1 9.7l18.3 18c2.6 2.6 6.2 4 9.8 4 3.7 0 7.2-1.4 9.8-4l13.4-13.2 4.9-4.8c.5-.5.9-1 1.3-1.5 1.8-2.4 2.7-5.2 2.7-8.1.1-3.1-.9-5.9-2.6-8.3z", fill: "#3da9e1" })] }), jsxRuntime.jsxs("g", __assign$2({ fill: "#23292f" }, { children: [jsxRuntime.jsx("path", { d: "M236.6 21.5c-1.1-1-2.4-1.5-3.9-1.5h-40.2c-1.6 0-2.9.5-3.9 1.4-1.1.9-1.6 2.2-1.6 3.8 0 1.6.5 2.8 1.6 3.8s2.4 1.5 3.9 1.5h14.2V78c0 1.6.5 2.9 1.6 3.9 1.1 1.1 2.5 1.6 4.2 1.6 1.8 0 3.2-.5 4.3-1.6 1.1-1.1 1.7-2.4 1.7-3.9V30.4h14.2c1.6 0 2.9-.5 3.9-1.4 1.1-.9 1.6-2.2 1.6-3.8 0-1.5-.5-2.8-1.6-3.7z" }), jsxRuntime.jsx("path", { d: "M270.6 36.6c-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9v23.2c0 2.3-.4 4.2-1.2 5.8-.8 1.6-1.9 2.8-3.4 3.6-1.5.8-3.2 1.2-5.3 1.2-3.1 0-5.5-.8-7.2-2.4-1.7-1.6-2.6-4.4-2.6-8.3V40.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9V67c0 3.4.7 6.4 2 9 1.3 2.6 3.2 4.7 5.6 6.2 2.4 1.5 5.2 2.2 8.4 2.2 2.7 0 5.1-.3 7.3-1 2.1-.7 3.9-1.6 5.5-2.9.7-.6 1.3-1.3 1.9-2v1c0 3.1-.5 5.5-1.4 7.3-.9 1.8-2.3 3.1-4.2 3.8-1.8.8-4.2 1.1-6.9 1.1-2.1 0-3.9-.3-5.4-1-1.6-.6-2.8-1.1-3.8-1.4-1.3-.5-2.6-.4-3.8.2-1.2.6-2.1 1.8-2.6 3.6-.4 1.3-.3 2.6.4 3.8.7 1.2 1.9 2.2 3.8 2.9 1.4.6 3.2 1.1 5.3 1.4 2.2.3 4.2.5 6.2.5 4.4 0 8.3-.7 11.8-2.2 3.5-1.4 6.3-3.8 8.4-7.1 2.1-3.3 3.1-7.7 3.1-13.3V40.5c-.3-1.6-.8-2.9-1.8-3.9zM327.5 46.1c-2-3.7-4.6-6.7-8-8.8-3.4-2.1-7.1-3.2-11.4-3.2-2.1 0-4.1.4-6 1.1-1.9.7-3.6 1.6-5 2.8-1.3 1-2.4 2-3.2 3.1v-.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9v55.6c0 1.6.5 3 1.5 4s2.3 1.5 3.9 1.5 2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V78.3c.6.6 1.4 1.3 2.2 1.9 1.6 1.2 3.5 2.2 5.6 3 2.1.8 4.4 1.2 6.8 1.2 4.1 0 7.8-1.1 11.1-3.2s5.9-5.1 7.9-8.9c2-3.8 2.9-8.1 2.9-13.1s-1-9.3-2.9-13.1zm-9.2 20.8c-1.1 2.3-2.7 4.2-4.6 5.5-2 1.3-4.3 2-6.9 2s-5-.7-7-2-3.6-3.2-4.7-5.5-1.7-4.9-1.7-7.8c0-2.9.6-5.5 1.7-7.8s2.7-4.1 4.7-5.4c2-1.3 4.3-2 7-2s5 .7 6.9 2c2 1.3 3.5 3.1 4.6 5.4 1.1 2.3 1.7 4.8 1.7 7.8 0 2.9-.6 5.5-1.7 7.8zM380.4 61.6c1.1-.9 1.7-2.1 1.7-3.5 0-3.3-.6-6.3-1.9-9.2-1.2-2.9-2.9-5.5-5-7.7s-4.5-3.9-7.3-5.2c-2.8-1.3-5.7-1.9-8.7-1.9-4 0-7.8 1-11.3 3.1-3.6 2.1-6.5 5-8.7 8.8-2.2 3.8-3.3 8.5-3.3 13.9 0 4.7 1 8.8 3 12.5 2 3.7 4.9 6.6 8.7 8.7 3.8 2.1 8.2 3.2 13.4 3.2 3 0 6-.5 8.8-1.5 2.8-1 5-2.2 6.6-3.5 1.7-1.3 2.5-2.8 2.5-4.4 0-1.2-.4-2.3-1.3-3.2-.9-.9-2-1.4-3.3-1.4-1 0-2 .3-3.1.8-.7.4-1.4.8-2.2 1.3-.8.5-1.9 1-3.2 1.3-1.3.4-3.1.5-5.3.5-2.4 0-4.7-.6-6.8-1.8-2.1-1.2-3.9-2.9-5.3-5.2-.8-1.3-1.3-2.8-1.7-4.5h29.9c1.4.3 2.7-.2 3.8-1.1zM350 47.2c1.1-1.1 2.5-2 4.1-2.4 1.6-.5 3.3-.7 5.1-.7 1.9 0 3.6.4 5.3 1.2 1.7.8 3.1 1.9 4.2 3.3s1.7 3 1.9 4.7v.6h-23.7c.1-.7.3-1.5.5-2.1.5-1.9 1.5-3.4 2.6-4.6zM447.3 39.1c-1.5-3.9-3.6-7.4-6.4-10.4-2.8-3-6-5.3-9.8-7-3.8-1.7-7.9-2.5-12.4-2.5s-8.6.8-12.3 2.5c-3.7 1.7-7 4-9.7 7-2.8 3-4.9 6.5-6.4 10.4-1.5 3.9-2.3 8.2-2.3 12.7s.8 8.8 2.3 12.7c1.5 3.9 3.6 7.4 6.4 10.4 2.7 3 6 5.3 9.7 7 3.7 1.7 7.9 2.5 12.3 2.5 4.5 0 8.6-.8 12.4-2.5 3.8-1.7 7-4 9.8-7 2.8-3 4.9-6.5 6.4-10.4 1.5-3.9 2.3-8.2 2.3-12.7-.1-4.6-.8-8.8-2.3-12.7zm-12 23.7c-1.6 3.3-3.9 5.9-6.7 7.8-2.8 1.9-6.1 2.9-9.9 2.9-3.7 0-7-1-9.9-2.9-2.8-1.9-5.1-4.5-6.7-7.8-1.6-3.3-2.4-7-2.4-11 0-4.1.8-7.8 2.4-11.1 1.6-3.3 3.8-5.9 6.7-7.8 2.8-1.9 6.1-2.9 9.9-2.9 3.7 0 7 1 9.9 2.9 2.8 1.9 5.1 4.5 6.7 7.8 1.6 3.3 2.4 7 2.4 11 .1 4.1-.8 7.8-2.4 11.1zM468.4 18c-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6c-1.1 1.1-1.6 2.4-1.6 3.9v56c0 1.6.5 2.9 1.5 3.9 1 1.1 2.3 1.6 3.8 1.6 1.6 0 2.9-.5 3.9-1.6 1.1-1.1 1.6-2.4 1.6-3.9v-56c.1-1.5-.4-2.9-1.4-3.9zM520.2 36.6c-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9v23.2c0 2.3-.4 4.2-1.2 5.8-.8 1.6-1.9 2.8-3.4 3.6-1.4.8-3.2 1.2-5.3 1.2-3.1 0-5.5-.8-7.2-2.4-1.7-1.6-2.6-4.4-2.6-8.3V40.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9V67c0 3.4.7 6.4 2 9 1.3 2.6 3.2 4.7 5.6 6.2 2.4 1.5 5.2 2.2 8.4 2.2 2.7 0 5.1-.3 7.3-1 2.1-.7 3.9-1.6 5.5-2.9.7-.6 1.3-1.3 1.9-2v1c0 3.1-.5 5.5-1.4 7.3-.9 1.8-2.3 3.1-4.2 3.8-1.8.8-4.2 1.1-6.9 1.1-2.1 0-3.9-.3-5.4-1-1.6-.6-2.8-1.1-3.8-1.4-1.3-.5-2.6-.4-3.8.2-1.2.6-2.1 1.8-2.6 3.6-.4 1.3-.3 2.6.4 3.8.7 1.2 1.9 2.2 3.8 2.9 1.4.6 3.2 1.1 5.3 1.4 2.2.3 4.2.5 6.2.5 4.4 0 8.3-.7 11.8-2.2 3.5-1.4 6.3-3.8 8.4-7.1 2.1-3.3 3.1-7.7 3.1-13.3V40.5c-.2-1.6-.7-2.9-1.8-3.9zM603.2 44.4c-.8-3.1-2.4-5.6-4.7-7.5s-5.6-2.8-9.9-2.8c-2.7 0-5.1.6-7.2 1.7-2.1 1.1-4 2.5-5.5 4.1-1.4 1.5-2.5 2.9-3.2 4.2-.8-2.6-2.1-4.7-3.9-6.5-2.3-2.3-5.9-3.5-10.7-3.5-2 0-3.8.3-5.5 1-1.7.6-3.2 1.5-4.6 2.5-1.4 1-2.6 2.1-3.5 3.3l-.9 1.2v-1.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9V78c0 1.6.5 2.9 1.5 3.9 1 1.1 2.3 1.6 3.9 1.6s2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V54.7c0-2 .4-3.8 1.2-5.4.8-1.6 2-2.9 3.7-3.9 1.6-1 3.6-1.4 5.9-1.4 2.4 0 4.2.5 5.4 1.4 1.3 1 2.1 2.3 2.6 3.9s.7 3.4.7 5.4v23.2c0 1.6.5 2.9 1.5 3.9 1 1.1 2.3 1.6 3.9 1.6s2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V54.7c0-2 .4-3.8 1.2-5.4.8-1.6 2-2.9 3.7-3.9 1.6-1 3.6-1.4 5.9-1.4 2.4 0 4.2.5 5.4 1.4 1.3 1 2.1 2.3 2.6 3.9s.7 3.4.7 5.4v23.2c0 1.6.5 2.9 1.5 3.9 1 1.1 2.3 1.6 3.9 1.6s2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V54.7c.3-3.8-.2-7.2-1-10.3zM659.8 46.1c-2-3.7-4.6-6.7-8-8.8-3.4-2.1-7.1-3.2-11.4-3.2-2.1 0-4.1.4-6 1.1-1.9.7-3.6 1.6-5 2.8-1.3 1-2.4 2-3.2 3.1v-.5c0-1.6-.5-2.9-1.5-3.9-1-1.1-2.3-1.6-3.9-1.6s-2.9.5-3.9 1.6-1.5 2.4-1.5 3.9v55.6c0 1.6.5 3 1.5 4s2.3 1.5 3.9 1.5 2.9-.5 3.9-1.6 1.5-2.4 1.5-3.9V78.3c.6.6 1.4 1.3 2.2 1.9 1.6 1.2 3.5 2.2 5.6 3s4.4 1.2 6.8 1.2c4.1 0 7.8-1.1 11.1-3.2s5.9-5.1 7.9-8.9c2-3.8 2.9-8.1 2.9-13.1.1-5-.9-9.3-2.9-13.1zm-9.1 20.8c-1.1 2.3-2.7 4.2-4.6 5.5-2 1.3-4.3 2-6.9 2s-5-.7-7-2-3.5-3.2-4.7-5.5c-1.1-2.3-1.7-4.9-1.7-7.8 0-2.9.6-5.5 1.7-7.8s2.7-4.1 4.7-5.4c2-1.3 4.3-2 7-2s5 .7 6.9 2c2 1.3 3.5 3.1 4.6 5.4 1.1 2.3 1.7 4.8 1.7 7.8-.1 2.9-.6 5.5-1.7 7.8z" })] }))] }))); };
|
|
7987
7991
|
|
|
7988
|
-
var Wrapper$7 = styled__default["default"].div(templateObject_1$
|
|
7992
|
+
var Wrapper$7 = styled__default["default"].div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject$1(["\n width: ", ";\n"], ["\n width: ", ";\n"])), function (_a) {
|
|
7989
7993
|
var size = _a.size;
|
|
7990
7994
|
switch (size) {
|
|
7991
7995
|
default:
|
|
@@ -7995,7 +7999,7 @@ var Wrapper$7 = styled__default["default"].div(templateObject_1$M || (templateOb
|
|
|
7995
7999
|
return "116px";
|
|
7996
8000
|
}
|
|
7997
8001
|
});
|
|
7998
|
-
var templateObject_1$
|
|
8002
|
+
var templateObject_1$N;
|
|
7999
8003
|
|
|
8000
8004
|
var medals = {
|
|
8001
8005
|
small: {
|
|
@@ -8011,11 +8015,11 @@ var medals = {
|
|
|
8011
8015
|
};
|
|
8012
8016
|
var Medal = function (props) { return (jsxRuntime.jsx(Wrapper$7, __assign$2({}, props, { children: medals[props.size || "small"][props.type] }))); };
|
|
8013
8017
|
|
|
8014
|
-
var Wrapper$6 = styled__default["default"].div(templateObject_1$
|
|
8018
|
+
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) {
|
|
8015
8019
|
var disabled = _a.disabled;
|
|
8016
8020
|
return (disabled ? "49.5px" : "");
|
|
8017
8021
|
});
|
|
8018
|
-
var StyledInputNumber = styled__default["default"].input(templateObject_2$
|
|
8022
|
+
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) {
|
|
8019
8023
|
var disabled = _a.disabled;
|
|
8020
8024
|
return disabled ? theme.colors.lightGray.base : theme.colors.lightGray.light;
|
|
8021
8025
|
}, function (_a) {
|
|
@@ -8028,7 +8032,7 @@ var StyledInputNumber = styled__default["default"].input(templateObject_2$z || (
|
|
|
8028
8032
|
var disabled = _a.disabled;
|
|
8029
8033
|
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
8030
8034
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
8031
|
-
var templateObject_1$
|
|
8035
|
+
var templateObject_1$M, templateObject_2$A;
|
|
8032
8036
|
|
|
8033
8037
|
var Number$1 = function (props) {
|
|
8034
8038
|
var inputRef = React$3.useRef(null);
|
|
@@ -8067,7 +8071,7 @@ var Number$1 = function (props) {
|
|
|
8067
8071
|
|
|
8068
8072
|
var Paragraph = function (props) { return (jsxRuntime.jsx(StyledParagraph, __assign$2({}, props, { children: props.children }))); };
|
|
8069
8073
|
|
|
8070
|
-
var StyledRadio = styled__default["default"].div(templateObject_1$
|
|
8074
|
+
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) {
|
|
8071
8075
|
var checked = _a.checked, disabled = _a.disabled;
|
|
8072
8076
|
if (disabled)
|
|
8073
8077
|
return theme.colors.lightGray.darker;
|
|
@@ -8095,7 +8099,7 @@ var StyledRadio = styled__default["default"].div(templateObject_1$K || (template
|
|
|
8095
8099
|
return theme.colors.green.base;
|
|
8096
8100
|
return "";
|
|
8097
8101
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
8098
|
-
var templateObject_1$
|
|
8102
|
+
var templateObject_1$L;
|
|
8099
8103
|
|
|
8100
8104
|
var Radio = function (props) {
|
|
8101
8105
|
var _a, _b;
|
|
@@ -8127,7 +8131,7 @@ var Radio = function (props) {
|
|
|
8127
8131
|
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 }) })));
|
|
8128
8132
|
};
|
|
8129
8133
|
|
|
8130
|
-
var StyledRange = styled__default["default"].div(templateObject_1$
|
|
8134
|
+
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) {
|
|
8131
8135
|
var value = _a.value, disabled = _a.disabled;
|
|
8132
8136
|
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 )");
|
|
8133
8137
|
}, function () { return theme.colors.lightGray.light; }, function (_a) {
|
|
@@ -8137,7 +8141,7 @@ var StyledRange = styled__default["default"].div(templateObject_1$J || (template
|
|
|
8137
8141
|
var disabled = _a.disabled;
|
|
8138
8142
|
return disabled ? "not-allowed" : "pointer";
|
|
8139
8143
|
});
|
|
8140
|
-
var templateObject_1$
|
|
8144
|
+
var templateObject_1$K;
|
|
8141
8145
|
|
|
8142
8146
|
var Range = function (props) {
|
|
8143
8147
|
var _a;
|
|
@@ -8166,11 +8170,11 @@ var Range = function (props) {
|
|
|
8166
8170
|
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 }) })));
|
|
8167
8171
|
};
|
|
8168
8172
|
|
|
8169
|
-
var Wrapper$5 = styled__default["default"].div(templateObject_1$
|
|
8173
|
+
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) {
|
|
8170
8174
|
var disabled = _a.disabled;
|
|
8171
8175
|
return (disabled ? "not-allowed" : "pointer");
|
|
8172
8176
|
});
|
|
8173
|
-
var StyledSelect = styled__default["default"].select(templateObject_2$
|
|
8177
|
+
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) {
|
|
8174
8178
|
var disabled = _a.disabled;
|
|
8175
8179
|
return disabled ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
8176
8180
|
}, function (_a) {
|
|
@@ -8183,7 +8187,7 @@ var StyledSelect = styled__default["default"].select(templateObject_2$y || (temp
|
|
|
8183
8187
|
var isChanged = _a.isChanged;
|
|
8184
8188
|
return isChanged ? theme.colors.darkGray.base : theme.colors.lightGray.darker;
|
|
8185
8189
|
}, theme.colors.blue.dark, "0 0 0 1px ".concat(theme.colors.blue.dark));
|
|
8186
|
-
var templateObject_1$
|
|
8190
|
+
var templateObject_1$J, templateObject_2$z;
|
|
8187
8191
|
|
|
8188
8192
|
var Select = function (props) {
|
|
8189
8193
|
var _a;
|
|
@@ -8205,7 +8209,7 @@ var Select = function (props) {
|
|
|
8205
8209
|
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] }))] }));
|
|
8206
8210
|
};
|
|
8207
8211
|
|
|
8208
|
-
var StyledSubheading = styled__default["default"].p(templateObject_1$
|
|
8212
|
+
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) {
|
|
8209
8213
|
var size = _a.size;
|
|
8210
8214
|
return size ? theme.subheading[size].fontSize : theme.subheading.medium.fontSize;
|
|
8211
8215
|
}, function (_a) {
|
|
@@ -8233,10 +8237,21 @@ var StyledSubheading = styled__default["default"].p(templateObject_1$H || (templ
|
|
|
8233
8237
|
return theme.colors.darkGray.dark;
|
|
8234
8238
|
}
|
|
8235
8239
|
});
|
|
8236
|
-
var templateObject_1$
|
|
8240
|
+
var templateObject_1$I;
|
|
8237
8241
|
|
|
8238
8242
|
var Subheading = function (props) { return (jsxRuntime.jsx(StyledSubheading, __assign$2({}, props, { children: props.children }))); };
|
|
8239
8243
|
|
|
8244
|
+
var Container$p = styled__default["default"].div(templateObject_1$H || (templateObject_1$H = __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);
|
|
8245
|
+
var Data = styled__default["default"].div(templateObject_2$y || (templateObject_2$y = __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"])));
|
|
8246
|
+
var templateObject_1$H, templateObject_2$y;
|
|
8247
|
+
|
|
8248
|
+
var DataSummary = function (_a) {
|
|
8249
|
+
var title = _a.title, data = _a.data, onEdit = _a.onEdit, locale = _a.locale;
|
|
8250
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Container$p, { 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) {
|
|
8251
|
+
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))) : (jsxRuntime.jsx(Paragraph, __assign$2({ weight: "regular" }, { children: item })));
|
|
8252
|
+
}) })] }) }));
|
|
8253
|
+
};
|
|
8254
|
+
|
|
8240
8255
|
var Container$o = styled__default["default"].div(templateObject_1$G || (templateObject_1$G = __makeTemplateObject$1(["\n padding: 7px 10px;\n background-color: ", ";\n box-shadow: 0 2px 0 ", ";\n border: 1px solid ", ";\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: 0 2px 0 ", ";\n border: 1px solid ", ";\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"])), theme.colors.lightGray.base, theme.colors.lightGray.darker, theme.colors.lightGray.darker, theme.fonts.paragraph, theme.subheading.small.fontSize, theme.subheading.small.fontWeight, theme.colors.darkGray.light);
|
|
8241
8256
|
var templateObject_1$G;
|
|
8242
8257
|
|
|
@@ -48242,22 +48257,42 @@ var EmptyTableCell = styled__default["default"].td(templateObject_8 || (template
|
|
|
48242
48257
|
var templateObject_1$1, templateObject_2$1, templateObject_3$1, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
48243
48258
|
|
|
48244
48259
|
var Table = function (_a) {
|
|
48245
|
-
var columns = _a.columns, data = _a.data, empytText = _a.empytText;
|
|
48246
|
-
|
|
48247
|
-
|
|
48248
|
-
|
|
48249
|
-
|
|
48250
|
-
|
|
48251
|
-
|
|
48252
|
-
|
|
48253
|
-
|
|
48254
|
-
|
|
48260
|
+
var columns = _a.columns, data = _a.data, empytText = _a.empytText, rowSelection = _a.rowSelection;
|
|
48261
|
+
var _b = React$3.useState([]), selectedRowKeys = _b[0], setSelectedRowKeys = _b[1];
|
|
48262
|
+
var onSelectRow = function (selectedKey) {
|
|
48263
|
+
var index = selectedRowKeys.indexOf(selectedKey);
|
|
48264
|
+
var newSelectedRowKeys = __spreadArray([], selectedRowKeys, true);
|
|
48265
|
+
if (index === -1)
|
|
48266
|
+
newSelectedRowKeys.push(selectedKey);
|
|
48267
|
+
else
|
|
48268
|
+
newSelectedRowKeys.splice(index, 1);
|
|
48269
|
+
setSelectedRowKeys(newSelectedRowKeys);
|
|
48270
|
+
var selectedRows = data.filter(function (_a) {
|
|
48271
|
+
var key = _a.key;
|
|
48272
|
+
return newSelectedRowKeys.includes(key);
|
|
48273
|
+
});
|
|
48274
|
+
var selectedRow = data.find(function (_a) {
|
|
48275
|
+
var key = _a.key;
|
|
48276
|
+
return key === selectedKey;
|
|
48277
|
+
});
|
|
48278
|
+
if (rowSelection && rowSelection.onChange)
|
|
48279
|
+
rowSelection.onChange(newSelectedRowKeys, selectedKey, selectedRows, selectedRow);
|
|
48280
|
+
};
|
|
48281
|
+
return (jsxRuntime.jsxs(Container$1, { children: [jsxRuntime.jsx(TableHead, { children: jsxRuntime.jsxs(TableRow, { children: [rowSelection && jsxRuntime.jsx("th", { style: { width: 55 } }), columns.map(function (_a, index) {
|
|
48282
|
+
var title = _a.title, dataIndex = _a.dataIndex;
|
|
48283
|
+
return (jsxRuntime.jsx(ColumnTitle, { children: title && (jsxRuntime.jsx(Heading, __assign$2({ type: "h6", as: "span" }, { children: title }))) }, "".concat(dataIndex, "-").concat(index)));
|
|
48284
|
+
})] }) }), jsxRuntime.jsx(TableBody, { children: data.length === 0 ? (jsxRuntime.jsx(TableRow, { children: jsxRuntime.jsx(EmptyTableCell, __assign$2({ colSpan: columns.length }, { children: jsxRuntime.jsx(Paragraph, __assign$2({ align: "center", size: "small", weight: "regular" }, { children: empytText || "No data" })) })) })) : (data.map(function (row, rowIndex) {
|
|
48285
|
+
return (jsxRuntime.jsxs(TableRow, { children: [rowSelection && (jsxRuntime.jsx(TableCell, { children: jsxRuntime.jsx(Checkbox, { id: "".concat(rowIndex), name: "".concat(rowIndex), value: row.key, onChange: onSelectRow }) }, "row-select-".concat(rowIndex))), columns.map(function (_a, colIndex) {
|
|
48286
|
+
var dataIndex = _a.dataIndex, render = _a.render, align = _a.align;
|
|
48287
|
+
var data = row[dataIndex];
|
|
48288
|
+
return (jsxRuntime.jsx(TableCell, __assign$2({ align: align }, { children: render ? render(data, row) : data }), "col-".concat(colIndex)));
|
|
48289
|
+
})] }, "row-".concat(rowIndex)));
|
|
48255
48290
|
})) })] }));
|
|
48256
48291
|
};
|
|
48257
48292
|
|
|
48258
48293
|
var Container = styled__default["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject$1(["\n display: flex;\n align-items: stretch;\n\n > div:nth-child(odd) {\n width: 100%;\n min-width: 180px;\n min-height: 180px;\n\n > div {\n padding: 0;\n }\n }\n"], ["\n display: flex;\n align-items: stretch;\n\n > div:nth-child(odd) {\n width: 100%;\n min-width: 180px;\n min-height: 180px;\n\n > div {\n padding: 0;\n }\n }\n"])));
|
|
48259
48294
|
var TitleWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject$1(["\n width: 100%;\n box-sizing: border-box;\n padding: 10px 15px;\n border-bottom: 1px solid ", ";\n display: flex;\n align-items: center;\n justify-content: space-between;\n"], ["\n width: 100%;\n box-sizing: border-box;\n padding: 10px 15px;\n border-bottom: 1px solid ", ";\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])), theme.colors.lightGray.dark);
|
|
48260
|
-
var CheckboxesWrapper = styled__default["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject$1(["\n height: 100%;\n max-height: 310px;\n background-color: ", ";\n padding: 15px;\n\n fieldset {\n height: 100%;\n overflow:
|
|
48295
|
+
var CheckboxesWrapper = styled__default["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject$1(["\n height: 100%;\n max-height: 310px;\n background-color: ", ";\n padding: 15px;\n\n fieldset {\n height: 100%;\n overflow: auto;\n padding-left: 2px;\n\n > div > div:not(:last-child) {\n margin-bottom: 10px;\n }\n }\n"], ["\n height: 100%;\n max-height: 310px;\n background-color: ", ";\n padding: 15px;\n\n fieldset {\n height: 100%;\n overflow: auto;\n padding-left: 2px;\n\n > div > div:not(:last-child) {\n margin-bottom: 10px;\n }\n }\n"])), theme.colors.lightGray.base);
|
|
48261
48296
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
48262
48297
|
|
|
48263
48298
|
var Transfer = function (props) {
|
|
@@ -48332,6 +48367,7 @@ exports.Checkbox = Checkbox;
|
|
|
48332
48367
|
exports.Checkboxes = Checkboxes;
|
|
48333
48368
|
exports.Collapse = Collapse;
|
|
48334
48369
|
exports.Countdown = Countdown;
|
|
48370
|
+
exports.DataSummary = DataSummary;
|
|
48335
48371
|
exports.DateInputField = DateInputField;
|
|
48336
48372
|
exports.Dropdown = Dropdown;
|
|
48337
48373
|
exports.FileUpload = FileUpload;
|