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.
- package/build/frontHeader/index.d.ts +3 -0
- package/build/icon/regular/names.d.ts +1 -1
- package/build/index.js +25 -12
- package/package.json +1 -1
|
@@ -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
|
|
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: "
|
|
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
|
|
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.
|
|
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
|
|
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: "
|
|
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
|
|
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
|
|
143
|
+
viewBox: "0 0 24 24"
|
|
133
144
|
}, props), _path$2p || (_path$2p = /*#__PURE__*/React__namespace.createElement("path", {
|
|
134
|
-
d: "
|
|
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"))),
|