revdev-components 0.151.0 → 0.153.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.
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
2
  import { FrontControlSelect } from "src/interfaces";
3
+ import { RegularIconName } from "src/icon";
3
4
  export interface FrontHeaderProps {
4
5
  children?: React.ReactNode;
5
6
  className?: string;
@@ -8,12 +9,14 @@ export interface FrontHeaderProps {
8
9
  loginHref: string;
9
10
  registerHref: string;
10
11
  language: FrontControlSelect;
12
+ menuIcon?: RegularIconName;
11
13
  text: {
12
14
  login: string;
13
15
  register: string;
14
16
  profile: string;
15
17
  settings: string;
16
18
  logout: string;
19
+ search: string;
17
20
  };
18
21
  user?: {
19
22
  username: string;
@@ -1,2 +1,2 @@
1
- export declare const RegularIconNameList: ("add" | "add-box" | "add-circle" | "add-circle-outline" | "arrow-back" | "arrow-back-ios" | "arrow-drop-down" | "arrow-drop-up" | "arrow-forward" | "arrow-forward-ios" | "arrow-left" | "arrow-right" | "autorenew" | "backspace" | "book" | "bookmark" | "bookmark-outline" | "brightness" | "brightness-outline" | "calendar" | "cards" | "check-circle" | "check-circle-outline" | "circle-notifications" | "cloud-download" | "collections-bookmark" | "contact-support" | "cross" | "course" | "cube-letter" | "cube-outline" | "date-range" | "delete" | "delete-forever" | "delete-outline" | "edit" | "enter" | "equalizer" | "expand-less" | "expand-more" | "external-link" | "favorite" | "favorite-outline" | "file-download" | "file-upload" | "flag" | "flag-outline" | "flip" | "folder" | "globe" | "group" | "group-add" | "help" | "help-live" | "help-outline" | "highlight-remove" | "key" | "keyboard" | "keyboard-arrow-down" | "keyboard-arrow-left" | "keyboard-arrow-right" | "keyboard-arrow-up" | "keyboard-voice" | "known" | "known-outline" | "language" | "letter-match" | "library-books" | "lightbulb" | "lightbulb-outline" | "list" | "lock" | "lock-open-outline" | "lock-outline" | "logout" | "loop" | "mail" | "mail-outline" | "match-up" | "menu" | "menu-book" | "more-horizontal" | "more-vertical" | "multiple-choice" | "person" | "person-add" | "person-outline" | "pie-chart" | "pie-chart-outline" | "pin" | "pin-outline" | "play-arrow" | "play-circle-filled" | "play-circle-outline" | "playlist-add" | "playlist-add-check" | "power-off" | "price-tag" | "rate-down" | "rate-down-outline" | "rate-up" | "rate-up-outline" | "refresh" | "remove" | "remove-circle" | "remove-circle-outline" | "replay-circle-filled" | "search" | "sentiment-dissatisfied" | "sentiment-satisfied" | "settings" | "share" | "snowflake" | "sort" | "space" | "spelling" | "star-half" | "star-outline" | "star" | "sun" | "sync" | "table" | "thumb-down" | "thumb-down-outline" | "thumb-up" | "thumb-up-outline" | "time" | "tran" | "unfavorite" | "visibility" | "volume-off" | "volume-up" | "word" | "image" | "magic-wand" | "microphone-off" | "microphone" | "moon" | "music" | "learn" | "audio" | "tag" | "unknown" | "unknown-outline" | "discover")[];
1
+ export declare const RegularIconNameList: ("add" | "add-box" | "add-circle" | "add-circle-outline" | "apps" | "arrow-back" | "arrow-back-ios" | "arrow-drop-down" | "arrow-drop-up" | "arrow-forward" | "arrow-forward-ios" | "arrow-left" | "arrow-right" | "autorenew" | "backspace" | "book" | "bookmark" | "bookmark-outline" | "brightness" | "brightness-outline" | "calendar" | "cards" | "check-circle" | "check-circle-outline" | "circle-notifications" | "cloud-download" | "collections-bookmark" | "contact-support" | "cross" | "course" | "cube-letter" | "cube-outline" | "date-range" | "delete" | "delete-forever" | "delete-outline" | "edit" | "enter" | "equalizer" | "expand-less" | "expand-more" | "external-link" | "favorite" | "favorite-outline" | "file-download" | "file-upload" | "flag" | "flag-outline" | "flip" | "folder" | "globe" | "group" | "group-add" | "help" | "help-live" | "help-outline" | "highlight-remove" | "key" | "keyboard" | "keyboard-arrow-down" | "keyboard-arrow-left" | "keyboard-arrow-right" | "keyboard-arrow-up" | "keyboard-voice" | "known" | "known-outline" | "language" | "letter-match" | "library-books" | "lightbulb" | "lightbulb-outline" | "list" | "lock" | "lock-open-outline" | "lock-outline" | "logout" | "loop" | "mail" | "mail-outline" | "match-up" | "menu" | "menu-book" | "more-horizontal" | "more-vertical" | "multiple-choice" | "person" | "person-add" | "person-outline" | "pie-chart" | "pie-chart-outline" | "pin" | "pin-outline" | "play-arrow" | "play-circle-filled" | "play-circle-outline" | "playlist-add" | "playlist-add-check" | "power-off" | "price-tag" | "rate-down" | "rate-down-outline" | "rate-up" | "rate-up-outline" | "refresh" | "remove" | "remove-circle" | "remove-circle-outline" | "replay-circle-filled" | "search" | "sentiment-dissatisfied" | "sentiment-satisfied" | "settings" | "share" | "snowflake" | "sort" | "space" | "spelling" | "star-half" | "star-outline" | "star" | "sun" | "sync" | "table" | "thumb-down" | "thumb-down-outline" | "thumb-up" | "thumb-up-outline" | "time" | "tran" | "unfavorite" | "visibility" | "volume-off" | "volume-up" | "word" | "image" | "magic-wand" | "microphone-off" | "microphone" | "moon" | "music" | "learn" | "audio" | "tag" | "unknown" | "unknown-outline" | "discover")[];
2
2
  export type RegularIconName = (typeof RegularIconNameList)[number];
package/build/index.js CHANGED
@@ -91,47 +91,58 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
91
91
 
92
92
  var s$x = {"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"};
93
93
 
94
+ var _path$2t;
95
+ function _extends$2v() { return _extends$2v = 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$2v.apply(null, arguments); }
96
+ var SvgAdd = function SvgAdd(props) {
97
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2v({
98
+ xmlns: "http://www.w3.org/2000/svg",
99
+ viewBox: "0 0 32 32"
100
+ }, props), _path$2t || (_path$2t = /*#__PURE__*/React__namespace.createElement("path", {
101
+ d: "M25.313 17.313h-8v8h-2.625v-8h-8v-2.625h8v-8h2.625v8h8z"
102
+ })));
103
+ };
104
+
94
105
  var _path$2s;
95
106
  function _extends$2u() { return _extends$2u = 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$2u.apply(null, arguments); }
96
- var SvgAdd = function SvgAdd(props) {
107
+ var SvgAddBox = function SvgAddBox(props) {
97
108
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2u({
98
109
  xmlns: "http://www.w3.org/2000/svg",
99
110
  viewBox: "0 0 32 32"
100
111
  }, props), _path$2s || (_path$2s = /*#__PURE__*/React__namespace.createElement("path", {
101
- d: "M25.313 17.313h-8v8h-2.625v-8h-8v-2.625h8v-8h2.625v8h8z"
112
+ d: "M22.688 17.313v-2.625h-5.375V9.313h-2.625v5.375H9.313v2.625h5.375v5.375h2.625v-5.375zM25.313 4q1.063 0 1.875.813t.813 1.875v18.625q0 1.063-.813 1.875t-1.875.813H6.688q-1.125 0-1.906-.781t-.781-1.906V6.689q0-1.125.781-1.906t1.906-.781h18.625z"
102
113
  })));
103
114
  };
104
115
 
105
116
  var _path$2r;
106
117
  function _extends$2t() { return _extends$2t = 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$2t.apply(null, arguments); }
107
- var SvgAddBox = function SvgAddBox(props) {
118
+ var SvgAddCircle = function SvgAddCircle(props) {
108
119
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2t({
109
120
  xmlns: "http://www.w3.org/2000/svg",
110
121
  viewBox: "0 0 32 32"
111
122
  }, props), _path$2r || (_path$2r = /*#__PURE__*/React__namespace.createElement("path", {
112
- d: "M22.688 17.313v-2.625h-5.375V9.313h-2.625v5.375H9.313v2.625h5.375v5.375h2.625v-5.375zM25.313 4q1.063 0 1.875.813t.813 1.875v18.625q0 1.063-.813 1.875t-1.875.813H6.688q-1.125 0-1.906-.781t-.781-1.906V6.689q0-1.125.781-1.906t1.906-.781h18.625z"
123
+ d: "M22.688 17.313v-2.625h-5.375V9.313h-2.625v5.375H9.313v2.625h5.375v5.375h2.625v-5.375zM16 2.688q5.5 0 9.406 3.906T29.312 16t-3.906 9.406T16 29.312t-9.406-3.906T2.688 16t3.906-9.406T16 2.688"
113
124
  })));
114
125
  };
115
126
 
116
127
  var _path$2q;
117
128
  function _extends$2s() { return _extends$2s = 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$2s.apply(null, arguments); }
118
- var SvgAddCircle = function SvgAddCircle(props) {
129
+ var SvgAddCircleOutline = function SvgAddCircleOutline(props) {
119
130
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2s({
120
131
  xmlns: "http://www.w3.org/2000/svg",
121
132
  viewBox: "0 0 32 32"
122
133
  }, props), _path$2q || (_path$2q = /*#__PURE__*/React__namespace.createElement("path", {
123
- d: "M22.688 17.313v-2.625h-5.375V9.313h-2.625v5.375H9.313v2.625h5.375v5.375h2.625v-5.375zM16 2.688q5.5 0 9.406 3.906T29.312 16t-3.906 9.406T16 29.312t-9.406-3.906T2.688 16t3.906-9.406T16 2.688"
134
+ d: "M16 26.688q4.375 0 7.531-3.156t3.156-7.531-3.156-7.531T16 5.314 8.469 8.47t-3.156 7.531 3.156 7.531T16 26.688m0-24q5.5 0 9.406 3.906T29.312 16t-3.906 9.406T16 29.312t-9.406-3.906T2.688 16t3.906-9.406T16 2.688m1.313 6.625v5.375h5.375v2.625h-5.375v5.375h-2.625v-5.375H9.313v-2.625h5.375V9.313z"
124
135
  })));
125
136
  };
126
137
 
127
138
  var _path$2p;
128
139
  function _extends$2r() { return _extends$2r = 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$2r.apply(null, arguments); }
129
- var SvgAddCircleOutline = function SvgAddCircleOutline(props) {
140
+ var SvgApps = function SvgApps(props) {
130
141
  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2r({
131
142
  xmlns: "http://www.w3.org/2000/svg",
132
- viewBox: "0 0 32 32"
143
+ viewBox: "0 0 24 24"
133
144
  }, props), _path$2p || (_path$2p = /*#__PURE__*/React__namespace.createElement("path", {
134
- d: "M16 26.688q4.375 0 7.531-3.156t3.156-7.531-3.156-7.531T16 5.314 8.469 8.47t-3.156 7.531 3.156 7.531T16 26.688m0-24q5.5 0 9.406 3.906T29.312 16t-3.906 9.406T16 29.312t-9.406-3.906T2.688 16t3.906-9.406T16 2.688m1.313 6.625v5.375h5.375v2.625h-5.375v5.375h-2.625v-5.375H9.313v-2.625h5.375V9.313z"
145
+ d: "M15.984 20.016v-4.031h4.031v4.031zm0-6V9.985h4.031v4.031zm-6-6V3.985h4.031v4.031zm6-4.032h4.031v4.031h-4.031zm-6 10.032V9.985h4.031v4.031zm-6 0V9.985h4.031v4.031zm0 6v-4.031h4.031v4.031zm6 0v-4.031h4.031v4.031zm-6-12V3.985h4.031v4.031z"
135
146
  })));
136
147
  };
137
148
 
@@ -1627,6 +1638,7 @@ var RegularIconNameList = stringLitArray$2([
1627
1638
  "add-box",
1628
1639
  "add-circle",
1629
1640
  "add-circle-outline",
1641
+ "apps",
1630
1642
  "arrow-back",
1631
1643
  "arrow-back-ios",
1632
1644
  "arrow-drop-down",
@@ -1778,6 +1790,7 @@ var icons$2 = (_a$2 = {},
1778
1790
  _a$2["add-box"] = SvgAddBox,
1779
1791
  _a$2["add-circle"] = SvgAddCircle,
1780
1792
  _a$2["add-circle-outline"] = SvgAddCircleOutline,
1793
+ _a$2["apps"] = SvgApps,
1781
1794
  _a$2["arrow-back"] = SvgArrowBack,
1782
1795
  _a$2["arrow-back-ios"] = SvgArrowBackIos,
1783
1796
  _a$2["arrow-drop-down"] = SvgArrowDropDown,
@@ -5296,7 +5309,7 @@ var Button = function (_a) {
5296
5309
 
5297
5310
  var FrontHeader = function (_a) {
5298
5311
  var _b;
5299
- var user = _a.user, children = _a.children, className = _a.className, logoHref = _a.logoHref, logoContent = _a.logoContent, loginHref = _a.loginHref, registerHref = _a.registerHref, language = _a.language, text = _a.text, onMenuClick = _a.onMenuClick, onSearchClick = _a.onSearchClick;
5312
+ var user = _a.user, children = _a.children, className = _a.className, logoHref = _a.logoHref, logoContent = _a.logoContent, loginHref = _a.loginHref, registerHref = _a.registerHref, language = _a.language, text = _a.text, onMenuClick = _a.onMenuClick, onSearchClick = _a.onSearchClick, menuIcon = _a.menuIcon;
5300
5313
  var _c = React.useState(false), shadow = _c[0], setShadow = _c[1];
5301
5314
  function handleScroll() {
5302
5315
  setShadow(window.scrollY > 50);
@@ -5333,10 +5346,10 @@ var FrontHeader = function (_a) {
5333
5346
  return (React.createElement("div", { className: classNames(s$8.root, (_b = {},
5334
5347
  _b[s$8.root__shadow] = shadow,
5335
5348
  _b), className) },
5336
- onMenuClick && React.createElement(Button, { icon: "menu", onClick: onMenuClick }),
5349
+ onMenuClick && React.createElement(Button, { icon: menuIcon || "menu", onClick: onMenuClick }),
5337
5350
  React.createElement(AppLink, { className: s$8.logo, href: logoHref }, logoContent || "AlfaSchool"),
5338
5351
  React.createElement("div", { className: s$8.content }, children),
5339
- onSearchClick && (React.createElement(Button, { icon: "search", onClick: onSearchClick, size: "middle" }, "Search")),
5352
+ onSearchClick && (React.createElement(Button, { icon: "search", onClick: onSearchClick, size: "middle" }, text.search || "Search")),
5340
5353
  !user && (React.createElement("div", { className: s$8.link },
5341
5354
  React.createElement(AppLink, { href: loginHref }, text.login || "Login"),
5342
5355
  React.createElement(AppLink, { href: registerHref }, text.register || "Register"))),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "revdev-components",
3
- "version": "0.151.0",
3
+ "version": "0.153.0",
4
4
  "main": "build/index.js",
5
5
  "module": "build/index.esm.js",
6
6
  "scripts": {