@hazelcast/ui 1.3.3-next.16 → 1.3.3-next.17

package/lib/AppHeader/AppHeader.d.ts

@@ -7,9 +7,10 @@ export interface AppHeaderProps extends DataTestProp {
     name: ReactNode;
     className?: string;
     children?: ReactNode;
+    asideContent?: ReactNode;
     environment?: 'production';
     logoProps: AppHeaderLogoProps;
     clusterSelectProps?: SelectClusterProps;
     menuContent?: AppHeaderMenuProps['children'];
 }
-export declare const AppHeader: ({ name, className, children, environment, clusterSelectProps, logoProps, menuContent, "data-test": dataTest, }: AppHeaderProps) => JSX.Element;
+export declare const AppHeader: ({ name, className, children, environment, clusterSelectProps, logoProps, menuContent, asideContent, "data-test": dataTest, }: AppHeaderProps) => JSX.Element;

package/lib/AppHeader/AppHeader.js

@@ -5,11 +5,13 @@ import { AppHeaderMenu } from './AppHeaderMenu';
 import { AppHeaderLogo } from './AppHeaderLogo';
 import { SelectCluster } from './SelectCluster';
 import styles from './AppHeader.module.scss';
-export const AppHeader = ({ name, className, children, environment, clusterSelectProps, logoProps, menuContent, 'data-test': dataTest = 'app-header', }) => (React.createElement("header", { "data-test": dataTest, className: cls(styles.root, className) },
+export const AppHeader = ({ name, className, children, environment, clusterSelectProps, logoProps, menuContent, asideContent, 'data-test': dataTest = 'app-header', }) => (React.createElement("header", { "data-test": dataTest, className: cls(styles.root, className) },
     React.createElement(AppHeaderLogo, { ...logoProps }),
     React.createElement("span", { className: styles.name }, name),
     clusterSelectProps && React.createElement(SelectCluster, { ...clusterSelectProps }),
     children,
     environment && React.createElement(EnvironmentBadge, { environment: environment }),
-    React.createElement("div", { className: styles.aside }, menuContent && React.createElement(AppHeaderMenu, null, menuContent))));
+    React.createElement("div", { className: styles.aside },
+        asideContent,
+        menuContent && React.createElement(AppHeaderMenu, { separator: !!asideContent }, menuContent))));
 //# sourceMappingURL=AppHeader.js.map

package/lib/AppHeader/AppHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeader.js","sourceRoot":"","sources":["../../src/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,GAAG,MAAM,YAAY,CAAA;AAG5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AAEnE,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAY5C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,WAAW,EAAE,QAAQ,GAAG,YAAY,GACrB,EAAE,EAAE,CAAC,CACpB,6CAAmB,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC;IACjE,oBAAC,aAAa,OAAK,SAAS,GAAI;IAChC,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ;IAC1C,kBAAkB,IAAI,oBAAC,aAAa,OAAK,kBAAkB,GAAI;IAC/D,QAAQ;IACR,WAAW,IAAI,oBAAC,gBAAgB,IAAC,WAAW,EAAE,WAAW,GAAI;IAC9D,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,WAAW,IAAI,oBAAC,aAAa,QAAE,WAAW,CAAiB,CAAO,CAC1F,CACV,CAAA"}
+{"version":3,"file":"AppHeader.js","sourceRoot":"","sources":["../../src/AppHeader/AppHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,GAAG,MAAM,YAAY,CAAA;AAG5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AAEnE,OAAO,MAAM,MAAM,yBAAyB,CAAA;AAa5C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,WAAW,EAAE,QAAQ,GAAG,YAAY,GACrB,EAAE,EAAE,CAAC,CACpB,6CAAmB,QAAQ,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC;IACjE,oBAAC,aAAa,OAAK,SAAS,GAAI;IAChC,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,IAAI,CAAQ;IAC1C,kBAAkB,IAAI,oBAAC,aAAa,OAAK,kBAAkB,GAAI;IAC/D,QAAQ;IACR,WAAW,IAAI,oBAAC,gBAAgB,IAAC,WAAW,EAAE,WAAW,GAAI;IAC9D,6BAAK,SAAS,EAAE,MAAM,CAAC,KAAK;QACzB,YAAY;QACZ,WAAW,IAAI,oBAAC,aAAa,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,IAAG,WAAW,CAAiB,CACnF,CACC,CACV,CAAA"}

package/lib/AppHeader/AppHeader.module.scss

@@ -22,5 +22,8 @@
 }
 
 .aside {
+  display: flex;
+  align-items: center;
   margin-left: auto;
+  gap: c.$grid * 4;
 }

package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
 export interface AppHeaderMenuProps {
+    separator?: boolean;
     children: (props: {
         onClose: () => void;
     }) => ReactNode;
 }
-export declare const AppHeaderMenu: ({ children }: AppHeaderMenuProps) => JSX.Element;
+export declare const AppHeaderMenu: ({ separator, children }: AppHeaderMenuProps) => JSX.Element;

package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.js

@@ -1,13 +1,14 @@
 import React, { useState } from 'react';
 import { Menu as MenuIcon } from 'react-feather';
+import cn from 'classnames';
 import { Button } from '../../Button';
 import { Popover } from '../../Popover';
 import { useOpenCloseState } from '../../hooks';
 import styles from './AppHeaderMenu.module.scss';
-export const AppHeaderMenu = ({ children }) => {
+export const AppHeaderMenu = ({ separator, children }) => {
     const [anchorElement, setAnchorElement] = useState();
     const { isOpen, toggle, close } = useOpenCloseState();
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement("div", { className: cn(styles.root, { [styles.separator]: separator }) },
         React.createElement(Button, { variant: "text", color: "light", iconSize: "medium", onClick: toggle, capitalize: false, iconRight: MenuIcon, ref: setAnchorElement, "data-test": "app-header-menu-toggle", iconRightAriaLabel: "menu icon", className: styles.toggleButton }, "Menu"),
         React.createElement(Popover, { open: isOpen, anchorElement: anchorElement, onClose: close, className: styles.content }, children({ onClose: close }))));
 };

package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeaderMenu.js","sourceRoot":"","sources":["../../../src/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAMhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAChE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAsB,CAAA;IACxE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAErD,OAAO,CACL;QACE,oBAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,gBAAgB,eACX,wBAAwB,EAClC,kBAAkB,EAAC,WAAW,EAC9B,SAAS,EAAE,MAAM,CAAC,YAAY,WAGvB;QACT,oBAAC,OAAO,IAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAC3F,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CACrB,CACT,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"AppHeaderMenu.js","sourceRoot":"","sources":["../../../src/AppHeader/AppHeaderMenu/AppHeaderMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAOhD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAsB,EAAE,EAAE;IAC3E,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAsB,CAAA;IACxE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAErD,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;QAChE,oBAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,QAAQ,EACnB,GAAG,EAAE,gBAAgB,eACX,wBAAwB,EAClC,kBAAkB,EAAC,WAAW,EAC9B,SAAS,EAAE,MAAM,CAAC,YAAY,WAGvB;QACT,oBAAC,OAAO,IAAC,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,IAC3F,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CACrB,CACN,CACP,CAAA;AACH,CAAC,CAAA"}

package/lib/AppHeader/AppHeaderMenu/AppHeaderMenu.module.scss

@@ -1,5 +1,14 @@
 @use '../../../styles/constants' as c;
 
+.root {
+  display: flex;
+  align-items: center;
+}
+
+.separator {
+  border-left: 1px solid c.$colorNeutralLight;
+}
+
 .content {
   padding: c.$grid * 2;
   color: c.$colorNeutralLighter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hazelcast/ui",
-  "version": "1.3.3-next.16+5e6901c",
+  "version": "1.3.3-next.17+d780baf",
   "description": "Hazelcast design system components",
   "author": "",
   "homepage": "https://github.com/hazelcast/frontend-shared#readme",
@@ -121,5 +121,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "5e6901cc5d279c4997785418af41ffa3428bcce7"
+  "gitHead": "d780baf1887585cffd64e843babd0053721e18bc"
 }