@tap-payments/os-micro-frontend-shared 0.0.246-test.2 → 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/index.d.ts

@@ -1,3 +1,4 @@
 import AppWindowHeader from './AppWindowHeader';
 export default AppWindowHeader;
+export { default as AppWindowHeaderBase } from './AppWindowHeaderBase';
 export * from './type';

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

@@ -1,3 +1,4 @@
 import AppWindowHeader from './AppWindowHeader';
 export default AppWindowHeader;
+export { default as AppWindowHeaderBase } from './AppWindowHeaderBase';
 export * from './type';

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

@@ -1,16 +1,6 @@
 import { StyledHeaderWrapperStyled, ToolbarProps } from '../../../Toolbar';
-import { Dispatch, ReactNode, SetStateAction, SyntheticEvent } from 'react';
-export interface AccountHeaderProps {
-    isSidebarExpanded: boolean;
-    setIsSidebarExpanded: (value: boolean) => void;
-    isToolbarAnimationDisabled?: boolean;
-    setIsToolbarAnimationDisabled?: (value: boolean) => void;
-    isMaximized?: boolean;
-    setIsMaximized?: Dispatch<SetStateAction<boolean>>;
-    onClose?: () => void;
-    title?: string;
-    showSectionsButton?: boolean;
-}
+import type { SxProps, Theme } from '@mui/material/styles';
+import { ReactNode, SyntheticEvent } from 'react';
 export type AppWindowHeaderBaseProps = React.ComponentProps<typeof StyledHeaderWrapperStyled> & {
     title?: string;
     maximized?: boolean;
@@ -29,4 +19,7 @@ export type AppWindowHeaderProps = {
     leftActions?: ReactNode;
     onClose?: () => void;
     onMaximize?: (isMaximized: boolean) => void;
+    headerBaseProps?: Partial<AppWindowHeaderBaseProps>;
+    headerBaseStyles?: SxProps<Theme>;
+    sx?: AppWindowHeaderBaseProps['sx'];
 };

package/build/components/AppWindowWrapper/index.d.ts

@@ -1,6 +1,8 @@
 import AppWindowWrapper from './AppWindowWrapper';
 export { default as AppWindow, type WindowProps, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, FOOTER_HEIGHT, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindow';
 export * from './headers/AccountHeader';
+export * from './headers/AppWindowHeader';
+export { default as AppWindowHeader } from './headers/AppWindowHeader';
 export * from './context';
 export type { AppWindowProps } from './type';
 export default AppWindowWrapper;

package/build/components/AppWindowWrapper/index.js

@@ -1,5 +1,7 @@
 import AppWindowWrapper from './AppWindowWrapper';
 export { default as AppWindow, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, FOOTER_HEIGHT, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindow';
 export * from './headers/AccountHeader';
+export * from './headers/AppWindowHeader';
+export { default as AppWindowHeader } from './headers/AppWindowHeader';
 export * from './context';
 export default AppWindowWrapper;

package/build/components/index.d.ts

@@ -1,7 +1,7 @@
 export { default as AccordionAdapter } from './AccordionAdapter';
 export { default as ActionMenu, ActionMenuDropDown, ActionMenuItem, type ActionMenuProps } from './ActionMenu';
 export { default as ActivityAreaChart, type ActivityAreaChartProps, type ChartDataPoint, ChartTooltip, type ChartTooltipProps, LoadingChart, type PayloadItem, } from './ActivityAreaChart';
-export { default as AppWindowWrapper, type AccountHeaderProps, AccountHeaderTitle, AppWindow, type AccountHeaderTitleProps, type AppWindowProps, type WindowProps, AppWindowContext, AppWindowContextProvider, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindowWrapper';
+export { default as AppWindowWrapper, type AccountHeaderProps, AccountHeaderTitle, type AppWindowHeaderProps, type AppWindowHeaderBaseProps, AppWindow, type AccountHeaderTitleProps, type AppWindowProps, type WindowProps, AppWindowContext, AppWindowContextProvider, LEFT_SIDEBAR, RIGHT_SIDEBAR, VIEWER_HEIGHT, VIEWER_WIDTH, animationDuration, StyledFooter, StyledHideButton, StyledMenuLink, StyledSubmitButton, SubmitButtonWrapper, } from './AppWindowWrapper';
 export { default as BackgroundAnimation, type BlobGradient, type Blob } from './BackgroundAnimation';
 export { default as Button, PlusButton, StyledButton } from './Button';
 export { default as Calender, type CalenderProps, type DateObject } from './Calender';

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.2",
-  "testVersion": 2,
+  "version": "0.0.246-test.4",
+  "testVersion": 4,
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",