@mailstep/design-system 0.6.71 → 0.6.72-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.6.71",
+  "version": "0.6.72-beta.0",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/types.d.ts

@@ -303,7 +303,6 @@ export type GridProps = Omit<CommonGridProps, 'filters'> & {
     queryRowsParam?: number | string;
     customPaginationHandler?: (page: number, rows: number) => void;
 };
-export type PageGridProps = Omit<GridProps, 'rowsData' | 'totalRowsCount' | 'columnsDefinitions' | 'actionColumnDefinition' | 'minColumnWidth' | 'columnLayout'>;
 export type Item = {
     title: string | JSX.Element;
     onClick: () => void;

package/ui/Blocks/Header/index.d.ts

@@ -5,8 +5,10 @@ import type { User } from './types';
 type Props = {
     homeLink: string;
     isMobileMenuOpen?: boolean;
-    logo: Brand;
-    logoVariant: Variant;
+    logo?: Brand;
+    logoVariant?: Variant;
+    logoSrc?: string;
+    logoSrcWidth?: string;
     user?: User | null;
     currentLanguage?: string;
     hasUserMenu?: boolean;

package/ui/Blocks/Header/index.js

@@ -9,7 +9,7 @@ import { useChangeLanguage } from './hooks/useChangeLanguage';
 import { languageItems } from './utils/languageItems';
 import { Container, LeftSide, RightSide, LanguageWrapper } from './styles';
 export var Header = function (_a) {
-    var isMobileMenuOpen = _a.isMobileMenuOpen, homeLink = _a.homeLink, logo = _a.logo, logoVariant = _a.logoVariant, user = _a.user, currentLanguage = _a.currentLanguage, _b = _a.hasUserMenu, hasUserMenu = _b === void 0 ? false : _b, rightMenuItems = _a.rightMenuItems, onOpenMobileSideMenu = _a.onOpenMobileSideMenu, onChangeLanguage = _a.onChangeLanguage, onLogout = _a.onLogout;
+    var isMobileMenuOpen = _a.isMobileMenuOpen, homeLink = _a.homeLink, logo = _a.logo, logoVariant = _a.logoVariant, logoSrc = _a.logoSrc, logoSrcWidth = _a.logoSrcWidth, user = _a.user, currentLanguage = _a.currentLanguage, _b = _a.hasUserMenu, hasUserMenu = _b === void 0 ? false : _b, rightMenuItems = _a.rightMenuItems, onOpenMobileSideMenu = _a.onOpenMobileSideMenu, onChangeLanguage = _a.onChangeLanguage, onLogout = _a.onLogout;
     var handleChangeLanguage = useChangeLanguage({ onChangeLanguage: onChangeLanguage }).handleChangeLanguage;
-    return (_jsxs(Container, { children: [_jsxs(LeftSide, { children: [_jsx(HamburgerMenuButton, { isLeftMenuOpen: isMobileMenuOpen, onClick: onOpenMobileSideMenu }), _jsx(Link, { to: homeLink, children: _jsx(Logo, { brand: logo, variant: logoVariant, width: "145px" }) })] }), _jsxs(RightSide, { children: [Array.isArray(rightMenuItems) && (rightMenuItems === null || rightMenuItems === void 0 ? void 0 : rightMenuItems.length) > 0 && _jsx(MenuItems, { items: rightMenuItems }), _jsx(LanguageWrapper, { children: _jsx(LanguageSwitch, { languageItems: languageItems, onLanguageChange: handleChangeLanguage, activeLanguage: currentLanguage }) }), hasUserMenu && _jsx(UserMenu, { user: user, onLogout: onLogout })] })] }));
+    return (_jsxs(Container, { children: [_jsxs(LeftSide, { children: [_jsx(HamburgerMenuButton, { isLeftMenuOpen: isMobileMenuOpen, onClick: onOpenMobileSideMenu }), _jsx(Link, { to: homeLink, children: logoSrc ? _jsx("img", { src: logoSrc, alt: "logo", width: logoSrcWidth }) : _jsx(Logo, { brand: logo, variant: logoVariant, width: "145px" }) })] }), _jsxs(RightSide, { children: [Array.isArray(rightMenuItems) && (rightMenuItems === null || rightMenuItems === void 0 ? void 0 : rightMenuItems.length) > 0 && _jsx(MenuItems, { items: rightMenuItems }), _jsx(LanguageWrapper, { children: _jsx(LanguageSwitch, { languageItems: languageItems, onLanguageChange: handleChangeLanguage, activeLanguage: currentLanguage }) }), hasUserMenu && _jsx(UserMenu, { user: user, onLogout: onLogout })] })] }));
 };

package/ui/Blocks/Header/stories/Header.stories.d.ts

@@ -4,8 +4,10 @@ declare const meta: {
     component: import("react").FC<{
         homeLink: string;
         isMobileMenuOpen?: boolean | undefined;
-        logo: import("../../..").Brand;
-        logoVariant: import("../../..").Variant;
+        logo?: import("../../..").Brand | undefined;
+        logoVariant?: import("../../..").Variant | undefined;
+        logoSrc?: string | undefined;
+        logoSrcWidth?: string | undefined;
         user?: import("../types").User | null | undefined;
         currentLanguage?: string | undefined;
         hasUserMenu?: boolean | undefined;
@@ -22,4 +24,5 @@ export declare const HeaderBasic: () => JSX.Element;
 export declare const HeaderWithUser: () => JSX.Element;
 export declare const HeaderWithRightLinks: () => JSX.Element;
 export declare const HeaderWithLanguageSwitch: () => JSX.Element;
+export declare const HeaderWithCustomLogo: () => JSX.Element;
 export declare const HeaderWithAllItems: () => JSX.Element;

package/ui/Blocks/Header/stories/Header.stories.js

@@ -35,6 +35,7 @@ export var HeaderBasic = function () { return (_jsx(LinguiContainer, { children:
 export var HeaderWithUser = function () { return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "/", logo: "mailstep", logoVariant: "black", hasUserMenu: true, user: user }) })); };
 export var HeaderWithRightLinks = function () { return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "/", logo: "mailstep", logoVariant: "black", rightMenuItems: menuItems }) })); };
 export var HeaderWithLanguageSwitch = function () { return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "/", logo: "mailstep", logoVariant: "black", currentLanguage: "cs" }) })); };
+export var HeaderWithCustomLogo = function () { return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "//google.com", logoSrc: "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png", logoSrcWidth: "100px" }) })); };
 export var HeaderWithAllItems = function () {
     var _a = useState(false), isMobileMenuOpen = _a[0], setIsMobileMenuOpen = _a[1];
     return (_jsx(LinguiContainer, { children: _jsx(Header, { homeLink: "/", logo: "mailstep", logoVariant: "black", currentLanguage: "cs", rightMenuItems: menuItems, hasUserMenu: true, user: user, isMobileMenuOpen: isMobileMenuOpen, onOpenMobileSideMenu: function () { return setIsMobileMenuOpen(function (state) { return !state; }); } }) }));