revdev-components 0.244.0 → 0.246.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/build/icon/regular/names.d.ts +1 -1
- package/build/index.js +169 -156
- package/build/styles.css +0 -3
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const RegularIconNameList: ("add" | "add-box" | "add-circle" | "add-circle-outline" | "ai" | "alfa" | "apps" | "arrow-back" | "arrow-back-ios" | "arrow-drop-down" | "arrow-drop-up" | "arrow-forward" | "arrow-forward-ios" | "arrow-left" | "arrow-right" | "autorenew" | "backspace" | "bar-chart" | "book" | "bug" | "bookmark" | "bookmark-outline" | "brightness" | "brightness-outline" | "calendar" | "camera" | "cards" | "category" | "check-circle" | "check-circle-outline" | "check" | "circle-notifications" | "cloud-download" | "collections-bookmark" | "complaint" | "computer" | "contact-support" | "cross" | "course" | "cube-letter" | "cube-outline" | "date-range" | "delete" | "delete-forever" | "delete-outline" | "edit" | "enter" | "equalizer" | "exam" | "exercise" | "expand-less" | "expand-more" | "external-link" | "favorite" | "favorite-outline" | "file-download" | "file-upload" | "flag" | "flag-outline" | "flip" | "folder" | "globe" | "group" | "group-add" | "grade" | "help" | "help-live" | "help-outline" | "highlight-remove" | "key" | "keyboard" | "keyboard-arrow-down" | "keyboard-arrow-left" | "keyboard-arrow-right" | "keyboard-arrow-up" | "keyboard-voice" | "known" | "known-outline" | "language" | "letter-match" | "level" | "library-books" | "lightbulb" | "lightbulb-outline" | "list" | "lock" | "lock-open-outline" | "lock-outline" | "logout" | "loop" | "mail" | "mail-outline" | "match-up" | "menu" | "menu-book" | "more-horizontal" | "more-vertical" | "multiple-choice" | "passed" | "person" | "person-add" | "person-outline" | "pie-chart" | "pie-chart-outline" | "pin" | "pin-outline" | "play-arrow" | "play-circle-filled" | "play-circle-outline" | "playlist-add" | "playlist-add-check" | "power-off" | "price-tag" | "prompt" | "quiz" | "rate-down" | "rate-down-outline" | "rate-up" | "rate-up-outline" | "refresh" | "remove" | "remove-circle" | "remove-circle-outline" | "replay-circle-filled" | "search" | "security" | "sentiment-dissatisfied" | "sentiment-satisfied" | "settings" | "share" | "shield" | "social" | "snowflake" | "sort" | "space" | "speech-part" | "spelling" | "star-half" | "star-outline" | "star" | "sun" | "sync" | "table" | "thumb-down" | "thumb-down-outline" | "thumb-up" | "thumb-up-outline" | "time" | "timer" | "topic" | "tran" | "unfavorite" | "visibility" | "volume-off" | "volume-up" | "word" | "image" | "magic-wand" | "microphone-off" | "microphone" | "moon" | "music" | "learn" | "audio" | "tag" | "unknown" | "unknown-outline" | "discover" | "pricing" | "rule" | "school" | "copy")[];
|
|
1
|
+
export declare const RegularIconNameList: ("add" | "admin" | "add-box" | "add-circle" | "add-circle-outline" | "ai" | "alfa" | "apps" | "arrow-back" | "arrow-back-ios" | "arrow-drop-down" | "arrow-drop-up" | "arrow-forward" | "arrow-forward-ios" | "arrow-left" | "arrow-right" | "autorenew" | "backspace" | "bar-chart" | "book" | "bug" | "bookmark" | "bookmark-outline" | "brightness" | "brightness-outline" | "calendar" | "camera" | "cards" | "category" | "check-circle" | "check-circle-outline" | "check" | "circle-notifications" | "cloud-download" | "collections-bookmark" | "complaint" | "computer" | "contact-support" | "cross" | "course" | "cube-letter" | "cube-outline" | "date-range" | "delete" | "delete-forever" | "delete-outline" | "edit" | "enter" | "equalizer" | "exam" | "exercise" | "expand-less" | "expand-more" | "external-link" | "favorite" | "favorite-outline" | "file-download" | "file-upload" | "flag" | "flag-outline" | "flip" | "folder" | "globe" | "group" | "group-add" | "grade" | "help" | "help-live" | "help-outline" | "highlight-remove" | "key" | "keyboard" | "keyboard-arrow-down" | "keyboard-arrow-left" | "keyboard-arrow-right" | "keyboard-arrow-up" | "keyboard-voice" | "known" | "known-outline" | "language" | "letter-match" | "level" | "library-books" | "lightbulb" | "lightbulb-outline" | "list" | "lock" | "lock-open-outline" | "lock-outline" | "logout" | "loop" | "mail" | "mail-outline" | "match-up" | "menu" | "menu-book" | "more-horizontal" | "more-vertical" | "multiple-choice" | "passed" | "person" | "person-add" | "person-outline" | "pie-chart" | "pie-chart-outline" | "pin" | "pin-outline" | "play-arrow" | "play-circle-filled" | "play-circle-outline" | "playlist-add" | "playlist-add-check" | "power-off" | "price-tag" | "prompt" | "quiz" | "rate-down" | "rate-down-outline" | "rate-up" | "rate-up-outline" | "refresh" | "remove" | "remove-circle" | "remove-circle-outline" | "replay-circle-filled" | "search" | "security" | "sentiment-dissatisfied" | "sentiment-satisfied" | "settings" | "share" | "shield" | "social" | "snowflake" | "sort" | "space" | "speech-part" | "spelling" | "star-half" | "star-outline" | "star" | "sun" | "sync" | "table" | "thumb-down" | "thumb-down-outline" | "thumb-up" | "thumb-up-outline" | "time" | "timer" | "topic" | "tran" | "unfavorite" | "visibility" | "volume-off" | "volume-up" | "word" | "image" | "magic-wand" | "microphone-off" | "microphone" | "moon" | "music" | "learn" | "audio" | "tag" | "unknown" | "unknown-outline" | "discover" | "pricing" | "rule" | "school" | "copy")[];
|
|
2
2
|
export type RegularIconName = (typeof RegularIconNameList)[number];
|
package/build/index.js
CHANGED
|
@@ -26,14 +26,14 @@ function _interopNamespaceDefault(e) {
|
|
|
26
26
|
|
|
27
27
|
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
28
28
|
|
|
29
|
-
var s$
|
|
29
|
+
var s$I = {"root":"index-module_root__oU85z"};
|
|
30
30
|
|
|
31
31
|
var ContentHeader1 = function (_a) {
|
|
32
32
|
var children = _a.children, className = _a.className;
|
|
33
|
-
return React.createElement("h1", { className: classNames(s$
|
|
33
|
+
return React.createElement("h1", { className: classNames(s$I.root, className) }, children);
|
|
34
34
|
};
|
|
35
35
|
|
|
36
|
-
var s$
|
|
36
|
+
var s$H = {"root":"index-module_root__51YHj"};
|
|
37
37
|
|
|
38
38
|
/******************************************************************************
|
|
39
39
|
Copyright (c) Microsoft Corporation.
|
|
@@ -90,16 +90,29 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
90
90
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
91
91
|
};
|
|
92
92
|
|
|
93
|
-
var s$
|
|
93
|
+
var s$G = {"root":"index-module_root__UzFV2","column":"index-module_column__XEWzG","children":"index-module_children__y7-7m","flex":"index-module_flex__83M30","button":"index-module_button__U8D6K"};
|
|
94
94
|
|
|
95
|
-
var _path$
|
|
96
|
-
function _extends$
|
|
95
|
+
var _path$2V;
|
|
96
|
+
function _extends$2Y() { return _extends$2Y = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2Y.apply(null, arguments); }
|
|
97
97
|
var SvgAdd = function SvgAdd(props) {
|
|
98
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2Y({
|
|
99
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
100
|
+
viewBox: "0 0 32 32"
|
|
101
|
+
}, props), _path$2V || (_path$2V = /*#__PURE__*/React__namespace.createElement("path", {
|
|
102
|
+
d: "M25.313 17.313h-8v8h-2.625v-8h-8v-2.625h8v-8h2.625v8h8z"
|
|
103
|
+
})));
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
var _path$2U, _path2$f;
|
|
107
|
+
function _extends$2X() { return _extends$2X = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2X.apply(null, arguments); }
|
|
108
|
+
var SvgAdmin = function SvgAdmin(props) {
|
|
98
109
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2X({
|
|
99
110
|
xmlns: "http://www.w3.org/2000/svg",
|
|
100
111
|
viewBox: "0 0 32 32"
|
|
101
112
|
}, props), _path$2U || (_path$2U = /*#__PURE__*/React__namespace.createElement("path", {
|
|
102
|
-
d: "
|
|
113
|
+
d: "M18.499 6.977a5.513 5.513 0 1 1-11.025 0 5.513 5.513 0 0 1 11.025 0M14.612 28.588a1.97 1.97 0 0 1-.586-1.405c0-.344.088-.667.242-.949l-.005.01.487-.919-1.002-.303a1.97 1.97 0 0 1-1.379-1.877l.001-.056v.003-1.888c0-.89.585-1.642 1.392-1.895l.014-.004 1.002-.303-.478-.919a1.97 1.97 0 0 1-.233-.936c0-.536.211-1.022.555-1.381l-.001.001a17 17 0 0 0-2.125-.147h-.007a14.28 14.28 0 0 0-11.131 4.908l-.015.017v7.121a.92.92 0 0 0 .919.919h12.349z"
|
|
114
|
+
})), _path2$f || (_path2$f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
115
|
+
d: "m30.472 20.907-1.838-.551a6.2 6.2 0 0 0-.549-1.336l.016.031.919-1.709a.324.324 0 0 0-.064-.395l-1.332-1.341a.35.35 0 0 0-.398-.063l.002-.001-1.7.919a7 7 0 0 0-1.264-.538l-.05-.014-.56-1.838a.35.35 0 0 0-.328-.23h-1.914a.35.35 0 0 0-.321.236l-.001.002-.551 1.838c-.509.15-.951.341-1.363.577l.031-.016-1.663-.919a.353.353 0 0 0-.405.055l-1.351 1.323a.34.34 0 0 0-.063.406l-.001-.002.919 1.672c-.227.376-.43.811-.584 1.267l-.014.047-1.838.56a.33.33 0 0 0-.239.318v1.892c0 .15.1.277.237.317l.002.001 1.838.56c.154.497.341.926.569 1.329l-.017-.033-.919 1.746a.34.34 0 0 0 .064.405l1.369 1.332a.35.35 0 0 0 .406.054l-.002.001 1.718-.919c.367.202.794.38 1.24.512l.046.012.551 1.884a.35.35 0 0 0 .331.239h1.884a.35.35 0 0 0 .321-.236l.001-.002.551-1.884a6 6 0 0 0 1.299-.54l-.031.016 1.737.919a.353.353 0 0 0 .405-.055l1.341-1.332a.35.35 0 0 0 .054-.406l.001.002-.919-1.727c.202-.362.381-.783.512-1.223l.012-.045 1.838-.56a.36.36 0 0 0 .248-.321v-1.915a.37.37 0 0 0-.182-.317l-.002-.001zm-8.114 4.337h-.009a3.069 3.069 0 1 1 3.069-3.069 3.07 3.07 0 0 1-3.059 3.069z"
|
|
103
116
|
})));
|
|
104
117
|
};
|
|
105
118
|
|
|
@@ -783,7 +796,7 @@ var SvgGrade = function SvgGrade(props) {
|
|
|
783
796
|
xmlns: "http://www.w3.org/2000/svg",
|
|
784
797
|
viewBox: "0 0 32 32"
|
|
785
798
|
}, props), _path$1W || (_path$1W = /*#__PURE__*/React__namespace.createElement("path", {
|
|
786
|
-
d: "
|
|
799
|
+
d: "M29.001 13.831c-.453-.333-1.016-.749-1.089-1.023-.08-.302.208-.964.439-1.496.398-.914.809-1.859.352-2.648-.462-.797-1.495-.914-2.495-1.027-.569-.064-1.278-.143-1.491-.356s-.292-.921-.356-1.491c-.112-.999-.228-2.033-1.027-2.495-.695-.4-1.72-.051-2.646.352-.509.222-1.027.44-1.496.439-.275-.074-.691-.638-1.024-1.089-.574-.779-1.227-1.664-2.168-1.664s-1.594.885-2.169 1.666c-.333.453-.749 1.016-1.139 1.102-.344 0-.871-.23-1.381-.451-.927-.403-1.955-.755-2.648-.352-.797.462-.914 1.495-1.027 2.495-.064.569-.143 1.278-.356 1.491s-.921.292-1.491.356c-.999.112-2.033.228-2.495 1.027-.455.787-.045 1.732.352 2.646.232.532.52 1.195.439 1.496-.074.275-.638.691-1.089 1.024-.778.574-1.663 1.227-1.663 2.168s.885 1.594 1.666 2.169c.453.333 1.016.749 1.089 1.023.08.302-.208.964-.439 1.496-.398.914-.809 1.859-.352 2.648.462.797 1.495.914 2.495 1.027.569.064 1.278.143 1.491.356s.292.922.356 1.491c.112 1 .228 2.032 1.025 2.495.693.402 1.72.051 2.648-.352.509-.222 1.022-.444 1.496-.439.275.074.691.638 1.024 1.089.574.779 1.227 1.664 2.168 1.664s1.594-.885 2.169-1.666c.333-.453.749-1.016 1.139-1.102.344 0 .871.23 1.381.451.927.403 1.955.755 2.648.352.798-.462.914-1.495 1.027-2.495.064-.57.143-1.278.355-1.491.213-.213.922-.292 1.491-.356.999-.112 2.032-.228 2.495-1.027.455-.787.045-1.732-.352-2.646-.232-.532-.52-1.195-.439-1.496.074-.275.638-.691 1.089-1.024.779-.574 1.664-1.227 1.664-2.168s-.885-1.594-1.666-2.169m-3.622.07-4.223 4.223 1.175 5.873a.6.6 0 0 1 .071.293c0 .357-.332.635-.65.638h-.013a.65.65 0 0 1-.31-.08L16 21.832l-5.429 3.016a.64.64 0 0 1-.686-.042.64.64 0 0 1-.249-.64l1.208-6.041-4.223-4.223a.636.636 0 0 1 .382-1.085l5.413-.601 3.029-5.451c.224-.404.89-.404 1.115 0l3.029 5.451 5.413.601c.244.027.45.191.532.423a.65.65 0 0 1-.153.662z"
|
|
787
800
|
})));
|
|
788
801
|
};
|
|
789
802
|
|
|
@@ -1926,13 +1939,13 @@ var SvgCopy = function SvgCopy(props) {
|
|
|
1926
1939
|
})));
|
|
1927
1940
|
};
|
|
1928
1941
|
|
|
1929
|
-
var s$
|
|
1942
|
+
var s$F = {"root":"index-module_root__-LDR1"};
|
|
1930
1943
|
|
|
1931
1944
|
// https://www.svgrepo.com/
|
|
1932
1945
|
function useBasicIcon(_a, icons) {
|
|
1933
1946
|
var className = _a.className, name = _a.name, props = __rest(_a, ["className", "name"]);
|
|
1934
1947
|
var svgAttrs = React.useMemo(function () {
|
|
1935
|
-
return __assign({ className: classNames(s$
|
|
1948
|
+
return __assign({ className: classNames(s$F.root, className), fill: "currentColor" }, props);
|
|
1936
1949
|
}, [className, props]);
|
|
1937
1950
|
var Icon = icons[name];
|
|
1938
1951
|
return Icon ? React.createElement(Icon, __assign({}, svgAttrs)) : undefined;
|
|
@@ -1941,6 +1954,7 @@ function useBasicIcon(_a, icons) {
|
|
|
1941
1954
|
var stringLitArray$3 = function (arr) { return arr; };
|
|
1942
1955
|
var RegularIconNameList = stringLitArray$3([
|
|
1943
1956
|
"add",
|
|
1957
|
+
"admin",
|
|
1944
1958
|
"add-box",
|
|
1945
1959
|
"add-circle",
|
|
1946
1960
|
"add-circle-outline",
|
|
@@ -2118,6 +2132,7 @@ var RegularIconNameList = stringLitArray$3([
|
|
|
2118
2132
|
var _a$3;
|
|
2119
2133
|
var icons$3 = (_a$3 = {},
|
|
2120
2134
|
_a$3["add"] = SvgAdd,
|
|
2135
|
+
_a$3["admin"] = SvgAdmin,
|
|
2121
2136
|
_a$3["add-box"] = SvgAddBox,
|
|
2122
2137
|
_a$3["add-circle"] = SvgAddCircle,
|
|
2123
2138
|
_a$3["add-circle-outline"] = SvgAddCircleOutline,
|
|
@@ -2305,14 +2320,14 @@ var AppTooltip = function (_a) {
|
|
|
2305
2320
|
var IconBoxContent = function (_a) {
|
|
2306
2321
|
var _b;
|
|
2307
2322
|
var flexRoot = _a.flexRoot, icon = _a.icon, rightIcon = _a.rightIcon, children = _a.children, className = _a.className, contentClassName = _a.contentClassName, onClick = _a.onClick, _c = _a.direction, direction = _c === void 0 ? "row" : _c, elementRev = _a.elementRev, style = _a.style;
|
|
2308
|
-
return (React.createElement("div", { ref: elementRev, style: style, className: classNames(s$
|
|
2309
|
-
_b[s$
|
|
2310
|
-
_b[s$
|
|
2311
|
-
_b[s$
|
|
2323
|
+
return (React.createElement("div", { ref: elementRev, style: style, className: classNames(s$G.root, (_b = {},
|
|
2324
|
+
_b[s$G.flex] = flexRoot,
|
|
2325
|
+
_b[s$G.button] = !!onClick,
|
|
2326
|
+
_b[s$G.column] = direction === "column",
|
|
2312
2327
|
_b), className), onClick: onClick },
|
|
2313
|
-
typeof icon === "string" ? React.createElement(RegularIcon, { className: s$
|
|
2314
|
-
children ? React.createElement("div", { className: classNames(contentClassName, s$
|
|
2315
|
-
typeof rightIcon === "string" ? React.createElement(RegularIcon, { className: s$
|
|
2328
|
+
typeof icon === "string" ? React.createElement(RegularIcon, { className: s$G.icon, name: icon }) : icon,
|
|
2329
|
+
children ? React.createElement("div", { className: classNames(contentClassName, s$G.root__children) }, children) : null,
|
|
2330
|
+
typeof rightIcon === "string" ? React.createElement(RegularIcon, { className: s$G.icon, name: rightIcon }) : rightIcon));
|
|
2316
2331
|
};
|
|
2317
2332
|
var IconDivision = function (props) {
|
|
2318
2333
|
var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, tooltipMouseEnterDelay = props.tooltipMouseEnterDelay;
|
|
@@ -2322,45 +2337,45 @@ var IconDivision = function (props) {
|
|
|
2322
2337
|
|
|
2323
2338
|
var ContentHeader2 = function (_a) {
|
|
2324
2339
|
var icon = _a.icon, children = _a.children, className = _a.className;
|
|
2325
|
-
var content = React.createElement("h2", { className: classNames(s$
|
|
2340
|
+
var content = React.createElement("h2", { className: classNames(s$H.root, className) }, children);
|
|
2326
2341
|
return icon ? React.createElement(IconDivision, { icon: icon }, content) : content;
|
|
2327
2342
|
};
|
|
2328
2343
|
|
|
2329
|
-
var s$
|
|
2344
|
+
var s$E = {"root":"index-module_root__WKOaj"};
|
|
2330
2345
|
|
|
2331
2346
|
var ContentHeader3 = function (_a) {
|
|
2332
2347
|
var icon = _a.icon, children = _a.children, className = _a.className;
|
|
2333
|
-
var content = React.createElement("h3", { className: classNames(s$
|
|
2348
|
+
var content = React.createElement("h3", { className: classNames(s$E.root, className) }, children);
|
|
2334
2349
|
return icon ? React.createElement(IconDivision, { icon: icon }, content) : content;
|
|
2335
2350
|
};
|
|
2336
2351
|
|
|
2337
|
-
var s$
|
|
2352
|
+
var s$D = {"root":"index-module_root__Fq-q1"};
|
|
2338
2353
|
|
|
2339
2354
|
var Paragraph = function (_a) {
|
|
2340
2355
|
var children = _a.children, className = _a.className;
|
|
2341
|
-
return React.createElement("p", { className: classNames(s$
|
|
2356
|
+
return React.createElement("p", { className: classNames(s$D.root, className) }, children);
|
|
2342
2357
|
};
|
|
2343
2358
|
|
|
2344
|
-
var s$
|
|
2359
|
+
var s$C = {"root":"index-module_root__VIFF-"};
|
|
2345
2360
|
|
|
2346
2361
|
var PageTitle = function (_a) {
|
|
2347
2362
|
var children = _a.children, className = _a.className;
|
|
2348
|
-
return React.createElement("h1", { className: classNames(s$
|
|
2363
|
+
return React.createElement("h1", { className: classNames(s$C.root, className) }, children);
|
|
2349
2364
|
};
|
|
2350
2365
|
|
|
2351
|
-
var s$
|
|
2366
|
+
var s$B = {"root":"index-module_root__p0I0n"};
|
|
2352
2367
|
|
|
2353
2368
|
var CentralDivision = function (_a) {
|
|
2354
2369
|
var children = _a.children, className = _a.className;
|
|
2355
|
-
return React.createElement("div", { className: classNames(s$
|
|
2370
|
+
return React.createElement("div", { className: classNames(s$B.root, className) }, children);
|
|
2356
2371
|
};
|
|
2357
2372
|
|
|
2358
|
-
var s$
|
|
2373
|
+
var s$A = {"root":"index-module_root__yiKO0","first":"index-module_first__560SY","last":"index-module_last__fYezY"};
|
|
2359
2374
|
|
|
2360
2375
|
var RowDivision = function (_a) {
|
|
2361
2376
|
var _b;
|
|
2362
2377
|
var children = _a.children, className = _a.className, flex = _a.flex;
|
|
2363
|
-
return React.createElement("div", { className: classNames(s$
|
|
2378
|
+
return React.createElement("div", { className: classNames(s$A.root, className, (_b = {}, _b[s$A.first] = flex === "first", _b[s$A.last] = flex === "last", _b)) }, children);
|
|
2364
2379
|
};
|
|
2365
2380
|
|
|
2366
2381
|
var _path$i, _path2$a, _path3$8;
|
|
@@ -5197,7 +5212,7 @@ var FillIcon = function (props) {
|
|
|
5197
5212
|
return useBasicIcon(props, icons);
|
|
5198
5213
|
};
|
|
5199
5214
|
|
|
5200
|
-
var s$
|
|
5215
|
+
var s$z = {"root":"index-module_root__gtTIa","action":"index-module_action__pOSde"};
|
|
5201
5216
|
|
|
5202
5217
|
var CONSOLE_COLOR = "background:rgb(28, 46, 82); color:rgb(231, 231, 231)";
|
|
5203
5218
|
|
|
@@ -5315,10 +5330,10 @@ function AppForm(_a) {
|
|
|
5315
5330
|
onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(changedValues, values);
|
|
5316
5331
|
onChange === null || onChange === void 0 ? void 0 : onChange(values);
|
|
5317
5332
|
}, [setValues, onValuesChange, onChange]);
|
|
5318
|
-
return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$
|
|
5333
|
+
return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$z.root, className), layout: "vertical", onValuesChange: handleValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
|
|
5319
5334
|
}
|
|
5320
5335
|
|
|
5321
|
-
var s$
|
|
5336
|
+
var s$y = {"root":"index-module_root__2S1Jp","root__right":"index-module_root__right__AOLlF","label":"index-module_label__-pb4C"};
|
|
5322
5337
|
|
|
5323
5338
|
function useLineProps(_a) {
|
|
5324
5339
|
var lineClassName = _a.lineClassName, name = _a.name, label = _a.label, rightLabel = _a.rightLabel, rules = _a.rules, valuePropName = _a.valuePropName, noStyle = _a.noStyle, hasFeedback = _a.hasFeedback, dependencies = _a.dependencies, rest = __rest(_a, ["lineClassName", "name", "label", "rightLabel", "rules", "valuePropName", "noStyle", "hasFeedback", "dependencies"]);
|
|
@@ -5335,13 +5350,13 @@ var FormLine = function (_a) {
|
|
|
5335
5350
|
}, [validateRules]);
|
|
5336
5351
|
var singleLabel = React.useMemo(function () {
|
|
5337
5352
|
if (label && rightLabel) {
|
|
5338
|
-
return (React.createElement("div", { className: s$
|
|
5339
|
-
React.createElement("div", { className: s$
|
|
5340
|
-
React.createElement("div", { className: s$
|
|
5353
|
+
return (React.createElement("div", { className: s$y.label },
|
|
5354
|
+
React.createElement("div", { className: s$y.label__left }, label),
|
|
5355
|
+
React.createElement("div", { className: s$y.label__right }, rightLabel)));
|
|
5341
5356
|
}
|
|
5342
5357
|
return label;
|
|
5343
5358
|
}, [label, rightLabel]);
|
|
5344
|
-
return (React.createElement(antd.Form.Item, __assign({ className: classNames(s$
|
|
5359
|
+
return (React.createElement(antd.Form.Item, __assign({ className: classNames(s$y.root, (_b = {}, _b[s$y.root__right] = !!rightLabel, _b), className), rules: rules, label: singleLabel }, props)));
|
|
5345
5360
|
};
|
|
5346
5361
|
|
|
5347
5362
|
var DatePickerField = function (props) {
|
|
@@ -5362,12 +5377,12 @@ var InputField = function (props) {
|
|
|
5362
5377
|
React.createElement(antd.Input, __assign({}, controlProps))));
|
|
5363
5378
|
};
|
|
5364
5379
|
|
|
5365
|
-
var s$
|
|
5380
|
+
var s$x = {"input":"index-module_input__71iJw"};
|
|
5366
5381
|
|
|
5367
5382
|
var InputNumberField = function (props) {
|
|
5368
5383
|
var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], className = _b.className, controlProps = __rest(_b, ["className"]);
|
|
5369
5384
|
return (React.createElement(FormLine, __assign({}, lineProps),
|
|
5370
|
-
React.createElement(antd.InputNumber, __assign({ className: classNames(s$
|
|
5385
|
+
React.createElement(antd.InputNumber, __assign({ className: classNames(s$x.input, className) }, controlProps))));
|
|
5371
5386
|
};
|
|
5372
5387
|
|
|
5373
5388
|
var RadioButtonField = function (props) {
|
|
@@ -5376,13 +5391,13 @@ var RadioButtonField = function (props) {
|
|
|
5376
5391
|
React.createElement(antd.Radio.Group, __assign({ buttonStyle: buttonStyle, optionType: optionType }, controlProps))));
|
|
5377
5392
|
};
|
|
5378
5393
|
|
|
5379
|
-
var s$
|
|
5394
|
+
var s$w = {"popup":"index-module_popup__Im5Y-"};
|
|
5380
5395
|
|
|
5381
5396
|
var RangePicker = antd.DatePicker.RangePicker;
|
|
5382
5397
|
var RangePickerField = function (props) {
|
|
5383
5398
|
var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], oneMonth = _b.oneMonth, controlProps = __rest(_b, ["oneMonth"]);
|
|
5384
5399
|
return (React.createElement(FormLine, __assign({}, lineProps),
|
|
5385
|
-
React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$
|
|
5400
|
+
React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$w.popup : undefined }))));
|
|
5386
5401
|
};
|
|
5387
5402
|
|
|
5388
5403
|
var SelectField = function (props) {
|
|
@@ -5391,7 +5406,7 @@ var SelectField = function (props) {
|
|
|
5391
5406
|
React.createElement(antd.Select, __assign({}, controlProps))));
|
|
5392
5407
|
};
|
|
5393
5408
|
|
|
5394
|
-
var s$
|
|
5409
|
+
var s$v = {"empty":"index-module_empty__sV0Gg","add":"index-module_add__f03vM"};
|
|
5395
5410
|
|
|
5396
5411
|
var SearchSelectField = function (props) {
|
|
5397
5412
|
var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], onSearch = _b.onSearch, onAdd = _b.onAdd, loading = _b.loading, text = _b.text, controlProps = __rest(_b, ["onSearch", "onAdd", "loading", "text"]);
|
|
@@ -5404,9 +5419,9 @@ var SearchSelectField = function (props) {
|
|
|
5404
5419
|
onAdd === null || onAdd === void 0 ? void 0 : onAdd(searchText);
|
|
5405
5420
|
}, [searchText, onAdd]);
|
|
5406
5421
|
return (React.createElement(FormLine, __assign({}, lineProps),
|
|
5407
|
-
React.createElement(antd.Select, __assign({}, controlProps, { showSearch: true, onSearch: handleSearch, loading: loading, notFoundContent: loading ? null : (React.createElement("div", { className: s$
|
|
5422
|
+
React.createElement(antd.Select, __assign({}, controlProps, { showSearch: true, onSearch: handleSearch, loading: loading, notFoundContent: loading ? null : (React.createElement("div", { className: s$v.empty }, searchText ? (React.createElement(React.Fragment, null,
|
|
5408
5423
|
(text === null || text === void 0 ? void 0 : text.notFound) || "Not found",
|
|
5409
|
-
React.createElement(antd.Button, { size: "small", className: s$
|
|
5424
|
+
React.createElement(antd.Button, { size: "small", className: s$v.add, onClick: handleAdd }, (text === null || text === void 0 ? void 0 : text.addNew) || "Add New"))) : ((text === null || text === void 0 ? void 0 : text.enterToSearch) || "Enter text to start search"))) }))));
|
|
5410
5425
|
};
|
|
5411
5426
|
|
|
5412
5427
|
var TextArea = antd.Input.TextArea;
|
|
@@ -5422,16 +5437,16 @@ var CheckboxField = function (props) {
|
|
|
5422
5437
|
React.createElement(antd.Checkbox, __assign({}, controlProps))));
|
|
5423
5438
|
};
|
|
5424
5439
|
|
|
5425
|
-
var s$
|
|
5440
|
+
var s$u = {"root":"index-module_root__GGl-p","control":"index-module_control__-bnWX","title":"index-module_title__2P0gT"};
|
|
5426
5441
|
|
|
5427
5442
|
var SwitchFieldControl = function (_a) {
|
|
5428
5443
|
var className = _a.className, title = _a.title, titleClassName = _a.titleClassName, children = _a.children, description = _a.description, descriptionClassName = _a.descriptionClassName, props = __rest(_a, ["className", "title", "titleClassName", "children", "description", "descriptionClassName"]);
|
|
5429
5444
|
var leftContent = title || children;
|
|
5430
|
-
return (React.createElement("div", { className: classNames(s$
|
|
5431
|
-
React.createElement("div", { className: s$
|
|
5445
|
+
return (React.createElement("div", { className: classNames(s$u.root, className) },
|
|
5446
|
+
React.createElement("div", { className: s$u.control },
|
|
5432
5447
|
React.createElement(antd.Switch, __assign({}, props)),
|
|
5433
5448
|
leftContent && React.createElement("div", { className: classNames(titleClassName) }, leftContent)),
|
|
5434
|
-
description && React.createElement("div", { className: classNames(s$
|
|
5449
|
+
description && React.createElement("div", { className: classNames(s$u.description, descriptionClassName) }, description)));
|
|
5435
5450
|
};
|
|
5436
5451
|
|
|
5437
5452
|
var SwitchField = function (props) {
|
|
@@ -5465,22 +5480,22 @@ var SwitchButtonField = function (props) {
|
|
|
5465
5480
|
React.createElement(SwitchButtonControl, __assign({ buttonStyle: buttonStyle, optionType: optionType }, controlProps))));
|
|
5466
5481
|
};
|
|
5467
5482
|
|
|
5468
|
-
var s$
|
|
5483
|
+
var s$t = {"root":"index-module_root__9GQDU"};
|
|
5469
5484
|
|
|
5470
5485
|
var FormButton = function (_a) {
|
|
5471
5486
|
var className = _a.className, _b = _a.children, children = _b === void 0 ? "Save" : _b, loading = _a.loading, disabled = _a.disabled, _c = _a.type, type = _c === void 0 ? "primary" : _c;
|
|
5472
|
-
return (React.createElement("div", { className: classNames(s$
|
|
5487
|
+
return (React.createElement("div", { className: classNames(s$t.root, className) },
|
|
5473
5488
|
React.createElement(antd.Button, { htmlType: "submit", type: type, loading: loading, disabled: disabled }, children)));
|
|
5474
5489
|
};
|
|
5475
5490
|
|
|
5476
|
-
var s$
|
|
5491
|
+
var s$s = {"root":"index-module_root__C05Ty"};
|
|
5477
5492
|
|
|
5478
5493
|
var FormError = function (_a) {
|
|
5479
5494
|
var children = _a.children, className = _a.className;
|
|
5480
|
-
return children ? React.createElement("div", { className: classNames(s$
|
|
5495
|
+
return children ? React.createElement("div", { className: classNames(s$s.root, className) }, children) : null;
|
|
5481
5496
|
};
|
|
5482
5497
|
|
|
5483
|
-
var s$
|
|
5498
|
+
var s$r = {"root":"index-module_root__C7wx2","content":"index-module_content__RsiJT","close":"index-module_close__lBc6p"};
|
|
5484
5499
|
|
|
5485
5500
|
var InfoDialog = function (_a) {
|
|
5486
5501
|
var children = _a.children, className = _a.className, width = _a.width, hideClose = _a.hideClose, onClose = _a.onClose, _b = _a.open, open = _b === void 0 ? true : _b, contentClassName = _a.contentClassName, _c = _a.maskClosable, maskClosable = _c === void 0 ? false : _c;
|
|
@@ -5492,23 +5507,23 @@ var InfoDialog = function (_a) {
|
|
|
5492
5507
|
}
|
|
5493
5508
|
return result;
|
|
5494
5509
|
}, [width]);
|
|
5495
|
-
return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$
|
|
5496
|
-
React.createElement("div", { className: classNames(s$
|
|
5510
|
+
return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$r.root, className), maskClosable: maskClosable, footer: null },
|
|
5511
|
+
React.createElement("div", { className: classNames(s$r.content, contentClassName) },
|
|
5497
5512
|
children,
|
|
5498
|
-
hideClose ? null : React.createElement(RegularIcon, { name: "cross", className: s$
|
|
5513
|
+
hideClose ? null : React.createElement(RegularIcon, { name: "cross", className: s$r.close, onClick: onClose }))));
|
|
5499
5514
|
};
|
|
5500
5515
|
|
|
5501
|
-
var s$
|
|
5516
|
+
var s$q = {"root":"index-module_root__BQI-i","header":"index-module_header__OUCQj","title":"index-module_title__HPbDC","close":"index-module_close__-FN6K","content":"index-module_content__BpXha","footer":"index-module_footer__xqKte"};
|
|
5502
5517
|
|
|
5503
5518
|
var RegularDialog = function (_a) {
|
|
5504
5519
|
var titleIcon = _a.titleIcon, titlePrefix = _a.titlePrefix, title = _a.title, children = _a.children, _b = _a.hideFooter, hideFooter = _b === void 0 ? false : _b, className = _a.className, width = _a.width, okText = _a.okText, cancelText = _a.cancelText, cancelHide = _a.cancelHide, footerClassName = _a.footerClassName, contentClassName = _a.contentClassName, okHide = _a.okHide, okDisabled = _a.okDisabled, okLoading = _a.okLoading, onOk = _a.onOk, onClose = _a.onClose, _c = _a.open, open = _c === void 0 ? true : _c, _d = _a.maskClosable, maskClosable = _d === void 0 ? false : _d;
|
|
5505
5520
|
var close = React.useMemo(function () {
|
|
5506
|
-
return React.createElement(RegularIcon, { name: "cross", className: s$
|
|
5521
|
+
return React.createElement(RegularIcon, { name: "cross", className: s$q.close, onClick: onClose });
|
|
5507
5522
|
}, [onClose]);
|
|
5508
5523
|
var titleContent = React.useMemo(function () {
|
|
5509
5524
|
if (typeof title === "string") {
|
|
5510
|
-
return (React.createElement("div", { className: s$
|
|
5511
|
-
React.createElement("div", { className: s$
|
|
5525
|
+
return (React.createElement("div", { className: s$q.header },
|
|
5526
|
+
React.createElement("div", { className: s$q.title },
|
|
5512
5527
|
titleIcon && React.createElement(RegularIcon, { name: titleIcon }),
|
|
5513
5528
|
React.createElement("span", null,
|
|
5514
5529
|
" ",
|
|
@@ -5519,7 +5534,7 @@ var RegularDialog = function (_a) {
|
|
|
5519
5534
|
return title(close);
|
|
5520
5535
|
}
|
|
5521
5536
|
return null;
|
|
5522
|
-
}, [s$
|
|
5537
|
+
}, [s$q, title, titlePrefix, close, titleIcon]);
|
|
5523
5538
|
var style = React.useMemo(function () {
|
|
5524
5539
|
var result = {};
|
|
5525
5540
|
if (width) {
|
|
@@ -5529,15 +5544,15 @@ var RegularDialog = function (_a) {
|
|
|
5529
5544
|
return result;
|
|
5530
5545
|
}, [width]);
|
|
5531
5546
|
var hideBottom = hideFooter || (cancelHide && okHide);
|
|
5532
|
-
return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$
|
|
5547
|
+
return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$q.root, className), maskClosable: maskClosable, footer: null },
|
|
5533
5548
|
titleContent,
|
|
5534
|
-
React.createElement("div", { className: classNames(s$
|
|
5535
|
-
hideBottom ? null : (React.createElement("div", { className: classNames(s$
|
|
5549
|
+
React.createElement("div", { className: classNames(s$q.content, contentClassName) }, children),
|
|
5550
|
+
hideBottom ? null : (React.createElement("div", { className: classNames(s$q.footer, footerClassName) },
|
|
5536
5551
|
cancelHide ? null : React.createElement(antd.Button, { onClick: onClose }, cancelText || "Cancel"),
|
|
5537
5552
|
okHide ? null : (React.createElement(antd.Button, { type: "primary", onClick: onOk, disabled: okDisabled, loading: okLoading }, okText || "OK"))))));
|
|
5538
5553
|
};
|
|
5539
5554
|
|
|
5540
|
-
var s$
|
|
5555
|
+
var s$p = {"root":"index-module_root__qFuRH"};
|
|
5541
5556
|
|
|
5542
5557
|
function isRegular(icon) {
|
|
5543
5558
|
return RegularIconNameList.includes(icon);
|
|
@@ -5547,13 +5562,13 @@ function isSocial(icon) {
|
|
|
5547
5562
|
}
|
|
5548
5563
|
var FlatButton = function (_a) {
|
|
5549
5564
|
var children = _a.children, className = _a.className, icon = _a.icon, onClick = _a.onClick;
|
|
5550
|
-
return (React.createElement("div", { className: classNames(s$
|
|
5565
|
+
return (React.createElement("div", { className: classNames(s$p.root, className), onClick: onClick },
|
|
5551
5566
|
isRegular(icon) ? React.createElement(RegularIcon, { name: icon }) : null,
|
|
5552
5567
|
isSocial(icon) ? React.createElement(SocialIcon, { name: icon }) : null,
|
|
5553
5568
|
children ? React.createElement("span", null, children) : null));
|
|
5554
5569
|
};
|
|
5555
5570
|
|
|
5556
|
-
var s$
|
|
5571
|
+
var s$o = {"root":"index-module_root__r-dVh","noneDecoration":"index-module_noneDecoration__N4OkH"};
|
|
5557
5572
|
|
|
5558
5573
|
function AppLink(_a) {
|
|
5559
5574
|
var _b;
|
|
@@ -5564,35 +5579,35 @@ function AppLink(_a) {
|
|
|
5564
5579
|
href = route.build(params || {});
|
|
5565
5580
|
}
|
|
5566
5581
|
}
|
|
5567
|
-
return (React.createElement(Link, __assign({ href: href, as: as, shallow: shallow, title: title, className: classNames(s$
|
|
5568
|
-
_b[s$
|
|
5569
|
-
_b[s$
|
|
5582
|
+
return (React.createElement(Link, __assign({ href: href, as: as, shallow: shallow, title: title, className: classNames(s$o.root, className, (_b = {},
|
|
5583
|
+
_b[s$o.noneDecoration] = noneDecoration,
|
|
5584
|
+
_b[s$o.show__underline] = showUnderline,
|
|
5570
5585
|
_b)), ref: aRef }, rest), children));
|
|
5571
5586
|
}
|
|
5572
5587
|
|
|
5573
|
-
var s$
|
|
5588
|
+
var s$n = {"root":"index-module_root__gpEkZ"};
|
|
5574
5589
|
|
|
5575
5590
|
var AppLinkButton = function (_a) {
|
|
5576
5591
|
var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
|
|
5577
|
-
return (React.createElement("div", __assign({ className: classNames(s$
|
|
5592
|
+
return (React.createElement("div", __assign({ className: classNames(s$n.root, className) }, rest), children));
|
|
5578
5593
|
};
|
|
5579
5594
|
|
|
5580
|
-
var s$
|
|
5595
|
+
var s$m = {"root":"index-module_root__KYWfI"};
|
|
5581
5596
|
|
|
5582
5597
|
var SimpleLinkButton = function (_a) {
|
|
5583
5598
|
var className = _a.className, children = _a.children, _b = _a.type, type = _b === void 0 ? "button" : _b, rest = __rest(_a, ["className", "children", "type"]);
|
|
5584
|
-
return (React.createElement("button", __assign({ type: type, className: classNames(s$
|
|
5599
|
+
return (React.createElement("button", __assign({ type: type, className: classNames(s$m.root, className) }, rest), children));
|
|
5585
5600
|
};
|
|
5586
5601
|
|
|
5587
|
-
var s$
|
|
5602
|
+
var s$l = {"root":"index-module_root__CQ7Qm","title":"index-module_title__Aud2u","title__active":"index-module_title__active__AueKr","title__label":"index-module_title__label__B3vUU","list":"index-module_list__EAf08","list__open":"index-module_list__open__1-0cD"};
|
|
5588
5603
|
|
|
5589
|
-
var s$
|
|
5604
|
+
var s$k = {"root":"index-module_root__AZ9HE","root__active":"index-module_root__active__UqszT"};
|
|
5590
5605
|
|
|
5591
5606
|
var BackSidebarSubMenuItem = function (_a) {
|
|
5592
5607
|
var _b;
|
|
5593
5608
|
var isActive = _a.isActive, option = _a.option;
|
|
5594
5609
|
var icon = option.icon, label = option.label, path = option.href;
|
|
5595
|
-
return (React.createElement(AppLink, { className: classNames(s$
|
|
5610
|
+
return (React.createElement(AppLink, { className: classNames(s$k.root, (_b = {}, _b[s$k.root__active] = isActive, _b)), href: path },
|
|
5596
5611
|
icon && React.createElement(RegularIcon, { name: icon }),
|
|
5597
5612
|
React.createElement("span", null, label)));
|
|
5598
5613
|
};
|
|
@@ -5620,12 +5635,12 @@ var BackSidebarMenuItem = function (_a) {
|
|
|
5620
5635
|
var handleClick = React.useCallback(function () {
|
|
5621
5636
|
setOpen(!open);
|
|
5622
5637
|
}, [open]);
|
|
5623
|
-
return (React.createElement("div", { className: s$
|
|
5624
|
-
React.createElement("div", { className: classNames(s$
|
|
5638
|
+
return (React.createElement("div", { className: s$l.root },
|
|
5639
|
+
React.createElement("div", { className: classNames(s$l.title, (_b = {}, _b[s$l.title__active] = isActive, _b)), onClick: handleClick },
|
|
5625
5640
|
icon && React.createElement(RegularIcon, { name: icon }),
|
|
5626
|
-
React.createElement("span", { className: s$
|
|
5641
|
+
React.createElement("span", { className: s$l.title__label }, label),
|
|
5627
5642
|
React.createElement(RegularIcon, { name: open ? "keyboard-arrow-down" : "keyboard-arrow-right" })),
|
|
5628
|
-
React.createElement("div", { className: classNames(s$
|
|
5643
|
+
React.createElement("div", { className: classNames(s$l.list, (_c = {}, _c[s$l.list__open] = open, _c)) }, keys.map(function (x) {
|
|
5629
5644
|
var option = mapper[x];
|
|
5630
5645
|
if (typeof option === "object") {
|
|
5631
5646
|
return React.createElement(BackSidebarSubMenuItem, { key: x, option: option, isActive: x === activePathKey });
|
|
@@ -5633,7 +5648,7 @@ var BackSidebarMenuItem = function (_a) {
|
|
|
5633
5648
|
}))));
|
|
5634
5649
|
};
|
|
5635
5650
|
|
|
5636
|
-
var s$
|
|
5651
|
+
var s$j = {"root":"index-module_root__yMCtx","list":"index-module_list__Xr6Z5","master":"index-module_master__Eexhz","master__active":"index-module_master__active__j-iWA"};
|
|
5637
5652
|
|
|
5638
5653
|
var BackSidebarShortMenuItem = function (_a) {
|
|
5639
5654
|
var _b;
|
|
@@ -5649,9 +5664,9 @@ var BackSidebarShortMenuItem = function (_a) {
|
|
|
5649
5664
|
var handleClick = React.useCallback(function () {
|
|
5650
5665
|
setOpen(!open);
|
|
5651
5666
|
}, [open]);
|
|
5652
|
-
return (React.createElement("div", { className: s$
|
|
5653
|
-
React.createElement("div", { className: classNames(s$
|
|
5654
|
-
React.createElement("div", { className: classNames(s$
|
|
5667
|
+
return (React.createElement("div", { className: s$j.root },
|
|
5668
|
+
React.createElement("div", { className: classNames(s$j.master, (_b = {}, _b[s$j.master__active] = isActive, _b)), onClick: handleClick }, icon && React.createElement(RegularIcon, { name: icon })),
|
|
5669
|
+
React.createElement("div", { className: classNames(s$j.list) }, keys.map(function (x) {
|
|
5655
5670
|
var option = mapper[x];
|
|
5656
5671
|
if (typeof option === "object") {
|
|
5657
5672
|
return React.createElement(BackSidebarSubMenuItem, { key: x, option: option, isActive: x === activePathKey });
|
|
@@ -5659,27 +5674,27 @@ var BackSidebarShortMenuItem = function (_a) {
|
|
|
5659
5674
|
}))));
|
|
5660
5675
|
};
|
|
5661
5676
|
|
|
5662
|
-
var s$
|
|
5677
|
+
var s$i = {"root":"index-module_root__r4Egx"};
|
|
5663
5678
|
|
|
5664
5679
|
/* eslint-disable react/no-array-index-key */
|
|
5665
5680
|
// https://www.einfosoft.com/templates/admin/spice/source/edit_booking.html#
|
|
5666
5681
|
var BackSidebar = function (_a) {
|
|
5667
5682
|
var className = _a.className, options = _a.options, mapper = _a.mapper, top = _a.top, shortMode = _a.shortMode, activePathKey = _a.activePathKey, defaultPathKey = _a.defaultPathKey;
|
|
5668
|
-
return (React.createElement("div", { className: classNames(s$
|
|
5669
|
-
top ? React.createElement("div", { className: classNames(s$
|
|
5670
|
-
React.createElement("div", { className: s$
|
|
5683
|
+
return (React.createElement("div", { className: classNames(s$i.root, className) },
|
|
5684
|
+
top ? React.createElement("div", { className: classNames(s$i.top) }, top) : null,
|
|
5685
|
+
React.createElement("div", { className: s$i.menu }, options.map(function (option, i) {
|
|
5671
5686
|
return shortMode ? (React.createElement(BackSidebarShortMenuItem, { key: i, mapper: mapper, option: option, activePathKey: activePathKey || defaultPathKey })) : (React.createElement(BackSidebarMenuItem, { key: i, mapper: mapper, option: option, activePathKey: activePathKey || defaultPathKey }));
|
|
5672
5687
|
}))));
|
|
5673
5688
|
};
|
|
5674
5689
|
|
|
5675
|
-
var s$
|
|
5690
|
+
var s$h = {"root":"index-module_root__SICCv","root__short":"index-module_root__short__XnXWP","header":"index-module_header__00DV1","sidebar":"index-module_sidebar__o2Obb","content":"index-module_content__D0okO","menu":"index-module_menu__48Uz3","menu__icon":"index-module_menu__icon__BFpAs","loading":"index-module_loading__SpWat"};
|
|
5676
5691
|
|
|
5677
|
-
var s$
|
|
5692
|
+
var s$g = {"root":"index-module_root__Q-TED","loader":"index-module_loader__qxQNC"};
|
|
5678
5693
|
|
|
5679
5694
|
var LoadingPanel = function (_a) {
|
|
5680
5695
|
var className = _a.className;
|
|
5681
|
-
return (React.createElement("div", { className: classNames(s$
|
|
5682
|
-
React.createElement(antd.Spin, { size: "large", className: s$
|
|
5696
|
+
return (React.createElement("div", { className: classNames(s$g.root, className) },
|
|
5697
|
+
React.createElement(antd.Spin, { size: "large", className: s$g.loader })));
|
|
5683
5698
|
};
|
|
5684
5699
|
|
|
5685
5700
|
var BackLayout = function (_a) {
|
|
@@ -5689,19 +5704,19 @@ var BackLayout = function (_a) {
|
|
|
5689
5704
|
var handleMenu = React.useCallback(function () {
|
|
5690
5705
|
setShort(!short);
|
|
5691
5706
|
}, [short]);
|
|
5692
|
-
return loading ? (React.createElement(LoadingPanel, { className: s$
|
|
5693
|
-
React.createElement("div", { className: classNames(s$
|
|
5694
|
-
React.createElement("div", { className: classNames(s$
|
|
5695
|
-
React.createElement("div", { className: s$
|
|
5696
|
-
React.createElement(RegularIcon, { className: s$
|
|
5697
|
-
!short && React.createElement("div", { className: s$
|
|
5707
|
+
return loading ? (React.createElement(LoadingPanel, { className: s$h.loading })) : (React.createElement("div", { className: classNames(s$h.root, className, (_b = {}, _b[s$h.root__short] = short, _b)) },
|
|
5708
|
+
React.createElement("div", { className: classNames(s$h.header, headerClassName) }, header),
|
|
5709
|
+
React.createElement("div", { className: classNames(s$h.sidebar, sidebarClassName) },
|
|
5710
|
+
React.createElement("div", { className: s$h.menu },
|
|
5711
|
+
React.createElement(RegularIcon, { className: s$h.menu__icon, name: "menu", onClick: handleMenu }),
|
|
5712
|
+
!short && React.createElement("div", { className: s$h.menu__title }, sidebarTitle)),
|
|
5698
5713
|
React.createElement(BackSidebar, __assign({}, sidebarProps, { shortMode: short }))),
|
|
5699
|
-
contentLoading ? React.createElement(LoadingPanel, { className: s$
|
|
5714
|
+
contentLoading ? React.createElement(LoadingPanel, { className: s$h.content }) : React.createElement("div", { className: classNames(s$h.content, contentClassName) }, children)));
|
|
5700
5715
|
};
|
|
5701
5716
|
|
|
5702
|
-
var s$
|
|
5717
|
+
var s$f = {"root":"index-module_root__Q7VjD","root__shadow":"index-module_root__shadow__OhPad","logo":"index-module_logo__KCA1E","content":"index-module_content__T-JEW","link":"index-module_link__nXsvL","select":"index-module_select__22zW6"};
|
|
5703
5718
|
|
|
5704
|
-
var s$
|
|
5719
|
+
var s$e = {"popover":"index-module_popover__lwzdT","item":"index-module_item__pfayG"};
|
|
5705
5720
|
|
|
5706
5721
|
var PopoverSelect = function (_a) {
|
|
5707
5722
|
var options = _a.options, value = _a.value, onChange = _a.onChange, icon = _a.icon, renderOption = _a.renderOption, showValue = _a.showValue;
|
|
@@ -5719,15 +5734,15 @@ var PopoverSelect = function (_a) {
|
|
|
5719
5734
|
var selectedOption = React.useMemo(function () {
|
|
5720
5735
|
return options.find(function (x) { return x.value === value; });
|
|
5721
5736
|
}, [options, value]);
|
|
5722
|
-
var popoverContent = React.useMemo(function () { return (React.createElement("div", { className: s$
|
|
5737
|
+
var popoverContent = React.useMemo(function () { return (React.createElement("div", { className: s$e.popover }, options
|
|
5723
5738
|
.filter(function (x) { return x.value !== value; })
|
|
5724
|
-
.map(function (x) { return (React.createElement(React.Fragment, { key: x.value }, renderOption ? (renderOption(x, { className: s$
|
|
5739
|
+
.map(function (x) { return (React.createElement(React.Fragment, { key: x.value }, renderOption ? (renderOption(x, { className: s$e.item, onClick: function () { return handleChange(x.value); } })) : (React.createElement("div", { className: s$e.item, onClick: function () { return handleChange(x.value); } }, x.label)))); }))); }, [options, value, handleChange, renderOption]);
|
|
5725
5740
|
return (React.createElement(antd.Popover, { content: popoverContent, open: open, onOpenChange: closePopover, placement: "bottomRight" },
|
|
5726
5741
|
React.createElement("span", null,
|
|
5727
5742
|
React.createElement(IconDivision, { icon: icon, onClick: handleOpen, rightIcon: open ? "expand-less" : "expand-more" }, showValue ? value : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label))));
|
|
5728
5743
|
};
|
|
5729
5744
|
|
|
5730
|
-
var s$
|
|
5745
|
+
var s$d = {"root":"index-module_root__EQ0II","rounded":"index-module_rounded__4OK03","link":"index-module_link__fptGw"};
|
|
5731
5746
|
|
|
5732
5747
|
var Content = function (_a) {
|
|
5733
5748
|
var _b;
|
|
@@ -5739,7 +5754,7 @@ var Content = function (_a) {
|
|
|
5739
5754
|
}
|
|
5740
5755
|
return result;
|
|
5741
5756
|
}, [size]);
|
|
5742
|
-
return (React.createElement(antd.Button, __assign({ style: style, className: classNames(s$
|
|
5757
|
+
return (React.createElement(antd.Button, __assign({ style: style, className: classNames(s$d.root, className, (_b = {}, _b[s$d.rounded] = !children, _b[s$d.link] = href, _b)), type: isPrimary ? "primary" : "default", size: size }, props),
|
|
5743
5758
|
React.createElement(IconDivision, { icon: icon, rightIcon: rightIcon }, children)));
|
|
5744
5759
|
};
|
|
5745
5760
|
var Button = function (_a) {
|
|
@@ -5788,38 +5803,38 @@ var FrontHeader = function (_a) {
|
|
|
5788
5803
|
var className = _b.className;
|
|
5789
5804
|
return value === "logout" ? (React.createElement("div", { className: className, onClick: user === null || user === void 0 ? void 0 : user.onLogOut }, label)) : (React.createElement(AppLink, { href: value, className: className }, label));
|
|
5790
5805
|
}, [user]);
|
|
5791
|
-
return (React.createElement("div", { className: classNames(s$
|
|
5792
|
-
_b[s$
|
|
5806
|
+
return (React.createElement("div", { className: classNames(s$f.root, (_b = {},
|
|
5807
|
+
_b[s$f.root__shadow] = shadow,
|
|
5793
5808
|
_b), className) },
|
|
5794
5809
|
onMenuClick && React.createElement(Button, { icon: menuIcon || "menu", onClick: onMenuClick }),
|
|
5795
|
-
React.createElement(AppLink, { className: s$
|
|
5796
|
-
React.createElement("div", { className: s$
|
|
5810
|
+
React.createElement(AppLink, { className: s$f.logo, href: logoHref }, logoContent || "AlfaSchool"),
|
|
5811
|
+
React.createElement("div", { className: s$f.content }, children),
|
|
5797
5812
|
onSearchClick && (React.createElement(Button, { icon: "search", onClick: onSearchClick, size: "middle" }, text.search || "Search")),
|
|
5798
|
-
!user && (React.createElement("div", { className: s$
|
|
5813
|
+
!user && (React.createElement("div", { className: s$f.link },
|
|
5799
5814
|
React.createElement(AppLink, { href: loginHref }, text.login || "Login"),
|
|
5800
5815
|
React.createElement(AppLink, { href: registerHref }, text.register || "Register"))),
|
|
5801
|
-
React.createElement("div", { className: s$
|
|
5816
|
+
React.createElement("div", { className: s$f.select },
|
|
5802
5817
|
user && React.createElement(PopoverSelect, { showValue: true, value: user.username, options: settingsOptions, renderOption: handleSettingRender }),
|
|
5803
5818
|
React.createElement(PopoverSelect, __assign({ icon: "language" }, language)))));
|
|
5804
5819
|
};
|
|
5805
5820
|
|
|
5806
|
-
var s$
|
|
5821
|
+
var s$c = {"root":"index-module_root__Fwjge","header":"index-module_header__DhAx3","header__inner":"index-module_header__inner__gYRYO","content":"index-module_content__Afu6q","content__footer":"index-module_content__footer__-ACCs","footer":"index-module_footer__3hSOQ"};
|
|
5807
5822
|
|
|
5808
5823
|
var FrontLayout = function (_a) {
|
|
5809
5824
|
var children = _a.children, header = _a.header;
|
|
5810
|
-
return (React.createElement("div", { className: s$
|
|
5811
|
-
React.createElement("div", { className: s$
|
|
5812
|
-
React.createElement(FrontHeader, __assign({}, header, { className: classNames(header.className, s$
|
|
5813
|
-
React.createElement("div", { className: classNames(s$
|
|
5825
|
+
return (React.createElement("div", { className: s$c.root },
|
|
5826
|
+
React.createElement("div", { className: s$c.header },
|
|
5827
|
+
React.createElement(FrontHeader, __assign({}, header, { className: classNames(header.className, s$c.header__inner) }))),
|
|
5828
|
+
React.createElement("div", { className: classNames(s$c.content) },
|
|
5814
5829
|
React.createElement("div", null, children))));
|
|
5815
5830
|
};
|
|
5816
5831
|
|
|
5817
|
-
var s$
|
|
5832
|
+
var s$b = {"root":"index-module_root__OWeNb","link":"index-module_link__H8HcA","button":"index-module_button__UVt6a"};
|
|
5818
5833
|
|
|
5819
5834
|
/* eslint-disable react/no-array-index-key */
|
|
5820
5835
|
var HeaderActionPanel = function (_a) {
|
|
5821
5836
|
var className = _a.className, actions = _a.actions, _b = _a.size, size = _b === void 0 ? "small" : _b;
|
|
5822
|
-
return (actions === null || actions === void 0 ? void 0 : actions.length) ? (React.createElement("div", { className: classNames(s$
|
|
5837
|
+
return (actions === null || actions === void 0 ? void 0 : actions.length) ? (React.createElement("div", { className: classNames(s$b.root, className) }, actions.map(function (action, i) {
|
|
5823
5838
|
var content = action;
|
|
5824
5839
|
var button = action;
|
|
5825
5840
|
var link = action;
|
|
@@ -5831,16 +5846,16 @@ var HeaderActionPanel = function (_a) {
|
|
|
5831
5846
|
else if (typeof (button === null || button === void 0 ? void 0 : button.onClick) === "function") {
|
|
5832
5847
|
var confirmText = button.confirmText, onClick = button.onClick;
|
|
5833
5848
|
return confirmText ? (React.createElement(antd.Popconfirm, { key: i, title: confirmText, onConfirm: onClick, okText: "Yes", cancelText: "No" },
|
|
5834
|
-
React.createElement(Button, { key: i, icon: iconElement, tooltip: tooltip, tooltipPlacement: tooltipPlacement, className: s$
|
|
5849
|
+
React.createElement(Button, { key: i, icon: iconElement, tooltip: tooltip, tooltipPlacement: tooltipPlacement, className: s$b.button, size: size, disabled: loading }, label))) : (React.createElement(Button, { key: i, icon: iconElement, onClick: onClick, tooltip: tooltip, tooltipPlacement: tooltipPlacement, className: s$b.button, size: size, disabled: loading }, label));
|
|
5835
5850
|
}
|
|
5836
5851
|
else if (typeof (link === null || link === void 0 ? void 0 : link.href) === "string") {
|
|
5837
5852
|
var href = link.href;
|
|
5838
|
-
return (React.createElement(Button, { key: i, icon: iconElement, tooltip: tooltip, tooltipPlacement: tooltipPlacement, href: href, className: s$
|
|
5853
|
+
return (React.createElement(Button, { key: i, icon: iconElement, tooltip: tooltip, tooltipPlacement: tooltipPlacement, href: href, className: s$b.link, size: size, disabled: loading }, label));
|
|
5839
5854
|
}
|
|
5840
5855
|
}))) : null;
|
|
5841
5856
|
};
|
|
5842
5857
|
|
|
5843
|
-
var s$
|
|
5858
|
+
var s$a = {"root":"index-module_root__AUcgm","separator":"index-module_separator__eiPxa","step":"index-module_step__Qwm7C","image":"index-module_image__kUPE1"};
|
|
5844
5859
|
|
|
5845
5860
|
var TextUtil = {
|
|
5846
5861
|
maxTextEllipsis: function (text, maxLength) {
|
|
@@ -5914,26 +5929,26 @@ var AlfaBreadcrumb = function (_a) {
|
|
|
5914
5929
|
result = isMobile ? result.slice(options.length - 1) : result;
|
|
5915
5930
|
return result;
|
|
5916
5931
|
}, [root, options, isMobile, mapper, path]);
|
|
5917
|
-
return innerOptions.length ? (React.createElement("div", { className: classNames(s$
|
|
5932
|
+
return innerOptions.length ? (React.createElement("div", { className: classNames(s$a.root, className) }, innerOptions.map(function (_a, index) {
|
|
5918
5933
|
var href = _a.href, label = _a.label, imageUrl = _a.imageUrl;
|
|
5919
5934
|
var labelContent = (React.createElement(React.Fragment, null,
|
|
5920
|
-
imageUrl && React.createElement("img", { className: s$
|
|
5935
|
+
imageUrl && React.createElement("img", { className: s$a.image, src: imageUrl, alt: label }),
|
|
5921
5936
|
React.createElement("span", null, TextUtil.maxTextEllipsis(label, maxStepTextLength))));
|
|
5922
5937
|
return (React.createElement(React.Fragment, { key: href || label || index },
|
|
5923
|
-
index > 0 ? React.createElement("span", { className: s$
|
|
5924
|
-
href ? (React.createElement(AppLink, { className: classNames(s$
|
|
5938
|
+
index > 0 ? React.createElement("span", { className: s$a.separator }, separator) : null,
|
|
5939
|
+
href ? (React.createElement(AppLink, { className: classNames(s$a.step, s$a.link, stepClassName), href: href, title: label }, labelContent)) : (React.createElement("span", { className: classNames(s$a.step, s$a.label, stepClassName), title: label }, labelContent))));
|
|
5925
5940
|
}))) : null;
|
|
5926
5941
|
};
|
|
5927
5942
|
|
|
5928
|
-
var s$
|
|
5943
|
+
var s$9 = {"root":"index-module_root__UuWET","link":"index-module_link__qD-Ss"};
|
|
5929
5944
|
|
|
5930
5945
|
var AlfaAttributor = function (_a) {
|
|
5931
5946
|
var className = _a.className, options = _a.options;
|
|
5932
|
-
return options.length ? (React.createElement("div", { className: classNames(s$
|
|
5947
|
+
return options.length ? (React.createElement("div", { className: classNames(s$9.root, className) }, options.map(function (_a, i) {
|
|
5933
5948
|
var icon = _a.icon, content = _a.content, href = _a.href;
|
|
5934
5949
|
var result = content;
|
|
5935
5950
|
if (typeof href === "string") {
|
|
5936
|
-
result = (React.createElement(AppLink, { className: s$
|
|
5951
|
+
result = (React.createElement(AppLink, { className: s$9.link, href: href }, content));
|
|
5937
5952
|
}
|
|
5938
5953
|
if (typeof icon === "string") {
|
|
5939
5954
|
result = (React.createElement(IconDivision, { key: href || i, icon: icon }, result));
|
|
@@ -5942,7 +5957,7 @@ var AlfaAttributor = function (_a) {
|
|
|
5942
5957
|
}))) : null;
|
|
5943
5958
|
};
|
|
5944
5959
|
|
|
5945
|
-
var s$
|
|
5960
|
+
var s$8 = {"options":"index-module_options__7cPUT","autocomplete":"index-module_autocomplete__NRZUE"};
|
|
5946
5961
|
|
|
5947
5962
|
function OptionsAutocomplete(_a) {
|
|
5948
5963
|
var onChange = _a.onChange, placeholder = _a.placeholder, requestAction = _a.requestAction, requestResponse = _a.requestResponse, optionMapper = _a.optionMapper;
|
|
@@ -5987,16 +6002,16 @@ function OptionsAutocomplete(_a) {
|
|
|
5987
6002
|
return result;
|
|
5988
6003
|
}, [options]);
|
|
5989
6004
|
return (React.createElement("div", null,
|
|
5990
|
-
React.createElement(antd.AutoComplete, { options: optionsModified, onSelect: onSelect, onSearch: setText, value: text, className: s$
|
|
6005
|
+
React.createElement(antd.AutoComplete, { options: optionsModified, onSelect: onSelect, onSearch: setText, value: text, className: s$8.autocomplete },
|
|
5991
6006
|
React.createElement(antd.Input.Search, { placeholder: placeholder, enterButton: true, loading: requestResponse.isLoading, allowClear: true })),
|
|
5992
|
-
React.createElement("div", { className: s$
|
|
6007
|
+
React.createElement("div", { className: s$8.options }, values.map(function (w) { return (React.createElement(antd.Tag, { key: w.value, closable: true, onClose: function () { return setValues(function (data) { return data.filter(function (x) { return x.value !== w.value; }); }); }, color: "blue" }, w.label)); }))));
|
|
5993
6008
|
}
|
|
5994
6009
|
|
|
5995
|
-
var s$
|
|
6010
|
+
var s$7 = {"root":"index-module_root__Ch0J0"};
|
|
5996
6011
|
|
|
5997
6012
|
var SplitLine = function (_a) {
|
|
5998
6013
|
var className = _a.className;
|
|
5999
|
-
return React.createElement("div", { className: classNames(s$
|
|
6014
|
+
return React.createElement("div", { className: classNames(s$7.root, className) });
|
|
6000
6015
|
};
|
|
6001
6016
|
|
|
6002
6017
|
var classes = {"root":"index-module_root__VVbaB","playing":"index-module_playing__v4q8X","play-animation":"index-module_play-animation__Y-ns-"};
|
|
@@ -6021,22 +6036,22 @@ var AudioPlayer = function (_a) {
|
|
|
6021
6036
|
React.createElement(Button, { onClick: handlePlay, icon: active ? "audio" : "play-arrow", className: classNames((_b = {}, _b[classes.playing] = active, _b)), isPrimary: active })));
|
|
6022
6037
|
};
|
|
6023
6038
|
|
|
6024
|
-
var s$
|
|
6039
|
+
var s$6 = {"root":"index-module_root__6hATD"};
|
|
6025
6040
|
|
|
6026
6041
|
var CopyButton = function (_a) {
|
|
6027
6042
|
var value = _a.value, className = _a.className;
|
|
6028
|
-
return (React.createElement(antd.Typography.Text, { className: classNames(s$
|
|
6043
|
+
return (React.createElement(antd.Typography.Text, { className: classNames(s$6.root, className), copyable: { text: value, icon: [React.createElement(RegularIcon, { name: "copy" }), React.createElement(RegularIcon, { name: "check" })] } }));
|
|
6029
6044
|
};
|
|
6030
6045
|
|
|
6031
|
-
var s$
|
|
6046
|
+
var s$5 = {"link":"index-module_link__0nACX","icon":"index-module_icon__-KK3y"};
|
|
6032
6047
|
|
|
6033
6048
|
var HelpTip = function (_a) {
|
|
6034
6049
|
var title = _a.title, className = _a.className, _b = _a.iconName, iconName = _b === void 0 ? "help" : _b, href = _a.href, target = _a.target, children = _a.children;
|
|
6035
|
-
var iconNode = React.createElement(RegularIcon, { name: iconName, className: classNames(s$
|
|
6036
|
-
return (React.createElement(AppTooltip, { title: title || children, placement: "top" }, href ? (React.createElement(AppLink, { href: href, target: target, className: s$
|
|
6050
|
+
var iconNode = React.createElement(RegularIcon, { name: iconName, className: classNames(s$5.icon, className) });
|
|
6051
|
+
return (React.createElement(AppTooltip, { title: title || children, placement: "top" }, href ? (React.createElement(AppLink, { href: href, target: target, className: s$5.link }, iconNode)) : (iconNode)));
|
|
6037
6052
|
};
|
|
6038
6053
|
|
|
6039
|
-
var s$
|
|
6054
|
+
var s$4 = {"root":"index-module_root__W7fFh","bar":"index-module_bar__V-ymE","bar__active":"index-module_bar__active__-BwOz","rate":"index-module_rate__A2rzm","code":"index-module_code__aAnic"};
|
|
6040
6055
|
|
|
6041
6056
|
var LevelBadge = function (_a) {
|
|
6042
6057
|
var levels = _a.levels, className = _a.className, texts = _a.texts, children = _a.children, activeCode = _a.activeCode;
|
|
@@ -6053,20 +6068,20 @@ var LevelBadge = function (_a) {
|
|
|
6053
6068
|
if (bars.length === 0) {
|
|
6054
6069
|
return null;
|
|
6055
6070
|
}
|
|
6056
|
-
return (React.createElement("div", { className: classNames(s$
|
|
6071
|
+
return (React.createElement("div", { className: classNames(s$4.root, className) },
|
|
6057
6072
|
bars.map(function (_a) {
|
|
6058
6073
|
var _b;
|
|
6059
6074
|
var code = _a[0], rate = _a[1], normalizedRate = _a[2];
|
|
6060
6075
|
return (React.createElement(AppTooltip, { key: code, title: interText.refersTo({ code: code, rate: rate }), placement: "top" },
|
|
6061
|
-
React.createElement("div", { className: classNames(s$
|
|
6062
|
-
React.createElement("div", { className: s$
|
|
6063
|
-
React.createElement("div", { className: s$
|
|
6064
|
-
React.createElement("div", { className: s$
|
|
6076
|
+
React.createElement("div", { className: classNames(s$4.bar, (_b = {}, _b[s$4.bar__active] = (code === null || code === void 0 ? void 0 : code.toLowerCase()) === (activeCode === null || activeCode === void 0 ? void 0 : activeCode.toLowerCase()), _b)) },
|
|
6077
|
+
React.createElement("div", { className: s$4.rate, style: { height: "".concat(normalizedRate * 100, "%") } },
|
|
6078
|
+
React.createElement("div", { className: s$4.code }, code)),
|
|
6079
|
+
React.createElement("div", { className: s$4.code }, code))));
|
|
6065
6080
|
}),
|
|
6066
6081
|
children));
|
|
6067
6082
|
};
|
|
6068
6083
|
|
|
6069
|
-
var s$
|
|
6084
|
+
var s$3 = {"root":"index-module_root__rwG0M","level":"index-module_level__CNNnB","bar":"index-module_bar__cfjpr","bar__rate":"index-module_bar__rate__YLDa7","code":"index-module_code__1BHcb"};
|
|
6070
6085
|
|
|
6071
6086
|
var LevelBarBadge = function (_a) {
|
|
6072
6087
|
var levels = _a.levels, className = _a.className, texts = _a.texts, children = _a.children;
|
|
@@ -6083,33 +6098,31 @@ var LevelBarBadge = function (_a) {
|
|
|
6083
6098
|
if (bars.length === 0) {
|
|
6084
6099
|
return null;
|
|
6085
6100
|
}
|
|
6086
|
-
return (React.createElement("div", { className: classNames(s$
|
|
6101
|
+
return (React.createElement("div", { className: classNames(s$3.root, className) },
|
|
6087
6102
|
bars.map(function (_a) {
|
|
6088
6103
|
var code = _a[0], rate = _a[1], normalizedRate = _a[2];
|
|
6089
6104
|
return (React.createElement(AppTooltip, { key: code, title: interText.refersTo({ code: code, rate: rate }), placement: "top" },
|
|
6090
|
-
React.createElement("div", { key: code, className: s$
|
|
6091
|
-
React.createElement("div", { className: s$
|
|
6092
|
-
React.createElement("div", { className: s$
|
|
6093
|
-
React.createElement("div", { className: s$
|
|
6105
|
+
React.createElement("div", { key: code, className: s$3.level },
|
|
6106
|
+
React.createElement("div", { className: s$3.bar },
|
|
6107
|
+
React.createElement("div", { className: s$3.bar__rate, style: { height: "".concat(normalizedRate * 100, "%") } })),
|
|
6108
|
+
React.createElement("div", { className: s$3.code }, code))));
|
|
6094
6109
|
}),
|
|
6095
6110
|
children));
|
|
6096
6111
|
};
|
|
6097
6112
|
|
|
6098
|
-
var s$
|
|
6113
|
+
var s$2 = {"label":"index-module_label__7pG3Z","content":"index-module_content__Qfeyk"};
|
|
6099
6114
|
|
|
6100
6115
|
var ContentDivision = function (_a) {
|
|
6101
6116
|
var label = _a.label, children = _a.children, className = _a.className;
|
|
6102
|
-
return (React.createElement("div", { className: classNames(s$
|
|
6103
|
-
label ? React.createElement("div", { className: s$
|
|
6104
|
-
React.createElement("div", { className: s$
|
|
6117
|
+
return (React.createElement("div", { className: classNames(s$2.root, className) },
|
|
6118
|
+
label ? React.createElement("div", { className: s$2.label }, label) : null,
|
|
6119
|
+
React.createElement("div", { className: s$2.content }, children)));
|
|
6105
6120
|
};
|
|
6106
6121
|
|
|
6107
|
-
var s$2 = {"spin":"index-module_spin__PjQFG"};
|
|
6108
|
-
|
|
6109
6122
|
var RegularDrawer = function (_a) {
|
|
6110
6123
|
var children = _a.children, title = _a.title, className = _a.className, onClose = _a.onClose, _b = _a.maskClosable, maskClosable = _b === void 0 ? true : _b, _c = _a.width, width = _c === void 0 ? "50%" : _c, _d = _a.placement, placement = _d === void 0 ? "right" : _d, _e = _a.loading, loading = _e === void 0 ? false : _e, _f = _a.open, open = _f === void 0 ? true : _f;
|
|
6111
6124
|
return (React.createElement(antd.Drawer, { title: title, placement: placement, onClose: onClose, open: open, width: width, maskClosable: maskClosable, className: className },
|
|
6112
|
-
React.createElement(antd.Spin, { spinning: loading
|
|
6125
|
+
React.createElement(antd.Spin, { spinning: loading }, children)));
|
|
6113
6126
|
};
|
|
6114
6127
|
|
|
6115
6128
|
var s$1 = {"root":"index-module_root__FWp-7","prefix":"index-module_prefix__c71y0","title":"index-module_title__l4yWz","error":"index-module_error__ExNLh"};
|
package/build/styles.css
CHANGED