@steroidsjs/core 3.0.0-beta.60 → 3.0.0-beta.61

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@steroidsjs/core",
- "version": "3.0.0-beta.60",
+ "version": "3.0.0-beta.61",
  "description": "",
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
  "repository": {

package/ui/content/Avatar/Avatar.js

@@ -35,7 +35,7 @@ function Avatar(props) {
     return components.ui.renderView(props.view || 'content.AvatarView', __assign(__assign({}, props), { isError: isError, onError: onError, formattedTitle: formattedTitle }));
 }
 Avatar.defaultProps = {
-    size: 'middle',
+    size: 'md',
     shape: 'circle',
     status: false
 };

package/ui/layout/Header/Header.d.ts

@@ -1,4 +1,9 @@
 /// <reference types="react" />
+import { IAvatarProps } from 'src/ui/content/Avatar/Avatar';
+import { ILinkProps } from 'src/ui/nav/Link/Link';
+import { IModalProps } from 'src/ui/modal/Modal/Modal';
+import { IMenuProps } from 'src/ui/content/Menu/Menu';
+import { IButtonProps } from 'src/ui/form/Button/Button';
 import { INavProps } from '../../nav/Nav/Nav';
 /**
  * IHeaderProps
@@ -8,12 +13,24 @@ import { INavProps } from '../../nav/Nav/Nav';
  **/
 export interface IHeaderProps extends IUiComponent {
     /**
-    * Свойства для логотипа
-    */
+     * Свойства для логотипа.
+     */
     logo?: {
+        /**
+         * Заголовок логотипа.
+         */
         title: string;
-        linkProps?: Record<string, unknown>;
-        icon?: string | any;
+        /**
+         * Дополнительные свойства ссылки логотипа.
+         */
+        linkProps?: ILinkProps;
+        /**
+         * Иконка логотипа в виде строки или компонента React.
+         */
+        icon?: string | React.ReactElement;
+        /**
+         * Дополнительные классы стилей для логотипа.
+         */
         className?: CssClassName;
     };
     /**
@@ -24,7 +41,67 @@ export interface IHeaderProps extends IUiComponent {
      * Размер
      */
     size?: Size;
+    /**
+     * Параметры авторизации.
+     */
+    authParams?: {
+        /**
+         * Флаг для отображения кнопки авторизации
+         */
+        isAuth: boolean;
+        /**
+         * Маршрут, на который перенаправлять пользователя для авторизации.
+         */
+        toRoute?: string;
+        /**
+         * Свойства для модального окна авторизации.
+         */
+        modal?: IModalProps;
+        /**
+        * Параметры для кнопки авторизации
+        */
+        buttonProps?: IButtonProps;
+    };
+    /**
+     * Информация о пользователе.
+     */
+    user?: {
+        /**
+         * Имя пользователя.
+         */
+        name?: string;
+        /**
+         * Свойства для аватара пользователя.
+         */
+        avatar?: IAvatarProps;
+        /**
+         * Свойства для меню пользователя.
+         */
+        menu?: IMenuProps;
+    };
+    /**
+     * Свойства для бургер-меню.
+     */
+    burgerMenu?: {
+        /**
+         * Контент бургер-меню в виде компонента React.
+         */
+        content?: React.ReactElement;
+        /**
+         * Свойства для ссылок бургер-меню.
+         */
+        links?: ILinkProps;
+    };
     [key: string]: any;
 }
-export type IHeaderViewProps = IHeaderProps;
-export default function Header(props: IHeaderProps): JSX.Element;
+export interface IHeaderViewProps extends IHeaderProps {
+    toggleBurger: VoidFunction;
+    isBurgerOpened: boolean;
+}
+declare function Header(props: IHeaderProps): JSX.Element;
+declare namespace Header {
+    var defaultProps: {
+        size: string;
+    };
+}
+export default Header;

package/ui/layout/Header/Header.js

@@ -1,7 +1,26 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 exports.__esModule = true;
+var react_1 = require("react");
 var hooks_1 = require("../../../hooks");
 function Header(props) {
-    return (0, hooks_1.useComponents)().ui.renderView(props.view || 'layout.HeaderView', props);
+    var _a = (0, react_1.useState)(false), isBurgerOpened = _a[0], setIsBurgerOpened = _a[1];
+    var toggleBurger = (0, react_1.useCallback)(function () {
+        setIsBurgerOpened(function (prev) { return !prev; });
+    }, []);
+    return (0, hooks_1.useComponents)().ui.renderView(props.view || 'layout.HeaderView', __assign(__assign({}, props), { toggleBurger: toggleBurger, isBurgerOpened: isBurgerOpened }));
 }
+Header.defaultProps = {
+    size: 'md'
+};
 exports["default"] = Header;

package/ui/nav/Nav/Nav.d.ts

@@ -84,10 +84,6 @@ export interface INavProps {
      * Размер
      */
     size?: Size;
-    /**
-     * Темная тема
-     */
-    dark?: boolean;
     [key: string]: any;
 }
 export interface INavViewProps extends INavProps {