@tap-payments/os-micro-frontend-shared 0.0.246-test.3 → 0.0.246-test.4

package/build/components/AppWindowWrapper/headers/AppWindowHeader/AppWindowHeader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { AppWindowHeaderProps } from './type';
-declare function AppWindowHeader({ isMaximized, id, isToolbarAnimationDisabled, title, leftActions, onClose, onMaximize }: AppWindowHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function AppWindowHeader({ isMaximized, id, isToolbarAnimationDisabled, title, leftActions, onClose, onMaximize, sx }: AppWindowHeaderProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof AppWindowHeader>;
 export default _default;

package/build/components/AppWindowWrapper/headers/AppWindowHeader/AppWindowHeader.js

@@ -5,7 +5,7 @@ import { useMouseState } from '../../../../hooks/index.js';
 import { animationDuration } from '../../AppWindow/constant';
 import AppWindowHeaderBase from './AppWindowHeaderBase';
 import { CloseIcon, MaximizeIcon } from '../../../ToolbarIcon';
-function AppWindowHeader({ isMaximized, id, isToolbarAnimationDisabled, title, leftActions, onClose, onMaximize }) {
+function AppWindowHeader({ isMaximized, id, isToolbarAnimationDisabled, title, leftActions, onClose, onMaximize, sx }) {
     const { isHovered, onMouseEnter, onMouseLeave } = useMouseState();
     return (_jsx(motion.div, Object.assign({ style: Object.assign({}, (isMaximized && {
             height: 0,
@@ -18,6 +18,6 @@ function AppWindowHeader({ isMaximized, id, isToolbarAnimationDisabled, title, l
             width: '100%',
         })), transition: Object.assign({ duration: animationDuration }, (isToolbarAnimationDisabled && {
             duration: 0,
-        })) }, { children: _jsx(AppWindowHeaderBase, { title: title, maximized: isMaximized, id: id || 'draggable-dialog-title', isHovered: isHovered, onMouseHover: onMouseEnter, onMouseLeave: onMouseLeave, leftActions: leftActions || (_jsxs(_Fragment, { children: [_jsx(CloseIcon, { onClick: onClose }), _jsx(MaximizeIcon, { isMaximized: isMaximized, onClick: () => onMaximize === null || onMaximize === void 0 ? void 0 : onMaximize(!isMaximized) })] })) }) })));
+        })) }, { children: _jsx(AppWindowHeaderBase, { title: title, maximized: isMaximized, id: id || 'draggable-dialog-title', isHovered: isHovered, onMouseHover: onMouseEnter, onMouseLeave: onMouseLeave, leftActions: leftActions || (_jsxs(_Fragment, { children: [_jsx(CloseIcon, { onClick: onClose }), _jsx(MaximizeIcon, { isMaximized: isMaximized, onClick: () => onMaximize === null || onMaximize === void 0 ? void 0 : onMaximize(!isMaximized) })] })), sx: sx }) })));
 }
 export default memo(AppWindowHeader);

package/build/components/AppWindowWrapper/headers/AppWindowHeader/AppWindowHeaderBase.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { AppWindowHeaderBaseProps } from './type';
-declare function AppWindowHeaderBase({ title, maximized, id, isHovered, onMouseHover, onMouseLeave, leftActions, sandboxMode, titleIconSrc, ...rootProps }: AppWindowHeaderBaseProps): import("react/jsx-runtime").JSX.Element;
+declare function AppWindowHeaderBase({ title, maximized, id, isHovered, onMouseHover, onMouseLeave, leftActions, sandboxMode, titleIconSrc, sx, ...rootProps }: AppWindowHeaderBaseProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof AppWindowHeaderBase>;
 export default _default;

package/build/components/AppWindowWrapper/headers/AppWindowHeader/AppWindowHeaderBase.js

@@ -14,7 +14,7 @@ import { memo } from 'react';
 import Toolbar from '../../../Toolbar';
 import { StyledHeaderWrapperStyled } from '../../../Toolbar/style';
 function AppWindowHeaderBase(_a) {
-    var { title, maximized = false, id, isHovered = false, onMouseHover, onMouseLeave, leftActions, sandboxMode = false, titleIconSrc } = _a, rootProps = __rest(_a, ["title", "maximized", "id", "isHovered", "onMouseHover", "onMouseLeave", "leftActions", "sandboxMode", "titleIconSrc"]);
-    return (_jsx(StyledHeaderWrapperStyled, Object.assign({ id: id, "data-testid": "UserTitleBar", maximized: maximized || false, sandboxMode: sandboxMode }, rootProps, { children: _jsx(Toolbar, { onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isMaximized: maximized, isHovered: isHovered, title: title || '', icon: titleIconSrc, leftActions: leftActions }) })));
+    var { title, maximized = false, id, isHovered = false, onMouseHover, onMouseLeave, leftActions, sandboxMode = false, titleIconSrc, sx } = _a, rootProps = __rest(_a, ["title", "maximized", "id", "isHovered", "onMouseHover", "onMouseLeave", "leftActions", "sandboxMode", "titleIconSrc", "sx"]);
+    return (_jsx(StyledHeaderWrapperStyled, Object.assign({ className: "header-wrapper", id: id, "data-testid": "UserTitleBar", maximized: maximized || false, sandboxMode: sandboxMode, sx: sx }, rootProps, { children: _jsx(Toolbar, { onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isMaximized: maximized, isHovered: isHovered, title: title || '', icon: titleIconSrc, leftActions: leftActions }) })));
 }
 export default memo(AppWindowHeaderBase);

package/build/components/AppWindowWrapper/headers/AppWindowHeader/type.d.ts

@@ -1,4 +1,5 @@
 import { StyledHeaderWrapperStyled, ToolbarProps } from '../../../Toolbar';
+import type { SxProps, Theme } from '@mui/material/styles';
 import { ReactNode, SyntheticEvent } from 'react';
 export type AppWindowHeaderBaseProps = React.ComponentProps<typeof StyledHeaderWrapperStyled> & {
     title?: string;
@@ -18,4 +19,7 @@ export type AppWindowHeaderProps = {
     leftActions?: ReactNode;
     onClose?: () => void;
     onMaximize?: (isMaximized: boolean) => void;
+    headerBaseProps?: Partial<AppWindowHeaderBaseProps>;
+    headerBaseStyles?: SxProps<Theme>;
+    sx?: AppWindowHeaderBaseProps['sx'];
 };

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.246-test.3",
-  "testVersion": 3,
+  "version": "0.0.246-test.4",
+  "testVersion": 4,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",