revdev-components 0.92.0 → 0.94.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/frontHeader/index.d.ts +1 -0
- package/build/iconDivision/index.d.ts +1 -1
- package/build/index.js +42 -41
- package/build/styles.css +7 -7
- package/package.json +1 -1
|
@@ -10,7 +10,7 @@ export interface IconDivisionProps {
|
|
|
10
10
|
flexRoot?: boolean;
|
|
11
11
|
tooltip?: string;
|
|
12
12
|
tooltipPlacement?: TooltipPlacement;
|
|
13
|
-
|
|
13
|
+
tooltipMouseEnterDelay?: number;
|
|
14
14
|
children?: React.ReactNode;
|
|
15
15
|
direction?: "row" | "column";
|
|
16
16
|
elementRev?: React.Ref<any>;
|
package/build/index.js
CHANGED
|
@@ -5123,8 +5123,8 @@ var IconBoxContent = function (_a) {
|
|
|
5123
5123
|
rightIcon ? React.createElement(RegularIcon, { className: s$8.icon, name: rightIcon }) : null));
|
|
5124
5124
|
};
|
|
5125
5125
|
var IconDivision = function (props) {
|
|
5126
|
-
var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement,
|
|
5127
|
-
return tooltip ? (React.createElement(AppTooltip, { placement: tooltipPlacement, title: tooltip, mouseEnterDelay:
|
|
5126
|
+
var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, tooltipMouseEnterDelay = props.tooltipMouseEnterDelay;
|
|
5127
|
+
return tooltip ? (React.createElement(AppTooltip, { placement: tooltipPlacement, title: tooltip, mouseEnterDelay: tooltipMouseEnterDelay },
|
|
5128
5128
|
React.createElement(IconBoxContent, __assign({}, props)))) : (React.createElement(IconBoxContent, __assign({}, props)));
|
|
5129
5129
|
};
|
|
5130
5130
|
|
|
@@ -5151,9 +5151,23 @@ var PopoverSelect = function (_a) {
|
|
|
5151
5151
|
React.createElement(IconDivision, { icon: icon, onClick: handleOpen, rightIcon: open ? "expand-less" : "expand-more" }, showValue ? value : selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label)));
|
|
5152
5152
|
};
|
|
5153
5153
|
|
|
5154
|
+
var s$7 = {"root":"index-module_root__EQ0II","root_rounded":"index-module_root_rounded__oj965"};
|
|
5155
|
+
|
|
5156
|
+
var Content = function (_a) {
|
|
5157
|
+
var _b;
|
|
5158
|
+
var icon = _a.icon, rightIcon = _a.rightIcon, children = _a.children, className = _a.className, onClick = _a.onClick, isPrimary = _a.isPrimary, disabled = _a.disabled;
|
|
5159
|
+
return (React.createElement(antd.Button, { className: classNames(s$7.root, className, (_b = {}, _b[s$7.root_rounded] = !children, _b)), onClick: onClick, type: isPrimary ? "primary" : "default", disabled: disabled },
|
|
5160
|
+
React.createElement(IconDivision, { icon: icon, rightIcon: rightIcon }, children)));
|
|
5161
|
+
};
|
|
5162
|
+
var Button = function (_a) {
|
|
5163
|
+
var tooltip = _a.tooltip, tooltipPlacement = _a.tooltipPlacement, hoverOpenDelay = _a.hoverOpenDelay, props = __rest(_a, ["tooltip", "tooltipPlacement", "hoverOpenDelay"]);
|
|
5164
|
+
return tooltip ? (React.createElement(AppTooltip, { placement: tooltipPlacement, title: tooltip, mouseEnterDelay: hoverOpenDelay },
|
|
5165
|
+
React.createElement(Content, __assign({}, props)))) : (React.createElement(Content, __assign({}, props)));
|
|
5166
|
+
};
|
|
5167
|
+
|
|
5154
5168
|
var FrontHeader = function (_a) {
|
|
5155
5169
|
var _b;
|
|
5156
|
-
var user = _a.user, children = _a.children, className = _a.className, logoHref = _a.logoHref, loginHref = _a.loginHref, registerHref = _a.registerHref, language = _a.language, text = _a.text;
|
|
5170
|
+
var user = _a.user, children = _a.children, className = _a.className, logoHref = _a.logoHref, loginHref = _a.loginHref, registerHref = _a.registerHref, language = _a.language, text = _a.text, onMenuClick = _a.onMenuClick;
|
|
5157
5171
|
var _c = React.useState(false), shadow = _c[0], setShadow = _c[1];
|
|
5158
5172
|
function handleScroll() {
|
|
5159
5173
|
setShadow(window.scrollY > 50);
|
|
@@ -5190,6 +5204,7 @@ var FrontHeader = function (_a) {
|
|
|
5190
5204
|
return (React.createElement("div", { className: classNames(s$a.root, (_b = {},
|
|
5191
5205
|
_b[s$a.root__shadow] = shadow,
|
|
5192
5206
|
_b), className) },
|
|
5207
|
+
onMenuClick && React.createElement(Button, { icon: "menu", onClick: onMenuClick }),
|
|
5193
5208
|
React.createElement(AppLink, { className: s$a.logo, href: logoHref }, "AlfaSchool"),
|
|
5194
5209
|
React.createElement("div", { className: s$a.content }, children),
|
|
5195
5210
|
!user && (React.createElement("div", { className: s$a.link },
|
|
@@ -5200,38 +5215,38 @@ var FrontHeader = function (_a) {
|
|
|
5200
5215
|
React.createElement(PopoverSelect, __assign({ icon: "language" }, language)))));
|
|
5201
5216
|
};
|
|
5202
5217
|
|
|
5203
|
-
var s$
|
|
5218
|
+
var s$6 = {"root":"index-module_root__pGOaD","inner":"index-module_inner__yBaNK","email":"index-module_email__c66u4"};
|
|
5204
5219
|
|
|
5205
5220
|
var FrontFooter = function (_a) {
|
|
5206
5221
|
var children = _a.children, className = _a.className, privacyHref = _a.privacyHref, termsHref = _a.termsHref, infoMail = _a.infoMail, text = _a.text;
|
|
5207
|
-
return (React.createElement("footer", { className: classNames(s$
|
|
5222
|
+
return (React.createElement("footer", { className: classNames(s$6.root, className) },
|
|
5208
5223
|
children ? React.createElement("div", null, children) : null,
|
|
5209
|
-
React.createElement("div", { className: s$
|
|
5210
|
-
React.createElement(AppLink, { className: s$
|
|
5224
|
+
React.createElement("div", { className: s$6.inner },
|
|
5225
|
+
React.createElement(AppLink, { className: s$6.email, href: "mailto:".concat(infoMail) }, infoMail),
|
|
5211
5226
|
React.createElement("div", null,
|
|
5212
5227
|
React.createElement(AppLink, { href: privacyHref }, text.privacy),
|
|
5213
5228
|
React.createElement(AppLink, { href: termsHref }, text.terms),
|
|
5214
|
-
React.createElement("div", { className: s$
|
|
5229
|
+
React.createElement("div", { className: s$6.text }, text.copyright)))));
|
|
5215
5230
|
};
|
|
5216
5231
|
|
|
5217
|
-
var s$
|
|
5232
|
+
var s$5 = {"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"};
|
|
5218
5233
|
|
|
5219
5234
|
var FrontLayout = function (_a) {
|
|
5220
5235
|
var children = _a.children, header = _a.header, footer = _a.footer;
|
|
5221
|
-
return (React.createElement("div", { className: s$
|
|
5222
|
-
React.createElement("div", { className: s$
|
|
5223
|
-
React.createElement(FrontHeader, __assign({}, header, { className: classNames(header.className, s$
|
|
5224
|
-
React.createElement("div", { className: classNames(s$
|
|
5236
|
+
return (React.createElement("div", { className: s$5.root },
|
|
5237
|
+
React.createElement("div", { className: s$5.header },
|
|
5238
|
+
React.createElement(FrontHeader, __assign({}, header, { className: classNames(header.className, s$5.header__inner) }))),
|
|
5239
|
+
React.createElement("div", { className: classNames(s$5.content) },
|
|
5225
5240
|
React.createElement("div", null, children)),
|
|
5226
|
-
React.createElement("div", { className: s$
|
|
5241
|
+
React.createElement("div", { className: s$5.footer },
|
|
5227
5242
|
React.createElement(FrontFooter, __assign({}, footer)))));
|
|
5228
5243
|
};
|
|
5229
5244
|
|
|
5230
|
-
var s$
|
|
5245
|
+
var s$4 = {"root":"index-module_root__OWeNb","link":"index-module_link__H8HcA","button":"index-module_button__UVt6a"};
|
|
5231
5246
|
|
|
5232
5247
|
var HeaderActionPanel = function (_a) {
|
|
5233
5248
|
var className = _a.className, actions = _a.actions;
|
|
5234
|
-
return (actions === null || actions === void 0 ? void 0 : actions.length) ? (React.createElement("div", { className: classNames(s$
|
|
5249
|
+
return (actions === null || actions === void 0 ? void 0 : actions.length) ? (React.createElement("div", { className: classNames(s$4.root, className) }, actions.map(function (action, i) {
|
|
5235
5250
|
var content = action;
|
|
5236
5251
|
var button = action;
|
|
5237
5252
|
var link = action;
|
|
@@ -5240,17 +5255,17 @@ var HeaderActionPanel = function (_a) {
|
|
|
5240
5255
|
}
|
|
5241
5256
|
else if (!!(button === null || button === void 0 ? void 0 : button.onClick)) {
|
|
5242
5257
|
var icon = button.icon, label = button.label, tooltip = button.tooltip;
|
|
5243
|
-
return (React.createElement(IconDivision, { key: i, icon: icon, onClick: button === null || button === void 0 ? void 0 : button.onClick, tooltip: tooltip, className: s$
|
|
5258
|
+
return (React.createElement(IconDivision, { key: i, icon: icon, onClick: button === null || button === void 0 ? void 0 : button.onClick, tooltip: tooltip, className: s$4.button }, label));
|
|
5244
5259
|
}
|
|
5245
5260
|
else if (!!(link === null || link === void 0 ? void 0 : link.href)) {
|
|
5246
5261
|
var icon = button.icon, label = button.label, tooltip = button.tooltip;
|
|
5247
|
-
return (React.createElement(AppLink, { key: i, href: link.href, className: s$
|
|
5262
|
+
return (React.createElement(AppLink, { key: i, href: link.href, className: s$4.link },
|
|
5248
5263
|
React.createElement(IconDivision, { icon: icon, tooltip: tooltip }, label)));
|
|
5249
5264
|
}
|
|
5250
5265
|
}))) : null;
|
|
5251
5266
|
};
|
|
5252
5267
|
|
|
5253
|
-
var s$
|
|
5268
|
+
var s$3 = {"root":"index-module_root__t3gxi"};
|
|
5254
5269
|
|
|
5255
5270
|
function getNavOption(mapper, part) {
|
|
5256
5271
|
var _a = Array.isArray(part) ? part : [part, undefined], key = _a[0], param = _a[1];
|
|
@@ -5311,25 +5326,25 @@ var AlfaNavigator = function (_a) {
|
|
|
5311
5326
|
result = isMobile ? result.slice(options.length - 1) : result;
|
|
5312
5327
|
return result;
|
|
5313
5328
|
}, [root, options, isMobile, mapper, path]);
|
|
5314
|
-
return innerOptions.length ? (React.createElement("div", { className: classNames(s$
|
|
5329
|
+
return innerOptions.length ? (React.createElement("div", { className: classNames(s$3.root, className) }, innerOptions.map(function (_a, index) {
|
|
5315
5330
|
var href = _a.href, label = _a.label;
|
|
5316
5331
|
return (React.createElement(React.Fragment, { key: index },
|
|
5317
5332
|
index > 0 ? React.createElement("span", null, "\u203A") : null,
|
|
5318
|
-
React.createElement(AppLink, { className: classNames(s$
|
|
5333
|
+
React.createElement(AppLink, { className: classNames(s$3.step, stepClassName), href: href }, label)));
|
|
5319
5334
|
}))) : null;
|
|
5320
5335
|
};
|
|
5321
5336
|
|
|
5322
|
-
var s$
|
|
5337
|
+
var s$2 = {"root":"index-module_root__UuWET","link":"index-module_link__qD-Ss"};
|
|
5323
5338
|
|
|
5324
5339
|
var AlfaAttributor = function (_a) {
|
|
5325
5340
|
var className = _a.className, options = _a.options;
|
|
5326
|
-
return options.length ? (React.createElement("div", { className: classNames(s$
|
|
5341
|
+
return options.length ? (React.createElement("div", { className: classNames(s$2.root, className) }, options.map(function (_a, i) {
|
|
5327
5342
|
var icon = _a.icon, label = _a.label, href = _a.href;
|
|
5328
|
-
return (React.createElement(IconDivision, { key: i, icon: icon }, href ? (React.createElement(AppLink, { className: s$
|
|
5343
|
+
return (React.createElement(IconDivision, { key: i, icon: icon }, href ? (React.createElement(AppLink, { className: s$2.link, href: href }, label)) : (label)));
|
|
5329
5344
|
}))) : null;
|
|
5330
5345
|
};
|
|
5331
5346
|
|
|
5332
|
-
var s$
|
|
5347
|
+
var s$1 = {"options":"index-module_options__7cPUT","autocomplete":"index-module_autocomplete__NRZUE"};
|
|
5333
5348
|
|
|
5334
5349
|
function OptionsAutocomplete(_a) {
|
|
5335
5350
|
var onChange = _a.onChange, placeholder = _a.placeholder, requestAction = _a.requestAction, requestResponse = _a.requestResponse, optionMapper = _a.optionMapper;
|
|
@@ -5374,25 +5389,11 @@ function OptionsAutocomplete(_a) {
|
|
|
5374
5389
|
return result;
|
|
5375
5390
|
}, [options]);
|
|
5376
5391
|
return (React.createElement("div", null,
|
|
5377
|
-
React.createElement(antd.AutoComplete, { options: optionsModified, onSelect: onSelect, onSearch: setText, value: text, className: s$
|
|
5392
|
+
React.createElement(antd.AutoComplete, { options: optionsModified, onSelect: onSelect, onSearch: setText, value: text, className: s$1.autocomplete },
|
|
5378
5393
|
React.createElement(antd.Input.Search, { placeholder: placeholder, enterButton: true, loading: requestResponse.isLoading, allowClear: true })),
|
|
5379
|
-
React.createElement("div", { className: s$
|
|
5394
|
+
React.createElement("div", { className: s$1.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)); }))));
|
|
5380
5395
|
}
|
|
5381
5396
|
|
|
5382
|
-
var s$1 = {"root":"index-module_root__EQ0II","root_rounded":"index-module_root_rounded__oj965"};
|
|
5383
|
-
|
|
5384
|
-
var Content = function (_a) {
|
|
5385
|
-
var _b;
|
|
5386
|
-
var icon = _a.icon, rightIcon = _a.rightIcon, children = _a.children, className = _a.className, onClick = _a.onClick, isPrimary = _a.isPrimary, disabled = _a.disabled;
|
|
5387
|
-
return (React.createElement(antd.Button, { className: classNames(s$1.root, className, (_b = {}, _b[s$1.root_rounded] = !children, _b)), onClick: onClick, type: isPrimary ? "primary" : "default", disabled: disabled },
|
|
5388
|
-
React.createElement(IconDivision, { icon: icon, rightIcon: rightIcon }, children)));
|
|
5389
|
-
};
|
|
5390
|
-
var Button = function (_a) {
|
|
5391
|
-
var tooltip = _a.tooltip, tooltipPlacement = _a.tooltipPlacement, hoverOpenDelay = _a.hoverOpenDelay, props = __rest(_a, ["tooltip", "tooltipPlacement", "hoverOpenDelay"]);
|
|
5392
|
-
return tooltip ? (React.createElement(AppTooltip, { placement: tooltipPlacement, title: tooltip, mouseEnterDelay: hoverOpenDelay },
|
|
5393
|
-
React.createElement(Content, __assign({}, props)))) : (React.createElement(Content, __assign({}, props)));
|
|
5394
|
-
};
|
|
5395
|
-
|
|
5396
5397
|
var s = {"root":"index-module_root__Ch0J0"};
|
|
5397
5398
|
|
|
5398
5399
|
var SplitLine = function (_a) {
|
package/build/styles.css
CHANGED
|
@@ -448,6 +448,13 @@ body {
|
|
|
448
448
|
.index-module_button__U8D6K {
|
|
449
449
|
cursor: pointer;
|
|
450
450
|
}
|
|
451
|
+
.index-module_root__EQ0II {
|
|
452
|
+
height: 32px;
|
|
453
|
+
}
|
|
454
|
+
.index-module_root_rounded__oj965 {
|
|
455
|
+
width: 32px;
|
|
456
|
+
border-radius: 50%;
|
|
457
|
+
}
|
|
451
458
|
.index-module_root__pGOaD {
|
|
452
459
|
display: flex;
|
|
453
460
|
flex-direction: column;
|
|
@@ -587,13 +594,6 @@ body {
|
|
|
587
594
|
width: 100%;
|
|
588
595
|
height: initial;
|
|
589
596
|
}
|
|
590
|
-
.index-module_root__EQ0II {
|
|
591
|
-
height: 32px;
|
|
592
|
-
}
|
|
593
|
-
.index-module_root_rounded__oj965 {
|
|
594
|
-
width: 32px;
|
|
595
|
-
border-radius: 50%;
|
|
596
|
-
}
|
|
597
597
|
.index-module_root__Ch0J0 {
|
|
598
598
|
border-top: 1px solid var(--splitLineColor);
|
|
599
599
|
margin-top: 1em;
|