revdev-components 0.93.0 → 0.95.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.
@@ -20,5 +20,6 @@ export interface FrontHeaderProps {
20
20
  settingsHref: string;
21
21
  onLogOut: () => void;
22
22
  };
23
+ onMenuClick?: () => void;
23
24
  }
24
25
  export declare const FrontHeader: React.FC<FrontHeaderProps>;
package/build/index.js CHANGED
@@ -36,7 +36,7 @@ var s$y = {"root":"index-module_root__51YHj"};
36
36
 
37
37
  var ContentHeader2 = function (_a) {
38
38
  var children = _a.children, className = _a.className;
39
- return React.createElement("h1", { className: classNames(s$y.root, className) }, children);
39
+ return React.createElement("h2", { className: classNames(s$y.root, className) }, children);
40
40
  };
41
41
 
42
42
  var s$x = {"root":"index-module_root__Fq-q1"};
@@ -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$7 = {"root":"index-module_root__pGOaD","inner":"index-module_inner__yBaNK","email":"index-module_email__c66u4"};
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$7.root, className) },
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$7.inner },
5210
- React.createElement(AppLink, { className: s$7.email, href: "mailto:".concat(infoMail) }, infoMail),
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$7.text }, text.copyright)))));
5229
+ React.createElement("div", { className: s$6.text }, text.copyright)))));
5215
5230
  };
5216
5231
 
5217
- var s$6 = {"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"};
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$6.root },
5222
- React.createElement("div", { className: s$6.header },
5223
- React.createElement(FrontHeader, __assign({}, header, { className: classNames(header.className, s$6.header__inner) }))),
5224
- React.createElement("div", { className: classNames(s$6.content) },
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$6.footer },
5241
+ React.createElement("div", { className: s$5.footer },
5227
5242
  React.createElement(FrontFooter, __assign({}, footer)))));
5228
5243
  };
5229
5244
 
5230
- var s$5 = {"root":"index-module_root__OWeNb","link":"index-module_link__H8HcA","button":"index-module_button__UVt6a"};
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$5.root, className) }, actions.map(function (action, i) {
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$5.button }, label));
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$5.link },
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$4 = {"root":"index-module_root__t3gxi"};
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$4.root, className) }, innerOptions.map(function (_a, index) {
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$4.step, stepClassName), href: href }, label)));
5333
+ React.createElement(AppLink, { className: classNames(s$3.step, stepClassName), href: href }, label)));
5319
5334
  }))) : null;
5320
5335
  };
5321
5336
 
5322
- var s$3 = {"root":"index-module_root__UuWET","link":"index-module_link__qD-Ss"};
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$3.root, className) }, options.map(function (_a, i) {
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$3.link, href: href }, label)) : (label)));
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$2 = {"options":"index-module_options__7cPUT","autocomplete":"index-module_autocomplete__NRZUE"};
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$2.autocomplete },
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$2.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)); }))));
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "revdev-components",
3
- "version": "0.93.0",
3
+ "version": "0.95.0",
4
4
  "main": "build/index.js",
5
5
  "module": "build/index.esm.js",
6
6
  "scripts": {