@typeolymp/ui-components 1.19.10 → 1.19.12
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/molecules/DataSummary/index.d.ts +18 -0
- package/build/components/molecules/DataSummary/stories.d.ts +13 -0
- package/build/components/molecules/DataSummary/styles.d.ts +2 -0
- package/build/components/molecules/Popup/index.d.ts +1 -1
- package/build/components/organisms/Table/index.d.ts +2 -1
- package/build/index.d.ts +3 -2
- package/build/index.es.js +105 -103
- package/build/index.es.js.map +1 -1
- package/build/index.js +105 -102
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -8253,18 +8253,7 @@ var templateObject_1$I;
|
|
|
8253
8253
|
|
|
8254
8254
|
var Subheading = function (props) { return (jsxRuntime.jsx(StyledSubheading, __assign$2({}, props, { children: props.children }))); };
|
|
8255
8255
|
|
|
8256
|
-
var Container$p = styled__default["default"].div(templateObject_1$H || (templateObject_1$H = __makeTemplateObject$1(["\n
|
|
8257
|
-
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"])));
|
|
8258
|
-
var templateObject_1$H, templateObject_2$y;
|
|
8259
|
-
|
|
8260
|
-
var DataSummary = function (_a) {
|
|
8261
|
-
var title = _a.title, data = _a.data, onEdit = _a.onEdit, locale = _a.locale;
|
|
8262
|
-
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) {
|
|
8263
|
-
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 })));
|
|
8264
|
-
}) })] }) }));
|
|
8265
|
-
};
|
|
8266
|
-
|
|
8267
|
-
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: ", ";\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) {
|
|
8256
|
+
var Container$p = 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) {
|
|
8268
8257
|
var color = _a.color;
|
|
8269
8258
|
if (!color)
|
|
8270
8259
|
return theme.colors.lightGray.base;
|
|
@@ -8285,14 +8274,37 @@ var Container$o = styled__default["default"].div(templateObject_1$G || (template
|
|
|
8285
8274
|
return theme.colors.darkGray.light;
|
|
8286
8275
|
return theme.colors[color].darker;
|
|
8287
8276
|
});
|
|
8288
|
-
var templateObject_1$
|
|
8277
|
+
var templateObject_1$H;
|
|
8289
8278
|
|
|
8290
8279
|
var Tag = function (_a) {
|
|
8291
8280
|
var color = _a.color, children = _a.children;
|
|
8292
|
-
return jsxRuntime.jsx(Container$
|
|
8281
|
+
return jsxRuntime.jsx(Container$p, __assign$2({ color: color }, { children: children }));
|
|
8282
|
+
};
|
|
8283
|
+
|
|
8284
|
+
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) {
|
|
8285
|
+
var disabled = _a.disabled;
|
|
8286
|
+
return disabled ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
8287
|
+
}, function (_a) {
|
|
8288
|
+
var disabled = _a.disabled;
|
|
8289
|
+
return disabled ? theme.colors.lightGray.darker : theme.colors.lightGray.darker;
|
|
8290
|
+
}, function (_a) {
|
|
8291
|
+
var disabled = _a.disabled;
|
|
8292
|
+
return (disabled ? "not-allowed" : "pointer");
|
|
8293
|
+
}, theme.fonts.paragraph, theme.paragraph.medium.fontSize, theme.paragraph.medium.lineHeight, function (_a) {
|
|
8294
|
+
var disabled = _a.disabled;
|
|
8295
|
+
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
8296
|
+
}, 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));
|
|
8297
|
+
var templateObject_1$G;
|
|
8298
|
+
|
|
8299
|
+
var Textarea = function (props) {
|
|
8300
|
+
var onChange = function (e) {
|
|
8301
|
+
if (!props.disabled && !!props.onChange)
|
|
8302
|
+
props.onChange(e.target.value);
|
|
8303
|
+
};
|
|
8304
|
+
return jsxRuntime.jsx(StyledTextarea, __assign$2({}, props, { onChange: onChange }));
|
|
8293
8305
|
};
|
|
8294
8306
|
|
|
8295
|
-
var Container$
|
|
8307
|
+
var Container$o = 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) {
|
|
8296
8308
|
var disabled = _a.disabled;
|
|
8297
8309
|
return (disabled ? "not-allowed" : "pointer");
|
|
8298
8310
|
}, function (_a) {
|
|
@@ -8338,7 +8350,7 @@ var Toggle = function (props) {
|
|
|
8338
8350
|
props.onChange(newValue);
|
|
8339
8351
|
}
|
|
8340
8352
|
};
|
|
8341
|
-
return (jsxRuntime.jsx(Container$
|
|
8353
|
+
return (jsxRuntime.jsx(Container$o, __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 }) })));
|
|
8342
8354
|
};
|
|
8343
8355
|
|
|
8344
8356
|
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) {
|
|
@@ -8388,7 +8400,7 @@ var trophies = {
|
|
|
8388
8400
|
};
|
|
8389
8401
|
var Trophy = function (props) { return (jsxRuntime.jsx(Wrapper$4, __assign$2({}, props, { children: trophies[props.variant][props.level] }))); };
|
|
8390
8402
|
|
|
8391
|
-
var Container$
|
|
8403
|
+
var Container$n = 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) {
|
|
8392
8404
|
var type = _a.type;
|
|
8393
8405
|
switch (type) {
|
|
8394
8406
|
case "success":
|
|
@@ -8407,7 +8419,7 @@ var Container$m = styled__default["default"].div(templateObject_1$D || (template
|
|
|
8407
8419
|
});
|
|
8408
8420
|
var templateObject_1$D;
|
|
8409
8421
|
|
|
8410
|
-
var Alert = function (props) { return (jsxRuntime.jsxs(Container$
|
|
8422
|
+
var Alert = function (props) { return (jsxRuntime.jsxs(Container$n, __assign$2({}, props, { children: [jsxRuntime.jsx(Icon, { size: "small", type: props.type === "success" ? "check" : "warning", color: props.type === "success" ? "green" : "red" }), jsxRuntime.jsx(Paragraph, { children: props.message })] }))); };
|
|
8411
8423
|
|
|
8412
8424
|
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) {
|
|
8413
8425
|
var bordered = _a.bordered;
|
|
@@ -8421,12 +8433,12 @@ var StyledCard = styled__default["default"].div(templateObject_1$C || (templateO
|
|
|
8421
8433
|
}, ";\n\n > div:first-child {\n width: 175%;\n padding-bottom: 175%;\n top: -25%;\n right: -25%;\n }\n }")
|
|
8422
8434
|
: "";
|
|
8423
8435
|
});
|
|
8424
|
-
var Ellipse = styled__default["default"].div(templateObject_2$
|
|
8436
|
+
var Ellipse = styled__default["default"].div(templateObject_2$y || (templateObject_2$y = __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) {
|
|
8425
8437
|
var color = _a.color;
|
|
8426
8438
|
return color ? theme.colors[color].light : "";
|
|
8427
8439
|
});
|
|
8428
8440
|
var Content = styled__default["default"].div(templateObject_3$c || (templateObject_3$c = __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"])));
|
|
8429
|
-
var templateObject_1$C, templateObject_2$
|
|
8441
|
+
var templateObject_1$C, templateObject_2$y, templateObject_3$c;
|
|
8430
8442
|
|
|
8431
8443
|
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 })] }))); };
|
|
8432
8444
|
|
|
@@ -14676,13 +14688,13 @@ htmlReactParser.ProcessingInstruction;
|
|
|
14676
14688
|
htmlReactParser.Text;
|
|
14677
14689
|
|
|
14678
14690
|
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"])));
|
|
14679
|
-
var CheckboxContainer = styled__default["default"].div(templateObject_2$
|
|
14691
|
+
var CheckboxContainer = styled__default["default"].div(templateObject_2$x || (templateObject_2$x = __makeTemplateObject$1(["\n margin-top: 5px;\n"], ["\n margin-top: 5px;\n"])));
|
|
14680
14692
|
var CheckboxWrapper = styled__default["default"].div(templateObject_3$b || (templateObject_3$b = __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"])));
|
|
14681
14693
|
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) {
|
|
14682
14694
|
var weight = _a.weight;
|
|
14683
14695
|
return weight || 500;
|
|
14684
14696
|
}, theme.colors.darkGray.base, theme.colors.blue.base);
|
|
14685
|
-
var templateObject_1$B, templateObject_2$
|
|
14697
|
+
var templateObject_1$B, templateObject_2$x, templateObject_3$b, templateObject_4$6;
|
|
14686
14698
|
|
|
14687
14699
|
var Checkboxes = function (props) {
|
|
14688
14700
|
var _a = React$3.useState(props.defaultValue || []), values = _a[0], setValues = _a[1];
|
|
@@ -14705,12 +14717,12 @@ var Checkboxes = function (props) {
|
|
|
14705
14717
|
}) })] }));
|
|
14706
14718
|
};
|
|
14707
14719
|
|
|
14708
|
-
var Container$
|
|
14709
|
-
var Item = styled__default["default"].div(templateObject_2$
|
|
14720
|
+
var Container$m = 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);
|
|
14721
|
+
var Item = styled__default["default"].div(templateObject_2$w || (templateObject_2$w = __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) {
|
|
14710
14722
|
var isOpen = _a.isOpen;
|
|
14711
14723
|
return (isOpen ? "" : "none");
|
|
14712
14724
|
}, theme.colors.lightGray.dark);
|
|
14713
|
-
var templateObject_1$A, templateObject_2$
|
|
14725
|
+
var templateObject_1$A, templateObject_2$w;
|
|
14714
14726
|
|
|
14715
14727
|
var Collapse = function (props) {
|
|
14716
14728
|
var _a = React$3.useState([]), openItems = _a[0], setOpenItems = _a[1];
|
|
@@ -14722,18 +14734,18 @@ var Collapse = function (props) {
|
|
|
14722
14734
|
setOpenItems(function (prevState) { return __spreadArray(__spreadArray([], prevState, true), [index], false); });
|
|
14723
14735
|
}
|
|
14724
14736
|
};
|
|
14725
|
-
return (jsxRuntime.jsx(Container$
|
|
14737
|
+
return (jsxRuntime.jsx(Container$m, __assign$2({}, props, { children: props.items.map(function (item, index) {
|
|
14726
14738
|
var isOpen = openItems.includes(index);
|
|
14727
14739
|
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)));
|
|
14728
14740
|
}) })));
|
|
14729
14741
|
};
|
|
14730
14742
|
|
|
14731
14743
|
var Wrapper$3 = styled__default["default"].div(templateObject_1$z || (templateObject_1$z = __makeTemplateObject$1(["\n display: flex;\n"], ["\n display: flex;\n"])));
|
|
14732
|
-
var Value = styled__default["default"].div(templateObject_2$
|
|
14744
|
+
var Value = styled__default["default"].div(templateObject_2$v || (templateObject_2$v = __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) {
|
|
14733
14745
|
var contrast = _a.contrast;
|
|
14734
14746
|
return contrast ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
14735
14747
|
}, theme.colors.darkGray.base);
|
|
14736
|
-
var templateObject_1$z, templateObject_2$
|
|
14748
|
+
var templateObject_1$z, templateObject_2$v;
|
|
14737
14749
|
|
|
14738
14750
|
var Countdown = function (_a) {
|
|
14739
14751
|
var till = _a.till, contrast = _a.contrast;
|
|
@@ -14760,9 +14772,20 @@ var Countdown = function (_a) {
|
|
|
14760
14772
|
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 })) }))] }));
|
|
14761
14773
|
};
|
|
14762
14774
|
|
|
14763
|
-
var Container$
|
|
14775
|
+
var Container$l = 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);
|
|
14776
|
+
var Data = styled__default["default"].div(templateObject_2$u || (templateObject_2$u = __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"])));
|
|
14777
|
+
var templateObject_1$y, templateObject_2$u;
|
|
14778
|
+
|
|
14779
|
+
var DataSummary = function (_a) {
|
|
14780
|
+
var title = _a.title, data = _a.data, onEdit = _a.onEdit, locale = _a.locale;
|
|
14781
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Container$l, { 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) {
|
|
14782
|
+
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 })));
|
|
14783
|
+
}) })] }) }));
|
|
14784
|
+
};
|
|
14785
|
+
|
|
14786
|
+
var Container$k = 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"])));
|
|
14764
14787
|
var Label$a = styled__default["default"](StyledParagraph)(templateObject_2$t || (templateObject_2$t = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
14765
|
-
var templateObject_1$
|
|
14788
|
+
var templateObject_1$x, templateObject_2$t;
|
|
14766
14789
|
|
|
14767
14790
|
var DateInputField = function (props) {
|
|
14768
14791
|
var onChange = function (value) {
|
|
@@ -14786,7 +14809,7 @@ var generateRandomString = function (length) {
|
|
|
14786
14809
|
return string;
|
|
14787
14810
|
};
|
|
14788
14811
|
|
|
14789
|
-
var Container$j = styled__default["default"].div(templateObject_1$
|
|
14812
|
+
var Container$j = styled__default["default"].div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject$1(["\n width: fit-content;\n position: fixed;\n z-index: 9;\n opacity: ", ";\n top: ", ";\n left: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 6px;\n box-shadow: 0 4px 0 ", ";\n pointer-events: ", ";\n"], ["\n width: fit-content;\n position: fixed;\n z-index: 9;\n opacity: ", ";\n top: ", ";\n left: ", ";\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 6px;\n box-shadow: 0 4px 0 ", ";\n pointer-events: ", ";\n"])), function (_a) {
|
|
14790
14813
|
var isVisible = _a.isVisible;
|
|
14791
14814
|
return (isVisible ? "100%" : "0%");
|
|
14792
14815
|
}, function (_a) {
|
|
@@ -14800,7 +14823,7 @@ var Container$j = styled__default["default"].div(templateObject_1$x || (template
|
|
|
14800
14823
|
return (isVisible ? "all" : "none");
|
|
14801
14824
|
});
|
|
14802
14825
|
var MenuItem = styled__default["default"].div(templateObject_2$s || (templateObject_2$s = __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 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 svg {\n fill: ", ";\n }\n }\n"])), theme.colors.lightGray.dark, theme.colors.lightGray.base, theme.colors.blue.base, theme.colors.blue.base);
|
|
14803
|
-
var templateObject_1$
|
|
14826
|
+
var templateObject_1$w, templateObject_2$s;
|
|
14804
14827
|
|
|
14805
14828
|
var Dropdown = function (_a) {
|
|
14806
14829
|
var menu = _a.menu, trigger = _a.trigger, props = __rest$1(_a, ["menu", "trigger"]);
|
|
@@ -17372,7 +17395,7 @@ function reducer$1(state, action) {
|
|
|
17372
17395
|
|
|
17373
17396
|
function noop$3() {}
|
|
17374
17397
|
|
|
17375
|
-
var Container$i = styled__default["default"].div(templateObject_1$
|
|
17398
|
+
var Container$i = 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"])));
|
|
17376
17399
|
var DropZone = styled__default["default"].div(templateObject_2$r || (templateObject_2$r = __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) {
|
|
17377
17400
|
_a.isDragActive; var isDragAccept = _a.isDragAccept, isDragReject = _a.isDragReject;
|
|
17378
17401
|
// if (isDragActive) return theme.colors.blue.base;
|
|
@@ -17393,7 +17416,7 @@ var DropZone = styled__default["default"].div(templateObject_2$r || (templateObj
|
|
|
17393
17416
|
return theme.colors.lightGray.base;
|
|
17394
17417
|
});
|
|
17395
17418
|
var FileList = styled__default["default"].div(templateObject_3$a || (templateObject_3$a = __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"])));
|
|
17396
|
-
var templateObject_1$
|
|
17419
|
+
var templateObject_1$v, templateObject_2$r, templateObject_3$a;
|
|
17397
17420
|
|
|
17398
17421
|
var FileUpload = function (_a) {
|
|
17399
17422
|
var locale = _a.locale, accept = _a.accept, onDrop = _a.onDrop, files = _a.files;
|
|
@@ -17413,7 +17436,7 @@ var FileUpload = function (_a) {
|
|
|
17413
17436
|
}), { 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, { 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))); }) }))] }) }));
|
|
17414
17437
|
};
|
|
17415
17438
|
|
|
17416
|
-
var StyledIconButton = styled__default["default"](StyledButton)(templateObject_1$
|
|
17439
|
+
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 margin-top: 2px;\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 margin-top: 2px;\n }\n"])), function (_a) {
|
|
17417
17440
|
var size = _a.size;
|
|
17418
17441
|
return (size === "small" ? "30px" : "40px");
|
|
17419
17442
|
}, function (_a) {
|
|
@@ -17451,7 +17474,7 @@ var GhostIconButton = styled__default["default"](GhostButton)(templateObject_2$q
|
|
|
17451
17474
|
var size = _a.size;
|
|
17452
17475
|
return (size === "small" ? "30px" : "40px");
|
|
17453
17476
|
});
|
|
17454
|
-
var templateObject_1$
|
|
17477
|
+
var templateObject_1$u, templateObject_2$q;
|
|
17455
17478
|
|
|
17456
17479
|
var IconButton = function (props) {
|
|
17457
17480
|
if (props.color === "white")
|
|
@@ -17459,9 +17482,9 @@ var IconButton = function (props) {
|
|
|
17459
17482
|
return (jsxRuntime.jsx(StyledIconButton, __assign$2({}, props, { children: jsxRuntime.jsx(Icon, { type: props.icon, size: props.size === "small" ? "tiny" : "small", color: "white" }) })));
|
|
17460
17483
|
};
|
|
17461
17484
|
|
|
17462
|
-
var Container$h = styled__default["default"].div(templateObject_1$
|
|
17485
|
+
var Container$h = 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"])));
|
|
17463
17486
|
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);
|
|
17464
|
-
var templateObject_1$
|
|
17487
|
+
var templateObject_1$t, templateObject_2$p;
|
|
17465
17488
|
|
|
17466
17489
|
var InputField = function (props) {
|
|
17467
17490
|
var onChange = function (value) {
|
|
@@ -17475,7 +17498,7 @@ var InputField = function (props) {
|
|
|
17475
17498
|
return (jsxRuntime.jsxs(Container$h, { 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))); })] })))] }));
|
|
17476
17499
|
};
|
|
17477
17500
|
|
|
17478
|
-
var Container$g = styled__default["default"].div(templateObject_1$
|
|
17501
|
+
var Container$g = styled__default["default"].div(templateObject_1$s || (templateObject_1$s = __makeTemplateObject$1(["\n min-width: 74px;\n max-width: 74px;\n width: fit-content;\n 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: 74px;\n width: fit-content;\n 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) {
|
|
17479
17502
|
var status = _a.status, color = _a.color;
|
|
17480
17503
|
switch (status) {
|
|
17481
17504
|
case "passed":
|
|
@@ -17520,14 +17543,14 @@ var Container$g = styled__default["default"].div(templateObject_1$t || (template
|
|
|
17520
17543
|
}
|
|
17521
17544
|
});
|
|
17522
17545
|
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"])));
|
|
17523
|
-
var templateObject_1$
|
|
17546
|
+
var templateObject_1$s, templateObject_2$o;
|
|
17524
17547
|
|
|
17525
17548
|
var Key$1 = function (props) { return (jsxRuntime.jsxs(Container$g, __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: {
|
|
17526
17549
|
marginTop: "13px",
|
|
17527
17550
|
transform: "scale(2)",
|
|
17528
17551
|
} }, { 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 })))] }))); };
|
|
17529
17552
|
|
|
17530
|
-
var Wrapper$2 = styled__default["default"].a(templateObject_1$
|
|
17553
|
+
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) {
|
|
17531
17554
|
var chevron = _a.chevron;
|
|
17532
17555
|
return (chevron === "left" ? "4px" : "");
|
|
17533
17556
|
}, function (_a) {
|
|
@@ -17535,7 +17558,7 @@ var Wrapper$2 = styled__default["default"].a(templateObject_1$s || (templateObje
|
|
|
17535
17558
|
return (chevron === "right" ? "4px" : "");
|
|
17536
17559
|
});
|
|
17537
17560
|
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);
|
|
17538
|
-
var templateObject_1$
|
|
17561
|
+
var templateObject_1$r, templateObject_2$n;
|
|
17539
17562
|
|
|
17540
17563
|
var Link = function (props) {
|
|
17541
17564
|
var onClick = function (e) {
|
|
@@ -17547,15 +17570,15 @@ var Link = function (props) {
|
|
|
17547
17570
|
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" }))] })));
|
|
17548
17571
|
};
|
|
17549
17572
|
|
|
17550
|
-
var Container$f = styled__default["default"].div(templateObject_1$
|
|
17573
|
+
var Container$f = 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) {
|
|
17551
17574
|
var text = _a.text;
|
|
17552
17575
|
return (text ? "20px" : "");
|
|
17553
17576
|
});
|
|
17554
|
-
var templateObject_1$
|
|
17577
|
+
var templateObject_1$q;
|
|
17555
17578
|
|
|
17556
17579
|
var Loading = function (props) { return (jsxRuntime.jsxs(Container$f, __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 }))] }))] }))); };
|
|
17557
17580
|
|
|
17558
|
-
var Container$e = styled__default["default"].div(templateObject_1$
|
|
17581
|
+
var Container$e = styled__default["default"].div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject$1(["\n padding: 15px;\n background-color: ", ";\n border-radius: 6px 6px 0 0;\n position: relative;\n cursor: pointer;\n"], ["\n padding: 15px;\n background-color: ", ";\n border-radius: 6px 6px 0 0;\n position: relative;\n cursor: pointer;\n"])), function (_a) {
|
|
17559
17582
|
var dropdownIsVisible = _a.dropdownIsVisible, color = _a.color;
|
|
17560
17583
|
if (dropdownIsVisible) {
|
|
17561
17584
|
switch (color) {
|
|
@@ -17580,7 +17603,7 @@ var DropdownContainer = styled__default["default"].div(templateObject_3$9 || (te
|
|
|
17580
17603
|
}
|
|
17581
17604
|
});
|
|
17582
17605
|
var LocaleWrapper = styled__default["default"].div(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject$1(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 15px;\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n > div:first-child {\n display: flex;\n align-items: center;\n margin-right: 10px;\n }\n\n p {\n white-space: nowrap;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n p {\n color: ", ";\n }\n svg {\n fill: ", ";\n }\n }\n"], ["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px 15px;\n\n :not(:last-child) {\n border-bottom: 1px solid ", ";\n }\n\n > div:first-child {\n display: flex;\n align-items: center;\n margin-right: 10px;\n }\n\n p {\n white-space: nowrap;\n }\n\n :hover {\n cursor: pointer;\n background-color: ", ";\n\n p {\n color: ", ";\n }\n svg {\n fill: ", ";\n }\n }\n"])), theme.colors.lightGray.darker, theme.colors.lightGray.base, theme.colors.blue.base, theme.colors.blue.base);
|
|
17583
|
-
var templateObject_1$
|
|
17606
|
+
var templateObject_1$p, templateObject_2$m, templateObject_3$9, templateObject_4$5;
|
|
17584
17607
|
|
|
17585
17608
|
var LocaleSelect = function (props) {
|
|
17586
17609
|
var _a = React$3.useState(false), dropdownIsVisible = _a[0], setDropdownIsVisible = _a[1];
|
|
@@ -17594,17 +17617,17 @@ var LocaleSelect = function (props) {
|
|
|
17594
17617
|
.map(function (locale) { return (jsxRuntime.jsxs(LocaleWrapper, __assign$2({ onClick: function () { return onSelectLocale(locale); } }, { children: [jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(Flag, { locale: locale }), jsxRuntime.jsx(Spacer, { horizontal: 10 }), jsxRuntime.jsx(Paragraph, __assign$2({ size: "small", weight: "regular", color: "darkGray" }, { children: parsers.getNativeLanguageByLocale(locale) }))] }), jsxRuntime.jsx(Icon, { type: "chevronRight", size: "small", color: "darkGray" })] }), locale)); }) })))] })));
|
|
17595
17618
|
};
|
|
17596
17619
|
|
|
17597
|
-
var Wrapper$1 = styled__default["default"].div(templateObject_1$
|
|
17598
|
-
var templateObject_1$
|
|
17620
|
+
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"])));
|
|
17621
|
+
var templateObject_1$o;
|
|
17599
17622
|
|
|
17600
17623
|
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] }))] })] })); };
|
|
17601
17624
|
|
|
17602
|
-
var NotificationContainer = styled__default["default"].div(templateObject_1$
|
|
17625
|
+
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) {
|
|
17603
17626
|
var contrast = _a.contrast;
|
|
17604
17627
|
return contrast ? theme.colors.lightGray.light : theme.colors.lightGray.base;
|
|
17605
17628
|
});
|
|
17606
17629
|
var ButtonContainer = styled__default["default"].div(templateObject_2$l || (templateObject_2$l = __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"])));
|
|
17607
|
-
var templateObject_1$
|
|
17630
|
+
var templateObject_1$n, templateObject_2$l;
|
|
17608
17631
|
|
|
17609
17632
|
var Notification = function (props) {
|
|
17610
17633
|
if (!props.isVisible)
|
|
@@ -17612,9 +17635,9 @@ var Notification = function (props) {
|
|
|
17612
17635
|
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, __assign$2({}, button, { size: "small", color: index + 1 === props.buttons.length ? "blue" : "white", key: "button-".concat(index) }))); }) }))] })));
|
|
17613
17636
|
};
|
|
17614
17637
|
|
|
17615
|
-
var Container$d = styled__default["default"].div(templateObject_1$
|
|
17638
|
+
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"])));
|
|
17616
17639
|
var Label$8 = 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);
|
|
17617
|
-
var templateObject_1$
|
|
17640
|
+
var templateObject_1$m, templateObject_2$k;
|
|
17618
17641
|
|
|
17619
17642
|
var NumberField = function (props) {
|
|
17620
17643
|
var onChange = function (value) {
|
|
@@ -17628,9 +17651,9 @@ var NumberField = function (props) {
|
|
|
17628
17651
|
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 })] }));
|
|
17629
17652
|
};
|
|
17630
17653
|
|
|
17631
|
-
var Container$c = styled__default["default"].div(templateObject_1$
|
|
17654
|
+
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"])));
|
|
17632
17655
|
var Label$7 = styled__default["default"](StyledParagraph)(templateObject_2$j || (templateObject_2$j = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
17633
|
-
var templateObject_1$
|
|
17656
|
+
var templateObject_1$l, templateObject_2$j;
|
|
17634
17657
|
|
|
17635
17658
|
var PasswordInputField = function (props) {
|
|
17636
17659
|
var onChange = function (value) {
|
|
@@ -17649,7 +17672,7 @@ var PasswordInputField = function (props) {
|
|
|
17649
17672
|
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 })] }));
|
|
17650
17673
|
};
|
|
17651
17674
|
|
|
17652
|
-
var PopupContainer = styled__default["default"].div(templateObject_1$
|
|
17675
|
+
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: ", ";\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n pointer-events: none;\n z-index: 9;\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: ", ";\n background-color: ", ";\n box-shadow: 0px 2px 0px rgb(0 0 0 / 20%);\n pointer-events: none;\n z-index: 9;\n"])), function (_a) {
|
|
17653
17676
|
var isVisible = _a.isVisible;
|
|
17654
17677
|
return (isVisible ? "100%" : "0%");
|
|
17655
17678
|
}, function (_a) {
|
|
@@ -17662,7 +17685,7 @@ var PopupContainer = styled__default["default"].div(templateObject_1$l || (templ
|
|
|
17662
17685
|
var contrast = _a.contrast;
|
|
17663
17686
|
return contrast ? theme.colors.lightGray.light : theme.colors.lightGray.base;
|
|
17664
17687
|
});
|
|
17665
|
-
var templateObject_1$
|
|
17688
|
+
var templateObject_1$k;
|
|
17666
17689
|
|
|
17667
17690
|
var Popup = function (props) {
|
|
17668
17691
|
var popupRef = React$3.useRef(null);
|
|
@@ -17695,10 +17718,12 @@ var Popup = function (props) {
|
|
|
17695
17718
|
});
|
|
17696
17719
|
}
|
|
17697
17720
|
});
|
|
17698
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsxs(PopupContainer, __assign$2({}, position, { isVisible: isVisible, ref: popupRef, contrast: props.contrast }, { children: [props.title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h6" }, { children: props.title })), jsxRuntime.jsx(Spacer, { vertical: 10 })] })), jsxRuntime.jsx(Paragraph, __assign$2({ size: "small", weight: "regular" }, { children: props.content }))
|
|
17721
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [children, jsxRuntime.jsxs(PopupContainer, __assign$2({}, position, { isVisible: isVisible, ref: popupRef, contrast: props.contrast }, { children: [props.title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Heading, __assign$2({ type: "h6" }, { children: props.title })), jsxRuntime.jsx(Spacer, { vertical: 10 })] })), typeof props.content === "string" && (jsxRuntime.jsx(Paragraph, __assign$2({ size: "small", weight: "regular" }, { children: props.content }))), Array.isArray(props.content) &&
|
|
17722
|
+
props.content.length > 0 &&
|
|
17723
|
+
props.content.map(function (item, index) { return (jsxRuntime.jsx(Paragraph, __assign$2({ size: "small", weight: "regular" }, { children: item }), "".concat(item, "-").concat(index))); })] }))] }));
|
|
17699
17724
|
};
|
|
17700
17725
|
|
|
17701
|
-
var Wrapper = styled__default["default"].div(templateObject_1$
|
|
17726
|
+
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"])));
|
|
17702
17727
|
var StyledProgressBar = styled__default["default"].div(templateObject_2$i || (templateObject_2$i = __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) {
|
|
17703
17728
|
var showInfo = _a.showInfo;
|
|
17704
17729
|
return (showInfo ? "10px" : "");
|
|
@@ -17710,11 +17735,11 @@ var Indicator$1 = styled__default["default"].div(templateObject_3$8 || (template
|
|
|
17710
17735
|
var color = _a.color;
|
|
17711
17736
|
return color ? theme.colors[color].base : theme.colors.green.base;
|
|
17712
17737
|
});
|
|
17713
|
-
var templateObject_1$
|
|
17738
|
+
var templateObject_1$j, templateObject_2$i, templateObject_3$8;
|
|
17714
17739
|
|
|
17715
17740
|
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, "%") })))] })); };
|
|
17716
17741
|
|
|
17717
|
-
var Container$b = styled__default["default"].ol(templateObject_1$
|
|
17742
|
+
var Container$b = styled__default["default"].ol(templateObject_1$i || (templateObject_1$i = __makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n"], ["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n padding: 0;\n"])));
|
|
17718
17743
|
var Step$2 = styled__default["default"].li(templateObject_2$h || (templateObject_2$h = __makeTemplateObject$1(["\n flex: 1;\n display: flex;\n flex-direction: column;\n text-align: center;\n\n > div:first-child {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n box-sizing: initial;\n margin: 0 auto;\n cursor: ", ";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: ", ";\n border: 10px solid ", ";\n position: relative;\n z-index: 1;\n }\n\n > div h6 {\n color: ", ";\n }\n\n p {\n color: ", ";\n }\n\n :not(:last-child):after {\n content: \"\";\n height: 4px;\n position: relative;\n top: ", ";\n left: 50%;\n background-color: ", ";\n order: -1;\n }\n\n :last-child {\n margin-top: 4px;\n }\n"], ["\n flex: 1;\n display: flex;\n flex-direction: column;\n text-align: center;\n\n > div:first-child {\n width: 32px;\n height: 32px;\n border-radius: 50%;\n box-sizing: initial;\n margin: 0 auto;\n cursor: ", ";\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: ", ";\n border: 10px solid ", ";\n position: relative;\n z-index: 1;\n }\n\n > div h6 {\n color: ", ";\n }\n\n p {\n color: ", ";\n }\n\n :not(:last-child):after {\n content: \"\";\n height: 4px;\n position: relative;\n top: ", ";\n left: 50%;\n background-color: ", ";\n order: -1;\n }\n\n :last-child {\n margin-top: 4px;\n }\n"])), function (_a) {
|
|
17719
17744
|
var status = _a.status;
|
|
17720
17745
|
return (!!status ? "pointer" : "not-allowed");
|
|
@@ -17737,7 +17762,7 @@ var Step$2 = styled__default["default"].li(templateObject_2$h || (templateObject
|
|
|
17737
17762
|
var hasTitle = _a.hasTitle;
|
|
17738
17763
|
return (hasTitle ? "calc(50% - 12px)" : "50%");
|
|
17739
17764
|
}, theme.colors.lightGray.dark);
|
|
17740
|
-
var templateObject_1$
|
|
17765
|
+
var templateObject_1$i, templateObject_2$h;
|
|
17741
17766
|
|
|
17742
17767
|
var Steps$2 = function (props) { return (jsxRuntime.jsx(Container$b, { children: props.steps.map(function (_a, index) {
|
|
17743
17768
|
var title = _a.title, onClick = _a.onClick;
|
|
@@ -17754,7 +17779,7 @@ var Steps$2 = function (props) { return (jsxRuntime.jsx(Container$b, { children:
|
|
|
17754
17779
|
return (jsxRuntime.jsxs(Step$2, __assign$2({ status: status, hasTitle: !!title }, { children: [jsxRuntime.jsx("div", __assign$2({ onClick: onClickStep }, { children: status === "passed" ? (jsxRuntime.jsx(Icon, { type: "check", size: "small", color: "white" })) : (jsxRuntime.jsx(Heading, __assign$2({ type: "h6" }, { children: step }))) })), title && jsxRuntime.jsx(Paragraph, { children: title })] }), "".concat(title, "-").concat(step)));
|
|
17755
17780
|
}) })); };
|
|
17756
17781
|
|
|
17757
|
-
var Container$a = styled__default["default"].ol(templateObject_1$
|
|
17782
|
+
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"])));
|
|
17758
17783
|
var Step$1 = styled__default["default"].li(templateObject_2$g || (templateObject_2$g = __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 > div h6 {\n 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 > div h6 {\n color: ", ";\n }\n\n p {\n color: ", ";\n }\n\n :hover {\n background-color: ", ";\n }\n"])), theme.colors.lightGray.dark, function (_a) {
|
|
17759
17784
|
var status = _a.status;
|
|
17760
17785
|
return (!!status ? "pointer" : "not-allowed");
|
|
@@ -17774,7 +17799,7 @@ var Step$1 = styled__default["default"].li(templateObject_2$g || (templateObject
|
|
|
17774
17799
|
? theme.colors.lightGray.light
|
|
17775
17800
|
: theme.colors.darkGray.light;
|
|
17776
17801
|
}, theme.colors.darkGray.base, theme.colors.lightGray.base);
|
|
17777
|
-
var templateObject_1$
|
|
17802
|
+
var templateObject_1$h, templateObject_2$g;
|
|
17778
17803
|
|
|
17779
17804
|
var Steps$1 = function (props) { return (jsxRuntime.jsx(Container$a, { children: props.steps.map(function (_a, index) {
|
|
17780
17805
|
var title = _a.title, onClick = _a.onClick;
|
|
@@ -17795,7 +17820,7 @@ var Steps = function (props) {
|
|
|
17795
17820
|
return props.alignment === "vertical" ? (jsxRuntime.jsx(Steps$1, __assign$2({}, props))) : (jsxRuntime.jsx(Steps$2, __assign$2({}, props)));
|
|
17796
17821
|
};
|
|
17797
17822
|
|
|
17798
|
-
var TabsContainer$1 = styled__default["default"].div(templateObject_1$
|
|
17823
|
+
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);
|
|
17799
17824
|
var Tab$1 = 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 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) {
|
|
17800
17825
|
var isActive = _a.isActive;
|
|
17801
17826
|
return isActive ? "3px solid ".concat(theme.colors.blue.base) : "";
|
|
@@ -17803,7 +17828,7 @@ var Tab$1 = styled__default["default"].div(templateObject_2$f || (templateObject
|
|
|
17803
17828
|
var isActive = _a.isActive;
|
|
17804
17829
|
return isActive ? theme.colors.blue.base : "";
|
|
17805
17830
|
}, theme.colors.blue.base);
|
|
17806
|
-
var templateObject_1$
|
|
17831
|
+
var templateObject_1$g, templateObject_2$f;
|
|
17807
17832
|
|
|
17808
17833
|
var Tabs$2 = function (_a) {
|
|
17809
17834
|
var items = _a.items, activeKey = _a.activeKey, onChange = _a.onChange;
|
|
@@ -17823,7 +17848,7 @@ var Tabs$2 = function (_a) {
|
|
|
17823
17848
|
}) }));
|
|
17824
17849
|
};
|
|
17825
17850
|
|
|
17826
|
-
var TabsContainer = styled__default["default"].div(templateObject_1$
|
|
17851
|
+
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);
|
|
17827
17852
|
var Tab = styled__default["default"].div(templateObject_2$e || (templateObject_2$e = __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) {
|
|
17828
17853
|
var isActive = _a.isActive;
|
|
17829
17854
|
return (isActive ? "block" : "none");
|
|
@@ -17831,7 +17856,7 @@ var Tab = styled__default["default"].div(templateObject_2$e || (templateObject_2
|
|
|
17831
17856
|
var isActive = _a.isActive;
|
|
17832
17857
|
return isActive ? theme.colors.blue.base : "";
|
|
17833
17858
|
}, theme.colors.blue.base);
|
|
17834
|
-
var templateObject_1$
|
|
17859
|
+
var templateObject_1$f, templateObject_2$e;
|
|
17835
17860
|
|
|
17836
17861
|
var Tabs$1 = function (_a) {
|
|
17837
17862
|
var items = _a.items, activeKey = _a.activeKey, onChange = _a.onChange;
|
|
@@ -17855,14 +17880,14 @@ var Tabs = function (props) {
|
|
|
17855
17880
|
return props.alignment === "vertical" ? (jsxRuntime.jsx(Tabs$1, __assign$2({}, props))) : (jsxRuntime.jsx(Tabs$2, __assign$2({}, props)));
|
|
17856
17881
|
};
|
|
17857
17882
|
|
|
17858
|
-
var Fieldset = styled__default["default"].fieldset(templateObject_1$
|
|
17883
|
+
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"])));
|
|
17859
17884
|
var RadioContainer = styled__default["default"].div(templateObject_2$d || (templateObject_2$d = __makeTemplateObject$1(["\n margin-top: 5px;\n"], ["\n margin-top: 5px;\n"])));
|
|
17860
17885
|
var RadioWrapper = styled__default["default"].div(templateObject_3$7 || (templateObject_3$7 = __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"])));
|
|
17861
17886
|
var Label$6 = styled__default["default"](StyledParagraph)(templateObject_4$4 || (templateObject_4$4 = __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) {
|
|
17862
17887
|
var weight = _a.weight;
|
|
17863
17888
|
return weight || 500;
|
|
17864
17889
|
}, theme.colors.darkGray.base);
|
|
17865
|
-
var templateObject_1$
|
|
17890
|
+
var templateObject_1$e, templateObject_2$d, templateObject_3$7, templateObject_4$4;
|
|
17866
17891
|
|
|
17867
17892
|
var RadioGroup = function (props) {
|
|
17868
17893
|
var onChange = function (value) {
|
|
@@ -17879,9 +17904,9 @@ var RadioGroup = function (props) {
|
|
|
17879
17904
|
}) })] }));
|
|
17880
17905
|
};
|
|
17881
17906
|
|
|
17882
|
-
var Container$9 = styled__default["default"].div(templateObject_1$
|
|
17907
|
+
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"])));
|
|
17883
17908
|
var Label$5 = 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);
|
|
17884
|
-
var templateObject_1$
|
|
17909
|
+
var templateObject_1$d, templateObject_2$c;
|
|
17885
17910
|
|
|
17886
17911
|
var SelectField = function (props) {
|
|
17887
17912
|
var onChange = function (value) {
|
|
@@ -17898,9 +17923,9 @@ var SelectField = function (props) {
|
|
|
17898
17923
|
}) }))] }));
|
|
17899
17924
|
};
|
|
17900
17925
|
|
|
17901
|
-
var Container$8 = styled__default["default"].div(templateObject_1$
|
|
17926
|
+
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"])));
|
|
17902
17927
|
var Label$4 = styled__default["default"](StyledParagraph)(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$1(["\n font-weight: 500;\n color: ", ";\n"], ["\n font-weight: 500;\n color: ", ";\n"])), theme.colors.darkGray.base);
|
|
17903
|
-
var templateObject_1$
|
|
17928
|
+
var templateObject_1$c, templateObject_2$b;
|
|
17904
17929
|
|
|
17905
17930
|
var ToggleField = function (props) {
|
|
17906
17931
|
var onChange = function (value) {
|
|
@@ -17914,7 +17939,7 @@ var ToggleField = function (props) {
|
|
|
17914
17939
|
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 })] }));
|
|
17915
17940
|
};
|
|
17916
17941
|
|
|
17917
|
-
var TooltipContainer = styled__default["default"].div(templateObject_1$
|
|
17942
|
+
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) {
|
|
17918
17943
|
var isVisible = _a.isVisible;
|
|
17919
17944
|
return (isVisible ? "100%" : "0%");
|
|
17920
17945
|
}, function (_a) {
|
|
@@ -17934,7 +17959,7 @@ var TooltipTitle = styled__default["default"].div(templateObject_2$a || (templat
|
|
|
17934
17959
|
return theme.colors.lightGray.dark;
|
|
17935
17960
|
}
|
|
17936
17961
|
});
|
|
17937
|
-
var templateObject_1$
|
|
17962
|
+
var templateObject_1$b, templateObject_2$a;
|
|
17938
17963
|
|
|
17939
17964
|
var Tooltip$2 = function (props) {
|
|
17940
17965
|
var tooltipRef = React$3.useRef(null);
|
|
@@ -47558,13 +47583,13 @@ var xAxis = {
|
|
|
47558
47583
|
domain: ["dataMin", "dataMax"],
|
|
47559
47584
|
};
|
|
47560
47585
|
|
|
47561
|
-
var Container$7 = styled__default["default"].div(templateObject_1$
|
|
47586
|
+
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);
|
|
47562
47587
|
var Label$2 = styled__default["default"].div(templateObject_2$9 || (templateObject_2$9 = __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"])));
|
|
47563
47588
|
var Dot = styled__default["default"].div(templateObject_3$6 || (templateObject_3$6 = __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) {
|
|
47564
47589
|
var color = _a.color;
|
|
47565
47590
|
return color;
|
|
47566
47591
|
});
|
|
47567
|
-
var templateObject_1$
|
|
47592
|
+
var templateObject_1$a, templateObject_2$9, templateObject_3$6;
|
|
47568
47593
|
|
|
47569
47594
|
var Tooltip = function (_a) {
|
|
47570
47595
|
var active = _a.active, label = _a.label, payload = _a.payload, locale = _a.locale, period = _a.period, valueFormatter = _a.valueFormatter;
|
|
@@ -47799,29 +47824,6 @@ var Chart = function (_a) {
|
|
|
47799
47824
|
}) }), period)] })), renderChart()] }));
|
|
47800
47825
|
};
|
|
47801
47826
|
|
|
47802
|
-
var StyledTextarea = styled__default["default"].textarea(templateObject_1$a || (templateObject_1$a = __makeTemplateObject$1(["\n width: 100%;\n min-width: 228px;\n min-height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n padding: 13px 15px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n resize: vertical;\n\n ::placeholder {\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n }\n\n ::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"], ["\n width: 100%;\n min-width: 228px;\n min-height: 50px;\n background-color: ", ";\n border-width: 1px;\n border-style: solid;\n border-color: ", ";\n box-sizing: border-box;\n border-radius: 4px;\n padding: 13px 15px;\n cursor: ", ";\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n resize: vertical;\n\n ::placeholder {\n font-family: ", ";\n font-size: ", ";\n font-weight: 500;\n font-style: normal;\n line-height: ", ";\n color: ", ";\n }\n\n ::-webkit-calendar-picker-indicator {\n display: none;\n }\n\n :focus {\n outline: 0;\n border-color: ", ";\n box-shadow: ", ";\n }\n"])), function (_a) {
|
|
47803
|
-
var disabled = _a.disabled;
|
|
47804
|
-
return disabled ? theme.colors.lightGray.dark : theme.colors.lightGray.light;
|
|
47805
|
-
}, function (_a) {
|
|
47806
|
-
var disabled = _a.disabled;
|
|
47807
|
-
return disabled ? theme.colors.lightGray.darker : theme.colors.lightGray.darker;
|
|
47808
|
-
}, function (_a) {
|
|
47809
|
-
var disabled = _a.disabled;
|
|
47810
|
-
return (disabled ? "not-allowed" : "pointer");
|
|
47811
|
-
}, theme.fonts.paragraph, theme.paragraph.medium.fontSize, theme.paragraph.medium.lineHeight, function (_a) {
|
|
47812
|
-
var disabled = _a.disabled;
|
|
47813
|
-
return disabled ? theme.colors.darkGray.light : theme.colors.darkGray.base;
|
|
47814
|
-
}, 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));
|
|
47815
|
-
var templateObject_1$a;
|
|
47816
|
-
|
|
47817
|
-
var Textarea = function (props) {
|
|
47818
|
-
var onChange = function (e) {
|
|
47819
|
-
if (!props.disabled && !!props.onChange)
|
|
47820
|
-
props.onChange(e.target.value);
|
|
47821
|
-
};
|
|
47822
|
-
return jsxRuntime.jsx(StyledTextarea, __assign$2({}, props, { onChange: onChange }));
|
|
47823
|
-
};
|
|
47824
|
-
|
|
47825
47827
|
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"])));
|
|
47826
47828
|
var Label$1 = 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);
|
|
47827
47829
|
var templateObject_1$9, templateObject_2$8;
|
|
@@ -48318,8 +48320,8 @@ var Table = function (_a) {
|
|
|
48318
48320
|
rowSelection.onChange(newSelectedRowKeys, selectedKey, selectedRows, selectedRow);
|
|
48319
48321
|
};
|
|
48320
48322
|
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) {
|
|
48321
|
-
var title = _a.title, dataIndex = _a.dataIndex;
|
|
48322
|
-
return (jsxRuntime.jsx(ColumnTitle, { children: title && (jsxRuntime.jsx(Heading, __assign$2({ type: "h6", as: "span" }, { children: title }))) }, "".concat(dataIndex, "-").concat(index)));
|
|
48323
|
+
var title = _a.title, titlePopup = _a.titlePopup, dataIndex = _a.dataIndex;
|
|
48324
|
+
return (jsxRuntime.jsx(ColumnTitle, { children: jsxRuntime.jsxs("div", __assign$2({ style: { display: "flex", alignItems: "center", gap: 5 } }, { children: [title && (jsxRuntime.jsx(Heading, __assign$2({ type: "h6", as: "span" }, { children: title }))), titlePopup && (jsxRuntime.jsx(Popup, __assign$2({ content: titlePopup }, { children: jsxRuntime.jsx(Icon, { type: "questionCircle", size: "tiny", color: "lightGray" }) })))] })) }, "".concat(dataIndex, "-").concat(index)));
|
|
48323
48325
|
})] }) }), 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: emptyText || "No data" })) })) })) : (data.map(function (row, rowIndex) {
|
|
48324
48326
|
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) {
|
|
48325
48327
|
var dataIndex = _a.dataIndex, render = _a.render, align = _a.align;
|
|
@@ -48446,6 +48448,7 @@ exports.Subheading = Subheading;
|
|
|
48446
48448
|
exports.Table = Table;
|
|
48447
48449
|
exports.Tabs = Tabs;
|
|
48448
48450
|
exports.Tag = Tag;
|
|
48451
|
+
exports.Textarea = Textarea;
|
|
48449
48452
|
exports.Toggle = Toggle;
|
|
48450
48453
|
exports.ToggleField = ToggleField;
|
|
48451
48454
|
exports.Tooltip = Tooltip$2;
|