revdev-components 0.260.0 → 0.262.0

package/build/index.d.ts

@@ -36,3 +36,4 @@ export * from "./badges";
 export * from "./contentDivision";
 export * from "./drawer";
 export * from "./rowContent";
+export * from "./tags";

package/build/index.js

@@ -26,14 +26,14 @@ function _interopNamespaceDefault(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-var s$J = {"root":"index-module_root__oU85z"};
+var s$L = {"root":"index-module_root__oU85z"};
 
 var ContentHeader1 = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("h1", { className: classNames(s$J.root, className) }, children);
+    return React.createElement("h1", { className: classNames(s$L.root, className) }, children);
 };
 
-var s$I = {"root":"index-module_root__51YHj"};
+var s$K = {"root":"index-module_root__51YHj"};
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -90,7 +90,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var s$H = {"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"};
+var s$J = {"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"};
 
 var _path$2Y;
 function _extends$2$() { return _extends$2$ = 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$2$.apply(null, arguments); }
@@ -1974,13 +1974,13 @@ var SvgCopy = function SvgCopy(props) {
   })));
 };
 
-var s$G = {"root":"index-module_root__-LDR1"};
+var s$I = {"root":"index-module_root__-LDR1"};
 
 // https://www.svgrepo.com/
 function useBasicIcon(_a, icons) {
     var className = _a.className, name = _a.name, props = __rest(_a, ["className", "name"]);
     var svgAttrs = React.useMemo(function () {
-        return __assign({ className: classNames(s$G.root, className), fill: "currentColor" }, props);
+        return __assign({ className: classNames(s$I.root, className), fill: "currentColor" }, props);
     }, [className, props]);
     var Icon = icons[name];
     return Icon ? React.createElement(Icon, __assign({}, svgAttrs)) : undefined;
@@ -2361,14 +2361,14 @@ var AppTooltip = function (_a) {
 var IconBoxContent = function (_a) {
     var _b;
     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, title = _a.title;
-    return (React.createElement("div", { ref: elementRev, style: style, title: title, className: classNames(s$H.root, (_b = {},
-            _b[s$H.flex] = flexRoot,
-            _b[s$H.button] = !!onClick,
-            _b[s$H.column] = direction === "column",
+    return (React.createElement("div", { ref: elementRev, style: style, title: title, className: classNames(s$J.root, (_b = {},
+            _b[s$J.flex] = flexRoot,
+            _b[s$J.button] = !!onClick,
+            _b[s$J.column] = direction === "column",
             _b), className), onClick: onClick },
-        typeof icon === "string" ? React.createElement(RegularIcon, { className: s$H.icon, name: icon }) : icon,
-        children ? React.createElement("div", { className: classNames(contentClassName, s$H.root__children) }, children) : null,
-        typeof rightIcon === "string" ? React.createElement(RegularIcon, { className: s$H.icon, name: rightIcon }) : rightIcon));
+        typeof icon === "string" ? React.createElement(RegularIcon, { className: s$J.icon, name: icon }) : icon,
+        children ? React.createElement("div", { className: classNames(contentClassName, s$J.root__children) }, children) : null,
+        typeof rightIcon === "string" ? React.createElement(RegularIcon, { className: s$J.icon, name: rightIcon }) : rightIcon));
 };
 var IconDivision = function (props) {
     var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, tooltipMouseEnterDelay = props.tooltipMouseEnterDelay;
@@ -2378,45 +2378,45 @@ var IconDivision = function (props) {
 
 var ContentHeader2 = function (_a) {
     var icon = _a.icon, children = _a.children, className = _a.className;
-    var content = React.createElement("h2", { className: classNames(s$I.root, className) }, children);
+    var content = React.createElement("h2", { className: classNames(s$K.root, className) }, children);
     return icon ? React.createElement(IconDivision, { icon: icon }, content) : content;
 };
 
-var s$F = {"root":"index-module_root__WKOaj"};
+var s$H = {"root":"index-module_root__WKOaj"};
 
 var ContentHeader3 = function (_a) {
     var icon = _a.icon, children = _a.children, className = _a.className;
-    var content = React.createElement("h3", { className: classNames(s$F.root, className) }, children);
+    var content = React.createElement("h3", { className: classNames(s$H.root, className) }, children);
     return icon ? React.createElement(IconDivision, { icon: icon }, content) : content;
 };
 
-var s$E = {"root":"index-module_root__Fq-q1"};
+var s$G = {"root":"index-module_root__Fq-q1"};
 
 var Paragraph = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("p", { className: classNames(s$E.root, className) }, children);
+    return React.createElement("p", { className: classNames(s$G.root, className) }, children);
 };
 
-var s$D = {"root":"index-module_root__VIFF-"};
+var s$F = {"root":"index-module_root__VIFF-"};
 
 var PageTitle = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("h1", { className: classNames(s$D.root, className) }, children);
+    return React.createElement("h1", { className: classNames(s$F.root, className) }, children);
 };
 
-var s$C = {"root":"index-module_root__p0I0n"};
+var s$E = {"root":"index-module_root__p0I0n"};
 
 var CentralDivision = function (_a) {
     var children = _a.children, className = _a.className;
-    return React.createElement("div", { className: classNames(s$C.root, className) }, children);
+    return React.createElement("div", { className: classNames(s$E.root, className) }, children);
 };
 
-var s$B = {"root":"index-module_root__yiKO0","first":"index-module_first__560SY","last":"index-module_last__fYezY"};
+var s$D = {"root":"index-module_root__yiKO0","first":"index-module_first__560SY","last":"index-module_last__fYezY"};
 
 var RowDivision = function (_a) {
     var _b;
     var children = _a.children, className = _a.className, flex = _a.flex;
-    return React.createElement("div", { className: classNames(s$B.root, className, (_b = {}, _b[s$B.first] = flex === "first", _b[s$B.last] = flex === "last", _b)) }, children);
+    return React.createElement("div", { className: classNames(s$D.root, className, (_b = {}, _b[s$D.first] = flex === "first", _b[s$D.last] = flex === "last", _b)) }, children);
 };
 
 var _path$i, _path2$a, _path3$8;
@@ -5253,7 +5253,7 @@ var FillIcon = function (props) {
     return useBasicIcon(props, icons);
 };
 
-var s$A = {"root":"index-module_root__gtTIa","action":"index-module_action__pOSde"};
+var s$C = {"root":"index-module_root__gtTIa","action":"index-module_action__pOSde"};
 
 var CONSOLE_COLOR = "background:rgb(28, 46, 82); color:rgb(231, 231, 231)";
 
@@ -5371,10 +5371,10 @@ function AppForm(_a) {
         onValuesChange === null || onValuesChange === void 0 ? void 0 : onValuesChange(changedValues, values);
         onChange === null || onChange === void 0 ? void 0 : onChange(values);
     }, [setValues, onValuesChange, onChange]);
-    return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$A.root, className), layout: "vertical", onValuesChange: handleValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
+    return (React.createElement(antd.Form, { form: form, onFinish: onFinish, className: classNames(s$C.root, className), layout: "vertical", onValuesChange: handleValuesChange, onFieldsChange: onFieldsChange, initialValues: initialValues }, typeof children === "function" ? children({ valid: valid }) : children));
 }
 
-var s$z = {"root":"index-module_root__2S1Jp","root__right":"index-module_root__right__AOLlF","label":"index-module_label__-pb4C"};
+var s$B = {"root":"index-module_root__2S1Jp","root__right":"index-module_root__right__AOLlF","label":"index-module_label__-pb4C"};
 
 function useLineProps(_a) {
     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"]);
@@ -5391,13 +5391,13 @@ var FormLine = function (_a) {
     }, [validateRules]);
     var singleLabel = React.useMemo(function () {
         if (label && rightLabel) {
-            return (React.createElement("div", { className: s$z.label },
-                React.createElement("div", { className: s$z.label__left }, label),
-                React.createElement("div", { className: s$z.label__right }, rightLabel)));
+            return (React.createElement("div", { className: s$B.label },
+                React.createElement("div", { className: s$B.label__left }, label),
+                React.createElement("div", { className: s$B.label__right }, rightLabel)));
         }
         return label;
     }, [label, rightLabel]);
-    return (React.createElement(antd.Form.Item, __assign({ className: classNames(s$z.root, (_b = {}, _b[s$z.root__right] = !!rightLabel, _b), className), rules: rules, label: singleLabel }, props)));
+    return (React.createElement(antd.Form.Item, __assign({ className: classNames(s$B.root, (_b = {}, _b[s$B.root__right] = !!rightLabel, _b), className), rules: rules, label: singleLabel }, props)));
 };
 
 var DatePickerField = function (props) {
@@ -5418,12 +5418,12 @@ var InputField = function (props) {
         React.createElement(antd.Input, __assign({}, controlProps))));
 };
 
-var s$y = {"input":"index-module_input__71iJw"};
+var s$A = {"input":"index-module_input__71iJw"};
 
 var InputNumberField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], className = _b.className, controlProps = __rest(_b, ["className"]);
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(antd.InputNumber, __assign({ className: classNames(s$y.input, className) }, controlProps))));
+        React.createElement(antd.InputNumber, __assign({ className: classNames(s$A.input, className) }, controlProps))));
 };
 
 var RadioButtonField = function (props) {
@@ -5432,13 +5432,13 @@ var RadioButtonField = function (props) {
         React.createElement(antd.Radio.Group, __assign({ buttonStyle: buttonStyle, optionType: optionType }, controlProps))));
 };
 
-var s$x = {"popup":"index-module_popup__Im5Y-"};
+var s$z = {"popup":"index-module_popup__Im5Y-"};
 
 var RangePicker = antd.DatePicker.RangePicker;
 var RangePickerField = function (props) {
     var _a = useLineProps(props), lineProps = _a[0], _b = _a[1], oneMonth = _b.oneMonth, controlProps = __rest(_b, ["oneMonth"]);
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$x.popup : undefined }))));
+        React.createElement(RangePicker, __assign({}, controlProps, { popupClassName: oneMonth ? s$z.popup : undefined }))));
 };
 
 var SelectField = function (props) {
@@ -5447,7 +5447,7 @@ var SelectField = function (props) {
         React.createElement(antd.Select, __assign({}, controlProps))));
 };
 
-var s$w = {"empty":"index-module_empty__sV0Gg","add":"index-module_add__f03vM"};
+var s$y = {"empty":"index-module_empty__sV0Gg","add":"index-module_add__f03vM"};
 
 var SearchSelectField = function (props) {
     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"]);
@@ -5460,9 +5460,9 @@ var SearchSelectField = function (props) {
         onAdd === null || onAdd === void 0 ? void 0 : onAdd(searchText);
     }, [searchText, onAdd]);
     return (React.createElement(FormLine, __assign({}, lineProps),
-        React.createElement(antd.Select, __assign({}, controlProps, { showSearch: true, onSearch: handleSearch, loading: loading, notFoundContent: loading ? null : (React.createElement("div", { className: s$w.empty }, searchText ? (React.createElement(React.Fragment, null,
+        React.createElement(antd.Select, __assign({}, controlProps, { showSearch: true, onSearch: handleSearch, loading: loading, notFoundContent: loading ? null : (React.createElement("div", { className: s$y.empty }, searchText ? (React.createElement(React.Fragment, null,
                 (text === null || text === void 0 ? void 0 : text.notFound) || "Not found",
-                React.createElement(antd.Button, { size: "small", className: s$w.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"))) }))));
+                React.createElement(antd.Button, { size: "small", className: s$y.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"))) }))));
 };
 
 var TextArea = antd.Input.TextArea;
@@ -5478,16 +5478,16 @@ var CheckboxField = function (props) {
         React.createElement(antd.Checkbox, __assign({}, controlProps))));
 };
 
-var s$v = {"root":"index-module_root__GGl-p","control":"index-module_control__-bnWX","title":"index-module_title__2P0gT"};
+var s$x = {"root":"index-module_root__GGl-p","control":"index-module_control__-bnWX","title":"index-module_title__2P0gT"};
 
 var SwitchFieldControl = function (_a) {
     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"]);
     var leftContent = title || children;
-    return (React.createElement("div", { className: classNames(s$v.root, className) },
-        React.createElement("div", { className: s$v.control },
+    return (React.createElement("div", { className: classNames(s$x.root, className) },
+        React.createElement("div", { className: s$x.control },
             React.createElement(antd.Switch, __assign({}, props)),
             leftContent && React.createElement("div", { className: classNames(titleClassName) }, leftContent)),
-        description && React.createElement("div", { className: classNames(s$v.description, descriptionClassName) }, description)));
+        description && React.createElement("div", { className: classNames(s$x.description, descriptionClassName) }, description)));
 };
 
 var SwitchField = function (props) {
@@ -5521,22 +5521,22 @@ var SwitchButtonField = function (props) {
         React.createElement(SwitchButtonControl, __assign({ buttonStyle: buttonStyle, optionType: optionType }, controlProps))));
 };
 
-var s$u = {"root":"index-module_root__9GQDU"};
+var s$w = {"root":"index-module_root__9GQDU"};
 
 var FormButton = function (_a) {
     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;
-    return (React.createElement("div", { className: classNames(s$u.root, className) },
+    return (React.createElement("div", { className: classNames(s$w.root, className) },
         React.createElement(antd.Button, { htmlType: "submit", type: type, loading: loading, disabled: disabled }, children)));
 };
 
-var s$t = {"root":"index-module_root__C05Ty"};
+var s$v = {"root":"index-module_root__C05Ty"};
 
 var FormError = function (_a) {
     var children = _a.children, className = _a.className;
-    return children ? React.createElement("div", { className: classNames(s$t.root, className) }, children) : null;
+    return children ? React.createElement("div", { className: classNames(s$v.root, className) }, children) : null;
 };
 
-var s$s = {"root":"index-module_root__C7wx2","content":"index-module_content__RsiJT","close":"index-module_close__lBc6p"};
+var s$u = {"root":"index-module_root__C7wx2","content":"index-module_content__RsiJT","close":"index-module_close__lBc6p"};
 
 var InfoDialog = function (_a) {
     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;
@@ -5548,23 +5548,23 @@ var InfoDialog = function (_a) {
         }
         return result;
     }, [width]);
-    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$s.root, className), maskClosable: maskClosable, footer: null },
-        React.createElement("div", { className: classNames(s$s.content, contentClassName) },
+    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$u.root, className), maskClosable: maskClosable, footer: null },
+        React.createElement("div", { className: classNames(s$u.content, contentClassName) },
             children,
-            hideClose ? null : React.createElement(RegularIcon, { name: "cross", className: s$s.close, onClick: onClose }))));
+            hideClose ? null : React.createElement(RegularIcon, { name: "cross", className: s$u.close, onClick: onClose }))));
 };
 
-var s$r = {"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"};
+var s$t = {"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"};
 
 var RegularDialog = function (_a) {
     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;
     var close = React.useMemo(function () {
-        return React.createElement(RegularIcon, { name: "cross", className: s$r.close, onClick: onClose });
+        return React.createElement(RegularIcon, { name: "cross", className: s$t.close, onClick: onClose });
     }, [onClose]);
     var titleContent = React.useMemo(function () {
         if (typeof title === "string") {
-            return (React.createElement("div", { className: s$r.header },
-                React.createElement("div", { className: s$r.title },
+            return (React.createElement("div", { className: s$t.header },
+                React.createElement("div", { className: s$t.title },
                     titleIcon && React.createElement(RegularIcon, { name: titleIcon }),
                     React.createElement("span", null,
                         " ",
@@ -5575,7 +5575,7 @@ var RegularDialog = function (_a) {
             return title(close);
         }
         return null;
-    }, [s$r, title, titlePrefix, close, titleIcon]);
+    }, [s$t, title, titlePrefix, close, titleIcon]);
     var style = React.useMemo(function () {
         var result = {};
         if (width) {
@@ -5585,15 +5585,15 @@ var RegularDialog = function (_a) {
         return result;
     }, [width]);
     var hideBottom = hideFooter || (cancelHide && okHide);
-    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$r.root, className), maskClosable: maskClosable, footer: null },
+    return (React.createElement(antd.Modal, { open: open, onCancel: onClose, style: style, className: classNames(s$t.root, className), maskClosable: maskClosable, footer: null },
         titleContent,
-        React.createElement("div", { className: classNames(s$r.content, contentClassName) }, children),
-        hideBottom ? null : (React.createElement("div", { className: classNames(s$r.footer, footerClassName) },
+        React.createElement("div", { className: classNames(s$t.content, contentClassName) }, children),
+        hideBottom ? null : (React.createElement("div", { className: classNames(s$t.footer, footerClassName) },
             cancelHide ? null : React.createElement(antd.Button, { onClick: onClose }, cancelText || "Cancel"),
             okHide ? null : (React.createElement(antd.Button, { type: "primary", onClick: onOk, disabled: okDisabled, loading: okLoading }, okText || "OK"))))));
 };
 
-var s$q = {"root":"index-module_root__qFuRH"};
+var s$s = {"root":"index-module_root__qFuRH"};
 
 function isRegular(icon) {
     return RegularIconNameList.includes(icon);
@@ -5603,13 +5603,13 @@ function isSocial(icon) {
 }
 var FlatButton = function (_a) {
     var children = _a.children, className = _a.className, icon = _a.icon, onClick = _a.onClick;
-    return (React.createElement("div", { className: classNames(s$q.root, className), onClick: onClick },
+    return (React.createElement("div", { className: classNames(s$s.root, className), onClick: onClick },
         isRegular(icon) ? React.createElement(RegularIcon, { name: icon }) : null,
         isSocial(icon) ? React.createElement(SocialIcon, { name: icon }) : null,
         children ? React.createElement("span", null, children) : null));
 };
 
-var s$p = {"root":"index-module_root__r-dVh","noneDecoration":"index-module_noneDecoration__N4OkH"};
+var s$r = {"root":"index-module_root__r-dVh","noneDecoration":"index-module_noneDecoration__N4OkH"};
 
 function AppLink(_a) {
     var _b;
@@ -5620,35 +5620,35 @@ function AppLink(_a) {
             href = route.build(params || {});
         }
     }
-    return (React.createElement(Link, __assign({ href: href, as: as, shallow: shallow, title: title, className: classNames(s$p.root, className, (_b = {},
-            _b[s$p.noneDecoration] = noneDecoration,
-            _b[s$p.show__underline] = showUnderline,
+    return (React.createElement(Link, __assign({ href: href, as: as, shallow: shallow, title: title, className: classNames(s$r.root, className, (_b = {},
+            _b[s$r.noneDecoration] = noneDecoration,
+            _b[s$r.show__underline] = showUnderline,
             _b)), ref: aRef }, rest), children));
 }
 
-var s$o = {"root":"index-module_root__gpEkZ"};
+var s$q = {"root":"index-module_root__gpEkZ"};
 
 var AppLinkButton = function (_a) {
     var className = _a.className, children = _a.children, rest = __rest(_a, ["className", "children"]);
-    return (React.createElement("div", __assign({ className: classNames(s$o.root, className) }, rest), children));
+    return (React.createElement("div", __assign({ className: classNames(s$q.root, className) }, rest), children));
 };
 
-var s$n = {"root":"index-module_root__KYWfI"};
+var s$p = {"root":"index-module_root__KYWfI"};
 
 var SimpleLinkButton = function (_a) {
     var className = _a.className, children = _a.children, _b = _a.type, type = _b === void 0 ? "button" : _b, rest = __rest(_a, ["className", "children", "type"]);
-    return (React.createElement("button", __assign({ type: type, className: classNames(s$n.root, className) }, rest), children));
+    return (React.createElement("button", __assign({ type: type, className: classNames(s$p.root, className) }, rest), children));
 };
 
-var s$m = {"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"};
+var s$o = {"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"};
 
-var s$l = {"root":"index-module_root__AZ9HE","root__active":"index-module_root__active__UqszT"};
+var s$n = {"root":"index-module_root__AZ9HE","root__active":"index-module_root__active__UqszT"};
 
 var BackSidebarSubMenuItem = function (_a) {
     var _b;
     var isActive = _a.isActive, option = _a.option;
     var icon = option.icon, label = option.label, path = option.href;
-    return (React.createElement(AppLink, { className: classNames(s$l.root, (_b = {}, _b[s$l.root__active] = isActive, _b)), href: path },
+    return (React.createElement(AppLink, { className: classNames(s$n.root, (_b = {}, _b[s$n.root__active] = isActive, _b)), href: path },
         icon && React.createElement(RegularIcon, { name: icon }),
         React.createElement("span", null, label)));
 };
@@ -5676,12 +5676,12 @@ var BackSidebarMenuItem = function (_a) {
     var handleClick = React.useCallback(function () {
         setOpen(!open);
     }, [open]);
-    return (React.createElement("div", { className: s$m.root },
-        React.createElement("div", { className: classNames(s$m.title, (_b = {}, _b[s$m.title__active] = isActive, _b)), onClick: handleClick },
+    return (React.createElement("div", { className: s$o.root },
+        React.createElement("div", { className: classNames(s$o.title, (_b = {}, _b[s$o.title__active] = isActive, _b)), onClick: handleClick },
             icon && React.createElement(RegularIcon, { name: icon }),
-            React.createElement("span", { className: s$m.title__label }, label),
+            React.createElement("span", { className: s$o.title__label }, label),
             React.createElement(RegularIcon, { name: open ? "keyboard-arrow-down" : "keyboard-arrow-right" })),
-        React.createElement("div", { className: classNames(s$m.list, (_c = {}, _c[s$m.list__open] = open, _c)) }, keys.map(function (x) {
+        React.createElement("div", { className: classNames(s$o.list, (_c = {}, _c[s$o.list__open] = open, _c)) }, keys.map(function (x) {
             var option = mapper[x];
             if (typeof option === "object") {
                 return React.createElement(BackSidebarSubMenuItem, { key: x, option: option, isActive: x === activePathKey });
@@ -5689,7 +5689,7 @@ var BackSidebarMenuItem = function (_a) {
         }))));
 };
 
-var s$k = {"root":"index-module_root__yMCtx","list":"index-module_list__Xr6Z5","master":"index-module_master__Eexhz","master__active":"index-module_master__active__j-iWA"};
+var s$m = {"root":"index-module_root__yMCtx","list":"index-module_list__Xr6Z5","master":"index-module_master__Eexhz","master__active":"index-module_master__active__j-iWA"};
 
 var BackSidebarShortMenuItem = function (_a) {
     var _b;
@@ -5705,9 +5705,9 @@ var BackSidebarShortMenuItem = function (_a) {
     var handleClick = React.useCallback(function () {
         setOpen(!open);
     }, [open]);
-    return (React.createElement("div", { className: s$k.root },
-        React.createElement("div", { className: classNames(s$k.master, (_b = {}, _b[s$k.master__active] = isActive, _b)), onClick: handleClick }, icon && React.createElement(RegularIcon, { name: icon })),
-        React.createElement("div", { className: classNames(s$k.list) }, keys.map(function (x) {
+    return (React.createElement("div", { className: s$m.root },
+        React.createElement("div", { className: classNames(s$m.master, (_b = {}, _b[s$m.master__active] = isActive, _b)), onClick: handleClick }, icon && React.createElement(RegularIcon, { name: icon })),
+        React.createElement("div", { className: classNames(s$m.list) }, keys.map(function (x) {
             var option = mapper[x];
             if (typeof option === "object") {
                 return React.createElement(BackSidebarSubMenuItem, { key: x, option: option, isActive: x === activePathKey });
@@ -5715,27 +5715,27 @@ var BackSidebarShortMenuItem = function (_a) {
         }))));
 };
 
-var s$j = {"root":"index-module_root__r4Egx"};
+var s$l = {"root":"index-module_root__r4Egx"};
 
 /* eslint-disable react/no-array-index-key */
 // https://www.einfosoft.com/templates/admin/spice/source/edit_booking.html#
 var BackSidebar = function (_a) {
     var className = _a.className, options = _a.options, mapper = _a.mapper, top = _a.top, shortMode = _a.shortMode, activePathKey = _a.activePathKey, defaultPathKey = _a.defaultPathKey;
-    return (React.createElement("div", { className: classNames(s$j.root, className) },
-        top ? React.createElement("div", { className: classNames(s$j.top) }, top) : null,
-        React.createElement("div", { className: s$j.menu }, options.map(function (option, i) {
+    return (React.createElement("div", { className: classNames(s$l.root, className) },
+        top ? React.createElement("div", { className: classNames(s$l.top) }, top) : null,
+        React.createElement("div", { className: s$l.menu }, options.map(function (option, i) {
             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 }));
         }))));
 };
 
-var s$i = {"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"};
+var s$k = {"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"};
 
-var s$h = {"root":"index-module_root__Q-TED","loader":"index-module_loader__qxQNC"};
+var s$j = {"root":"index-module_root__Q-TED","loader":"index-module_loader__qxQNC"};
 
 var LoadingPanel = function (_a) {
     var className = _a.className;
-    return (React.createElement("div", { className: classNames(s$h.root, className) },
-        React.createElement(antd.Spin, { size: "large", className: s$h.loader })));
+    return (React.createElement("div", { className: classNames(s$j.root, className) },
+        React.createElement(antd.Spin, { size: "large", className: s$j.loader })));
 };
 
 var BackLayout = function (_a) {
@@ -5745,19 +5745,19 @@ var BackLayout = function (_a) {
     var handleMenu = React.useCallback(function () {
         setShort(!short);
     }, [short]);
-    return loading ? (React.createElement(LoadingPanel, { className: s$i.loading })) : (React.createElement("div", { className: classNames(s$i.root, className, (_b = {}, _b[s$i.root__short] = short, _b)) },
-        React.createElement("div", { className: classNames(s$i.header, headerClassName) }, header),
-        React.createElement("div", { className: classNames(s$i.sidebar, sidebarClassName) },
-            React.createElement("div", { className: s$i.menu },
-                React.createElement(RegularIcon, { className: s$i.menu__icon, name: "menu", onClick: handleMenu }),
-                !short && React.createElement("div", { className: s$i.menu__title }, sidebarTitle)),
+    return loading ? (React.createElement(LoadingPanel, { className: s$k.loading })) : (React.createElement("div", { className: classNames(s$k.root, className, (_b = {}, _b[s$k.root__short] = short, _b)) },
+        React.createElement("div", { className: classNames(s$k.header, headerClassName) }, header),
+        React.createElement("div", { className: classNames(s$k.sidebar, sidebarClassName) },
+            React.createElement("div", { className: s$k.menu },
+                React.createElement(RegularIcon, { className: s$k.menu__icon, name: "menu", onClick: handleMenu }),
+                !short && React.createElement("div", { className: s$k.menu__title }, sidebarTitle)),
             React.createElement(BackSidebar, __assign({}, sidebarProps, { shortMode: short }))),
-        contentLoading ? React.createElement(LoadingPanel, { className: s$i.content }) : React.createElement("div", { className: classNames(s$i.content, contentClassName) }, children)));
+        contentLoading ? React.createElement(LoadingPanel, { className: s$k.content }) : React.createElement("div", { className: classNames(s$k.content, contentClassName) }, children)));
 };
 
-var s$g = {"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"};
+var s$i = {"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"};
 
-var s$f = {"popover":"index-module_popover__lwzdT","item":"index-module_item__pfayG"};
+var s$h = {"popover":"index-module_popover__lwzdT","item":"index-module_item__pfayG"};
 
 var PopoverSelect = function (_a) {
     var options = _a.options, value = _a.value, onChange = _a.onChange, icon = _a.icon, renderOption = _a.renderOption, showValue = _a.showValue;
@@ -5775,15 +5775,15 @@ var PopoverSelect = function (_a) {
     var selectedOption = React.useMemo(function () {
         return options.find(function (x) { return x.value === value; });
     }, [options, value]);
-    var popoverContent = React.useMemo(function () { return (React.createElement("div", { className: s$f.popover }, options
+    var popoverContent = React.useMemo(function () { return (React.createElement("div", { className: s$h.popover }, options
         .filter(function (x) { return x.value !== value; })
-        .map(function (x) { return (React.createElement(React.Fragment, { key: x.value }, renderOption ? (renderOption(x, { className: s$f.item, onClick: function () { return handleChange(x.value); } })) : (React.createElement("div", { className: s$f.item, onClick: function () { return handleChange(x.value); } }, x.label)))); }))); }, [options, value, handleChange, renderOption]);
+        .map(function (x) { return (React.createElement(React.Fragment, { key: x.value }, renderOption ? (renderOption(x, { className: s$h.item, onClick: function () { return handleChange(x.value); } })) : (React.createElement("div", { className: s$h.item, onClick: function () { return handleChange(x.value); } }, x.label)))); }))); }, [options, value, handleChange, renderOption]);
     return (React.createElement(antd.Popover, { content: popoverContent, open: open, onOpenChange: closePopover, placement: "bottomRight" },
         React.createElement("span", null,
             React.createElement(IconDivision, { icon: icon, onClick: handleOpen, rightIcon: open ? "expand-less" : "expand-more" }, showValue ? value : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label))));
 };
 
-var s$e = {"root":"index-module_root__EQ0II","rounded":"index-module_rounded__4OK03","link":"index-module_link__fptGw"};
+var s$g = {"root":"index-module_root__EQ0II","rounded":"index-module_rounded__4OK03","link":"index-module_link__fptGw"};
 
 var Content = function (_a) {
     var _b;
@@ -5795,7 +5795,7 @@ var Content = function (_a) {
         }
         return result;
     }, [size]);
-    return (React.createElement(antd.Button, __assign({ style: style, className: classNames(s$e.root, className, (_b = {}, _b[s$e.rounded] = !children, _b[s$e.link] = href, _b)), type: isPrimary ? "primary" : "default", size: size }, props),
+    return (React.createElement(antd.Button, __assign({ style: style, className: classNames(s$g.root, className, (_b = {}, _b[s$g.rounded] = !children, _b[s$g.link] = href, _b)), type: isPrimary ? "primary" : "default", size: size }, props),
         React.createElement(IconDivision, { icon: icon, rightIcon: rightIcon }, children)));
 };
 var Button = function (_a) {
@@ -5844,38 +5844,38 @@ var FrontHeader = function (_a) {
         var className = _b.className;
         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));
     }, [user]);
-    return (React.createElement("div", { className: classNames(s$g.root, (_b = {},
-            _b[s$g.root__shadow] = shadow,
+    return (React.createElement("div", { className: classNames(s$i.root, (_b = {},
+            _b[s$i.root__shadow] = shadow,
             _b), className) },
         onMenuClick && React.createElement(Button, { icon: menuIcon || "menu", onClick: onMenuClick }),
-        React.createElement(AppLink, { className: s$g.logo, href: logoHref }, logoContent || "AlfaSchool"),
-        React.createElement("div", { className: s$g.content }, children),
+        React.createElement(AppLink, { className: s$i.logo, href: logoHref }, logoContent || "AlfaSchool"),
+        React.createElement("div", { className: s$i.content }, children),
         onSearchClick && (React.createElement(Button, { icon: "search", onClick: onSearchClick, size: "middle" }, text.search || "Search")),
-        !user && (React.createElement("div", { className: s$g.link },
+        !user && (React.createElement("div", { className: s$i.link },
             React.createElement(AppLink, { href: loginHref }, text.login || "Login"),
             React.createElement(AppLink, { href: registerHref }, text.register || "Register"))),
-        React.createElement("div", { className: s$g.select },
+        React.createElement("div", { className: s$i.select },
             user && React.createElement(PopoverSelect, { showValue: true, value: user.username, options: settingsOptions, renderOption: handleSettingRender }),
             React.createElement(PopoverSelect, __assign({ icon: "language" }, language)))));
 };
 
-var s$d = {"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"};
+var s$f = {"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"};
 
 var FrontLayout = function (_a) {
     var children = _a.children, header = _a.header;
-    return (React.createElement("div", { className: s$d.root },
-        React.createElement("div", { className: s$d.header },
-            React.createElement(FrontHeader, __assign({}, header, { className: classNames(header.className, s$d.header__inner) }))),
-        React.createElement("div", { className: classNames(s$d.content) },
+    return (React.createElement("div", { className: s$f.root },
+        React.createElement("div", { className: s$f.header },
+            React.createElement(FrontHeader, __assign({}, header, { className: classNames(header.className, s$f.header__inner) }))),
+        React.createElement("div", { className: classNames(s$f.content) },
             React.createElement("div", null, children))));
 };
 
-var s$c = {"root":"index-module_root__OWeNb","link":"index-module_link__H8HcA","button":"index-module_button__UVt6a"};
+var s$e = {"root":"index-module_root__OWeNb","link":"index-module_link__H8HcA","button":"index-module_button__UVt6a"};
 
 /* eslint-disable react/no-array-index-key */
 var HeaderActionPanel = function (_a) {
     var className = _a.className, actions = _a.actions, _b = _a.size, size = _b === void 0 ? "small" : _b;
-    return (actions === null || actions === void 0 ? void 0 : actions.length) ? (React.createElement("div", { className: classNames(s$c.root, className) }, actions.map(function (action, i) {
+    return (actions === null || actions === void 0 ? void 0 : actions.length) ? (React.createElement("div", { className: classNames(s$e.root, className) }, actions.map(function (action, i) {
         var content = action;
         var button = action;
         var link = action;
@@ -5887,16 +5887,16 @@ var HeaderActionPanel = function (_a) {
         else if (typeof (button === null || button === void 0 ? void 0 : button.onClick) === "function") {
             var confirmText = button.confirmText, onClick = button.onClick;
             return confirmText ? (React.createElement(antd.Popconfirm, { key: i, title: confirmText, onConfirm: onClick, okText: "Yes", cancelText: "No" },
-                React.createElement(Button, { key: i, icon: iconElement, tooltip: tooltip, tooltipPlacement: tooltipPlacement, className: s$c.button, size: size, disabled: loading }, label))) : (React.createElement(Button, { key: i, icon: iconElement, onClick: onClick, tooltip: tooltip, tooltipPlacement: tooltipPlacement, className: s$c.button, size: size, disabled: loading }, label));
+                React.createElement(Button, { key: i, icon: iconElement, tooltip: tooltip, tooltipPlacement: tooltipPlacement, className: s$e.button, size: size, disabled: loading }, label))) : (React.createElement(Button, { key: i, icon: iconElement, onClick: onClick, tooltip: tooltip, tooltipPlacement: tooltipPlacement, className: s$e.button, size: size, disabled: loading }, label));
         }
         else if (typeof (link === null || link === void 0 ? void 0 : link.href) === "string") {
             var href = link.href;
-            return (React.createElement(Button, { key: i, icon: iconElement, tooltip: tooltip, tooltipPlacement: tooltipPlacement, href: href, className: s$c.link, size: size, disabled: loading }, label));
+            return (React.createElement(Button, { key: i, icon: iconElement, tooltip: tooltip, tooltipPlacement: tooltipPlacement, href: href, className: s$e.link, size: size, disabled: loading }, label));
         }
     }))) : null;
 };
 
-var s$b = {"root":"index-module_root__AUcgm","separator":"index-module_separator__eiPxa","step":"index-module_step__Qwm7C","image":"index-module_image__kUPE1"};
+var s$d = {"root":"index-module_root__AUcgm","separator":"index-module_separator__eiPxa","step":"index-module_step__Qwm7C","image":"index-module_image__kUPE1"};
 
 var TextUtil = {
     maxTextEllipsis: function (text, maxLength) {
@@ -5970,26 +5970,26 @@ var AlfaBreadcrumb = function (_a) {
         result = isMobile ? result.slice(options.length - 1) : result;
         return result;
     }, [root, options, isMobile, mapper, path]);
-    return innerOptions.length ? (React.createElement("div", { className: classNames(s$b.root, className) }, innerOptions.map(function (_a, index) {
+    return innerOptions.length ? (React.createElement("div", { className: classNames(s$d.root, className) }, innerOptions.map(function (_a, index) {
         var href = _a.href, label = _a.label, imageUrl = _a.imageUrl;
         var labelContent = (React.createElement(React.Fragment, null,
-            imageUrl && React.createElement("img", { className: s$b.image, src: imageUrl, alt: label }),
+            imageUrl && React.createElement("img", { className: s$d.image, src: imageUrl, alt: label }),
             React.createElement("span", null, TextUtil.maxTextEllipsis(label, maxStepTextLength))));
         return (React.createElement(React.Fragment, { key: href || label || index },
-            index > 0 ? React.createElement("span", { className: s$b.separator }, separator) : null,
-            href ? (React.createElement(AppLink, { className: classNames(s$b.step, s$b.link, stepClassName), href: href, title: label }, labelContent)) : (React.createElement("span", { className: classNames(s$b.step, s$b.label, stepClassName), title: label }, labelContent))));
+            index > 0 ? React.createElement("span", { className: s$d.separator }, separator) : null,
+            href ? (React.createElement(AppLink, { className: classNames(s$d.step, s$d.link, stepClassName), href: href, title: label }, labelContent)) : (React.createElement("span", { className: classNames(s$d.step, s$d.label, stepClassName), title: label }, labelContent))));
     }))) : null;
 };
 
-var s$a = {"root":"index-module_root__UuWET","link":"index-module_link__qD-Ss"};
+var s$c = {"root":"index-module_root__UuWET","link":"index-module_link__qD-Ss"};
 
 var AlfaAttributor = function (_a) {
     var className = _a.className, options = _a.options;
-    return options.length ? (React.createElement("div", { className: classNames(s$a.root, className) }, options.map(function (_a, i) {
+    return options.length ? (React.createElement("div", { className: classNames(s$c.root, className) }, options.map(function (_a, i) {
         var icon = _a.icon, content = _a.content, href = _a.href;
         var result = content;
         if (typeof href === "string") {
-            result = (React.createElement(AppLink, { className: s$a.link, href: href }, content));
+            result = (React.createElement(AppLink, { className: s$c.link, href: href }, content));
         }
         if (typeof icon === "string") {
             result = (React.createElement(IconDivision, { key: href || i, icon: icon }, result));
@@ -5998,7 +5998,7 @@ var AlfaAttributor = function (_a) {
     }))) : null;
 };
 
-var s$9 = {"options":"index-module_options__7cPUT","autocomplete":"index-module_autocomplete__NRZUE"};
+var s$b = {"options":"index-module_options__7cPUT","autocomplete":"index-module_autocomplete__NRZUE"};
 
 function OptionsAutocomplete(_a) {
     var onChange = _a.onChange, placeholder = _a.placeholder, requestAction = _a.requestAction, requestResponse = _a.requestResponse, optionMapper = _a.optionMapper;
@@ -6043,16 +6043,16 @@ function OptionsAutocomplete(_a) {
         return result;
     }, [options]);
     return (React.createElement("div", null,
-        React.createElement(antd.AutoComplete, { options: optionsModified, onSelect: onSelect, onSearch: setText, value: text, className: s$9.autocomplete },
+        React.createElement(antd.AutoComplete, { options: optionsModified, onSelect: onSelect, onSearch: setText, value: text, className: s$b.autocomplete },
             React.createElement(antd.Input.Search, { placeholder: placeholder, enterButton: true, loading: requestResponse.isLoading, allowClear: true })),
-        React.createElement("div", { className: s$9.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)); }))));
+        React.createElement("div", { className: s$b.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)); }))));
 }
 
-var s$8 = {"root":"index-module_root__Ch0J0"};
+var s$a = {"root":"index-module_root__Ch0J0"};
 
 var SplitLine = function (_a) {
     var className = _a.className;
-    return React.createElement("div", { className: classNames(s$8.root, className) });
+    return React.createElement("div", { className: classNames(s$a.root, className) });
 };
 
 var classes = {"root":"index-module_root__VVbaB","playing":"index-module_playing__v4q8X","play-animation":"index-module_play-animation__Y-ns-"};
@@ -6077,22 +6077,22 @@ var AudioPlayer = function (_a) {
         React.createElement(Button, { onClick: handlePlay, icon: active ? "audio" : "play-arrow", className: classNames((_b = {}, _b[classes.playing] = active, _b)), isPrimary: active })));
 };
 
-var s$7 = {"root":"index-module_root__6hATD"};
+var s$9 = {"root":"index-module_root__6hATD"};
 
 var CopyButton = function (_a) {
     var value = _a.value, className = _a.className;
-    return (React.createElement(antd.Typography.Text, { className: classNames(s$7.root, className), copyable: { text: value, icon: [React.createElement(RegularIcon, { name: "copy" }), React.createElement(RegularIcon, { name: "check" })] } }));
+    return (React.createElement(antd.Typography.Text, { className: classNames(s$9.root, className), copyable: { text: value, icon: [React.createElement(RegularIcon, { name: "copy" }), React.createElement(RegularIcon, { name: "check" })] } }));
 };
 
-var s$6 = {"root":"index-module_root__v3fD9","icon":"index-module_icon__-KK3y"};
+var s$8 = {"root":"index-module_root__v3fD9","icon":"index-module_icon__-KK3y"};
 
 var HelpTip = function (_a) {
     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;
-    var iconNode = React.createElement(RegularIcon, { name: iconName, className: classNames(s$6.icon, className) });
-    return (React.createElement(AppTooltip, { title: title || children, placement: "top", className: classNames(s$6.root, className) }, href ? (React.createElement(AppLink, { href: href, target: target, className: classNames(s$6.root, className) }, iconNode)) : (iconNode)));
+    var iconNode = React.createElement(RegularIcon, { name: iconName, className: classNames(s$8.icon, className) });
+    return (React.createElement(AppTooltip, { title: title || children, placement: "top", className: classNames(s$8.root, className) }, href ? (React.createElement(AppLink, { href: href, target: target, className: classNames(s$8.root, className) }, iconNode)) : (iconNode)));
 };
 
-var s$5 = {"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"};
+var s$7 = {"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"};
 
 var LevelBadge = function (_a) {
     var levels = _a.levels, className = _a.className, texts = _a.texts, children = _a.children, activeCode = _a.activeCode;
@@ -6109,20 +6109,20 @@ var LevelBadge = function (_a) {
     if (bars.length === 0) {
         return null;
     }
-    return (React.createElement("div", { className: classNames(s$5.root, className) },
+    return (React.createElement("div", { className: classNames(s$7.root, className) },
         bars.map(function (_a) {
             var _b;
             var code = _a[0], rate = _a[1], normalizedRate = _a[2];
             return (React.createElement(AppTooltip, { key: code, title: interText.refersTo({ code: code, rate: rate }), placement: "top" },
-                React.createElement("div", { className: classNames(s$5.bar, (_b = {}, _b[s$5.bar__active] = (code === null || code === void 0 ? void 0 : code.toLowerCase()) === (activeCode === null || activeCode === void 0 ? void 0 : activeCode.toLowerCase()), _b)) },
-                    React.createElement("div", { className: s$5.rate, style: { height: "".concat(normalizedRate * 100, "%") } },
-                        React.createElement("div", { className: s$5.code }, code)),
-                    React.createElement("div", { className: s$5.code }, code))));
+                React.createElement("div", { className: classNames(s$7.bar, (_b = {}, _b[s$7.bar__active] = (code === null || code === void 0 ? void 0 : code.toLowerCase()) === (activeCode === null || activeCode === void 0 ? void 0 : activeCode.toLowerCase()), _b)) },
+                    React.createElement("div", { className: s$7.rate, style: { height: "".concat(normalizedRate * 100, "%") } },
+                        React.createElement("div", { className: s$7.code }, code)),
+                    React.createElement("div", { className: s$7.code }, code))));
         }),
         children));
 };
 
-var s$4 = {"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"};
+var s$6 = {"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"};
 
 var LevelBarBadge = function (_a) {
     var levels = _a.levels, className = _a.className, texts = _a.texts, children = _a.children;
@@ -6139,19 +6139,19 @@ var LevelBarBadge = function (_a) {
     if (bars.length === 0) {
         return null;
     }
-    return (React.createElement("div", { className: classNames(s$4.root, className) },
+    return (React.createElement("div", { className: classNames(s$6.root, className) },
         bars.map(function (_a) {
             var code = _a[0], rate = _a[1], normalizedRate = _a[2];
             return (React.createElement(AppTooltip, { key: code, title: interText.refersTo({ code: code, rate: rate }), placement: "top" },
-                React.createElement("div", { key: code, className: s$4.level },
-                    React.createElement("div", { className: s$4.bar },
-                        React.createElement("div", { className: s$4.bar__rate, style: { height: "".concat(normalizedRate * 100, "%") } })),
-                    React.createElement("div", { className: s$4.code }, code))));
+                React.createElement("div", { key: code, className: s$6.level },
+                    React.createElement("div", { className: s$6.bar },
+                        React.createElement("div", { className: s$6.bar__rate, style: { height: "".concat(normalizedRate * 100, "%") } })),
+                    React.createElement("div", { className: s$6.code }, code))));
         }),
         children));
 };
 
-var s$3 = {"root":"index-module_root__ogwMI","root__hasActive":"index-module_root__hasActive__qvsDL","level":"index-module_level__EuETi","level__active":"index-module_level__active__lfzHe"};
+var s$5 = {"root":"index-module_root__ogwMI","root__hasActive":"index-module_root__hasActive__qvsDL","level":"index-module_level__EuETi","level__active":"index-module_level__active__lfzHe"};
 
 var LevelLetterBadge = function (_a) {
     var _b;
@@ -6165,21 +6165,21 @@ var LevelLetterBadge = function (_a) {
     if (levels.length === 0) {
         return null;
     }
-    return (React.createElement("div", { className: classNames(s$3.root, className, (_b = {}, _b[s$3.root__hasActive] = !!activeCode, _b)) }, levels.map(function (level) {
+    return (React.createElement("div", { className: classNames(s$5.root, className, (_b = {}, _b[s$5.root__hasActive] = !!activeCode, _b)) }, levels.map(function (level) {
         var _a;
         var _b;
         return (React.createElement(AppTooltip, { key: level.code, title: title ? title(level) : "Proficiency language level: ".concat(level.code.toUpperCase()) },
-            React.createElement("span", { className: classNames(s$3.level, (_a = {}, _a[s$3.level__active] = ((_b = level.code) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === (activeCode === null || activeCode === void 0 ? void 0 : activeCode.toLowerCase()), _a), className) }, level.code.toUpperCase())));
+            React.createElement("span", { className: classNames(s$5.level, (_a = {}, _a[s$5.level__active] = ((_b = level.code) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === (activeCode === null || activeCode === void 0 ? void 0 : activeCode.toLowerCase()), _a), className) }, level.code.toUpperCase())));
     })));
 };
 
-var s$2 = {"label":"index-module_label__7pG3Z","content":"index-module_content__Qfeyk"};
+var s$4 = {"label":"index-module_label__7pG3Z","content":"index-module_content__Qfeyk"};
 
 var ContentDivision = function (_a) {
     var label = _a.label, children = _a.children, className = _a.className;
-    return (React.createElement("div", { className: classNames(s$2.root, className) },
-        label ? React.createElement("div", { className: s$2.label }, label) : null,
-        React.createElement("div", { className: s$2.content }, children)));
+    return (React.createElement("div", { className: classNames(s$4.root, className) },
+        label ? React.createElement("div", { className: s$4.label }, label) : null,
+        React.createElement("div", { className: s$4.content }, children)));
 };
 
 var RegularDrawer = function (_a) {
@@ -6188,17 +6188,17 @@ var RegularDrawer = function (_a) {
         React.createElement(antd.Spin, { spinning: loading }, children)));
 };
 
-var s$1 = {"root":"index-module_root__FWp-7","prefix":"index-module_prefix__c71y0","title":"index-module_title__l4yWz","error":"index-module_error__ExNLh"};
+var s$3 = {"root":"index-module_root__FWp-7","prefix":"index-module_prefix__c71y0","title":"index-module_title__l4yWz","error":"index-module_error__ExNLh"};
 
-var s = {"label":"index-module_label__vCWmS"};
+var s$2 = {"label":"index-module_label__vCWmS"};
 
 var RowContentSub = function (_a) {
     var label = _a.label, content = _a.content, contentClassName = _a.contentClassName;
     if (!content) {
         return null;
     }
-    return (React.createElement("div", { className: s.root },
-        label && React.createElement("span", { className: s.label },
+    return (React.createElement("div", { className: s$2.root },
+        label && React.createElement("span", { className: s$2.label },
             label,
             ": "),
         React.createElement("span", { className: contentClassName }, content)));
@@ -6206,15 +6206,37 @@ var RowContentSub = function (_a) {
 
 var RowContent = function (_a) {
     var prefix = _a.prefix, title = _a.title, subLabel = _a.subLabel, subContent = _a.subContent, subLabel2 = _a.subLabel2, subContent2 = _a.subContent2, children = _a.children, errorText = _a.errorText, href = _a.href, _b = _a.target, target = _b === void 0 ? "_blank" : _b;
-    return (React.createElement("div", { className: s$1.root },
-        React.createElement("div", { className: s$1.title },
-            prefix && React.createElement("div", { className: s$1.prefix }, prefix),
+    return (React.createElement("div", { className: s$3.root },
+        React.createElement("div", { className: s$3.title },
+            prefix && React.createElement("div", { className: s$3.prefix }, prefix),
             href ? (React.createElement(AppLink, { href: href, target: target, rel: "noreferrer" }, title !== null && title !== void 0 ? title : children)) : ((title !== null && title !== void 0 ? title : children))),
         React.createElement(RowContentSub, { label: subLabel, content: subContent }),
         React.createElement(RowContentSub, { label: subLabel2, content: subContent2 }),
-        errorText && React.createElement(RowContentSub, { label: "Error", content: errorText, contentClassName: s$1.error })));
+        errorText && React.createElement(RowContentSub, { label: "Error", content: errorText, contentClassName: s$3.error })));
+};
+
+var s$1 = {"root":"index-module_root__3T9Q6","root__selected":"index-module_root__selected__lMaF3"};
+
+var ActionTag = function (_a) {
+    var _b;
+    var children = _a.children, className = _a.className, _c = _a.selected, selected = _c === void 0 ? false : _c, onClick = _a.onClick;
+    return (React.createElement("div", { className: classNames(s$1.root, (_b = {}, _b[s$1.root__selected] = selected, _b), className), onClick: onClick }, children));
+};
+
+var s = {"root":"index-module_root__BZ01K","root__title":"index-module_root__title__vA1ml","title":"index-module_title__RD9nj","content":"index-module_content__HEc4l","content__loading":"index-module_content__loading__g8vh6","loading":"index-module_loading__q8vhz"};
+
+var ActionCloud = function (_a) {
+    var _b, _c;
+    var children = _a.children, className = _a.className, contentClassName = _a.contentClassName, title = _a.title, loading = _a.loading;
+    return (React.createElement("div", { className: classNames(s.root, (_b = {}, _b[s.root__loading] = loading, _b[s.root__title] = title, _b), className) },
+        React.createElement("div", { className: s.title }, title),
+        React.createElement("div", { className: classNames(s.content, (_c = {}, _c[s.content__loading] = loading, _c), contentClassName) }, children),
+        loading && (React.createElement("div", { className: s.loading },
+            React.createElement(antd.Spin, null)))));
 };
 
+exports.ActionCloud = ActionCloud;
+exports.ActionTag = ActionTag;
 exports.AlfaAttributor = AlfaAttributor;
 exports.AlfaBreadcrumb = AlfaBreadcrumb;
 exports.AppForm = AppForm;

package/build/styles.css

@@ -9,6 +9,7 @@
   --optionBackgroundColor: #dcdee4;
   --hoverOptionBackgroundColor: #c4c6cc;
   --borderColor: #dadada;
+  --hoverBorderColor: #bfbfbf;
   --errorColor: #b50000;
   --successColor: #32a800;
   --errorBackgroundColor: #ffaaad;
@@ -830,4 +831,65 @@ body {
 }
 .index-module_label__vCWmS {
   color: var(--passiveColor);
+}
+.index-module_root__3T9Q6 {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.2em 0.7em;
+  border-radius: 1em;
+  line-height: 1.2;
+  white-space: nowrap;
+  border: 1px solid var(--borderColor);
+  cursor: pointer;
+}
+.index-module_root__3T9Q6:hover {
+  box-shadow: 0 0 5px var(--borderColor);
+}
+.index-module_root__selected__lMaF3 {
+  font-weight: 600;
+  background: #f4f4f5;
+}
+.index-module_root__BZ01K {
+  display: flex;
+  flex-flow: column nowrap;
+  padding: 0.5em;
+  border-radius: 1em;
+  border: 1px solid var(--borderColor);
+  position: relative;
+}
+.index-module_root__title__vA1ml {
+  padding-top: 1.5em;
+}
+
+.index-module_title__RD9nj {
+  position: absolute;
+  top: -0.6em;
+  left: 1em;
+  background: var(--backgroundColor);
+  padding: 0 0.5em;
+  font-size: 1.2em;
+  line-height: 1.2em;
+}
+
+.index-module_content__HEc4l {
+  display: inline-flex;
+  flex-flow: row wrap;
+  place-items: center;
+  gap: 0.8em 1em;
+  overflow: auto;
+}
+.index-module_content__loading__g8vh6 {
+  opacity: 0.3;
+}
+
+.index-module_loading__q8vhz {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  place-items: center;
+  justify-content: center;
 }

package/build/tags/actionCloud/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ActionTag, ActionTagProps } from "../actionTag";
+export interface ActionCloudProps {
+    children: React.ReactElement<ActionTagProps, typeof ActionTag> | React.ReactElement<ActionTagProps, typeof ActionTag>[];
+    className?: string;
+    contentClassName?: string;
+    title?: string;
+    loading?: boolean;
+}
+export declare const ActionCloud: React.FC<ActionCloudProps>;

package/build/tags/actionTag/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ActionTagProps {
+    children: React.ReactNode;
+    className?: string;
+    selected?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+export declare const ActionTag: React.FC<ActionTagProps>;

package/build/tags/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./actionTag";
+export * from "./actionCloud";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "revdev-components",
-  "version": "0.260.0",
+  "version": "0.262.0",
   "main": "build/index.js",
   "module": "build/index.esm.js",
   "scripts": {