@tap-payments/os-micro-frontend-shared 0.0.1

package/build/components/AppWindow/context/type.d.ts

@@ -0,0 +1,47 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { Resizable } from 're-resizable';
+export interface AppWindowProviderProps {
+    children: React.ReactNode;
+    isOpen: boolean;
+    onClose: () => void;
+    defaultWindowWidth?: number;
+    defaultWindowHeight?: number;
+}
+export interface AppWindowContextProps {
+    position: {
+        x: number;
+        y: number;
+    };
+    setPosition: Dispatch<SetStateAction<{
+        x: number;
+        y: number;
+    }>>;
+    dimensions: {
+        width: number;
+        height: number;
+    };
+    viewerDefaultWidth: number;
+    viewerDefaultHeight: number;
+    windowZIndex: number;
+    isOpen: boolean;
+    setIsMaximized: Dispatch<SetStateAction<boolean>>;
+    setIsSidebarExpanded: Dispatch<SetStateAction<boolean>>;
+    setIsToolbarAnimationDisabled: Dispatch<SetStateAction<boolean>>;
+    setIsResized: Dispatch<SetStateAction<boolean>>;
+    setNewDimensions: Dispatch<SetStateAction<{
+        width: number;
+        height: number;
+    }>>;
+    isMaximized: boolean;
+    isToolbarAnimationDisabled: boolean;
+    isSidebarExpanded: boolean;
+    isResized: boolean;
+    onClose: () => void;
+    resizableRef: React.MutableRefObject<Resizable | null | undefined>;
+    fullWindowWidth: number;
+    fullWindowHeight: number;
+    updateRefSize: (size: {
+        width: number;
+        height: number;
+    }) => void;
+}

package/build/components/AppWindow/context/type.js

@@ -0,0 +1 @@
+export {};

package/build/components/AppWindow/headers/AccountHeader/AccountHeader.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AccountHeaderProps } from './type';
+declare function AccountHeader({ isMaximized, setIsToolbarAnimationDisabled, setIsMaximized, onClose, isSidebarExpanded, setIsSidebarExpanded, isToolbarAnimationDisabled, title, showSectionsButton, }: AccountHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AccountHeader>;
+export default _default;

package/build/components/AppWindow/headers/AccountHeader/AccountHeader.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { motion } from 'framer-motion';
+import { useMouseState } from '../../../../hooks/index.js';
+import AccountHeaderTitle from './components/AccountHeaderTitle';
+import { animationDuration } from '../../window/constant';
+function AccountHeader({ isMaximized, setIsToolbarAnimationDisabled, setIsMaximized, onClose, isSidebarExpanded, setIsSidebarExpanded, isToolbarAnimationDisabled, title, showSectionsButton, }) {
+    const { isHovered, onMouseEnter, onMouseLeave } = useMouseState();
+    return (_jsx(motion.div, Object.assign({ style: Object.assign({}, (isMaximized && {
+            height: 0,
+            zIndex: 1000,
+            position: 'relative',
+        })), animate: Object.assign(Object.assign({}, (isMaximized && {
+            width: '100vw',
+        })), (!isMaximized && {
+            transform: `translateX(${0}px)`,
+            width: '100%',
+        })), transition: Object.assign({ duration: animationDuration }, (isToolbarAnimationDisabled && {
+            duration: 0,
+        })) }, { children: _jsx(AccountHeaderTitle, { title: title || 'Users', showSectionsButton: showSectionsButton, onClose: onClose, onMaximize: () => {
+                setIsMaximized === null || setIsMaximized === void 0 ? void 0 : setIsMaximized((prev) => !prev);
+                setIsToolbarAnimationDisabled === null || setIsToolbarAnimationDisabled === void 0 ? void 0 : setIsToolbarAnimationDisabled(true);
+                setTimeout(() => {
+                    setIsToolbarAnimationDisabled === null || setIsToolbarAnimationDisabled === void 0 ? void 0 : setIsToolbarAnimationDisabled(false);
+                }, animationDuration * 1000);
+            }, maximized: isMaximized, id: "draggable-dialog-title", onRequestClick: () => {
+                setIsToolbarAnimationDisabled === null || setIsToolbarAnimationDisabled === void 0 ? void 0 : setIsToolbarAnimationDisabled(false);
+                setIsSidebarExpanded(!isSidebarExpanded);
+            }, isSidebarExpanded: isSidebarExpanded, isHovered: isHovered, onMouseHover: onMouseEnter, onMouseLeave: onMouseLeave }) })));
+}
+export default memo(AccountHeader);

package/build/components/AppWindow/headers/AccountHeader/components/AccountHeaderTitle/AccountHeaderTitle.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AccountHeaderTitleProps } from './type';
+declare function AccountHeaderTitle({ title, onClose, onMaximize, maximized, id, onRequestClick, isSidebarExpanded, isHovered, onMouseHover, onMouseLeave, showSectionsButton, }: AccountHeaderTitleProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AccountHeaderTitle>;
+export default _default;

package/build/components/AppWindow/headers/AccountHeader/components/AccountHeaderTitle/AccountHeaderTitle.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import Toolbar from '../../../../../Toolbar';
+import { StyledHeaderWrapperStyled } from '../../../../../Toolbar/style';
+import { CloseIcon, ExpandButton, MaximizeIcon } from '../../../../../ToolbarIcon';
+import { teamWindowIcon } from '../../../../../../constants/index.js';
+function AccountHeaderTitle({ title, onClose, onMaximize, maximized = false, id, onRequestClick, isSidebarExpanded = false, isHovered = false, onMouseHover, onMouseLeave, showSectionsButton, }) {
+    return (_jsx(StyledHeaderWrapperStyled, Object.assign({ id: id, "data-testid": "UserTitleBar", maximized: maximized || false, sandboxMode: false }, { children: _jsx(Toolbar, { onMouseEnter: onMouseHover, onMouseLeave: onMouseLeave, isMaximized: maximized, isHovered: isHovered, title: title, icon: teamWindowIcon, leftActions: _jsxs(_Fragment, { children: [_jsx(CloseIcon, { onClick: onClose }), _jsx(MaximizeIcon, { isMaximized: maximized, onClick: onMaximize }), showSectionsButton && (_jsx(ExpandButton, Object.assign({ onClick: onRequestClick, isExpanded: isSidebarExpanded, isHovered: isHovered }, { children: "Sections" })))] }) }) })));
+}
+export default memo(AccountHeaderTitle);

package/build/components/AppWindow/headers/AccountHeader/components/AccountHeaderTitle/index.d.ts

@@ -0,0 +1,3 @@
+import AccountHeaderTitle from './AccountHeaderTitle';
+export type { AccountHeaderTitleProps } from './type';
+export default AccountHeaderTitle;

package/build/components/AppWindow/headers/AccountHeader/components/AccountHeaderTitle/index.js

@@ -0,0 +1,2 @@
+import AccountHeaderTitle from './AccountHeaderTitle';
+export default AccountHeaderTitle;

package/build/components/AppWindow/headers/AccountHeader/components/AccountHeaderTitle/type.d.ts

@@ -0,0 +1,14 @@
+import { SyntheticEvent } from 'react';
+import { BoxProps } from '@mui/material/Box';
+export interface AccountHeaderTitleProps extends BoxProps {
+    title: string;
+    onClose?: (e: SyntheticEvent) => void;
+    onMaximize?: (e: SyntheticEvent) => void;
+    maximized?: boolean;
+    id?: string;
+    onRequestClick?: (e: SyntheticEvent) => void;
+    isSidebarExpanded?: boolean;
+    isHovered?: boolean;
+    onMouseHover?: (e: SyntheticEvent) => void;
+    showSectionsButton?: boolean;
+}

package/build/components/AppWindow/headers/AccountHeader/components/AccountHeaderTitle/type.js

@@ -0,0 +1 @@
+export {};

package/build/components/AppWindow/headers/AccountHeader/index.d.ts

@@ -0,0 +1,4 @@
+import AccountHeader from './AccountHeader';
+export * from './components/AccountHeaderTitle';
+export type { AccountHeaderProps } from './type';
+export default AccountHeader;

package/build/components/AppWindow/headers/AccountHeader/index.js

@@ -0,0 +1,3 @@
+import AccountHeader from './AccountHeader';
+export * from './components/AccountHeaderTitle';
+export default AccountHeader;

package/build/components/AppWindow/headers/AccountHeader/type.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } 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;
+}

package/build/components/AppWindow/headers/AccountHeader/type.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+import AppWindow from './AppWindow';
+export * from './window';
+export * from './headers/AccountHeader';
+export type { AppWindowProps } from './type';
+export default AppWindow;

package/build/components/AppWindow/index.js

@@ -0,0 +1,4 @@
+import AppWindow from './AppWindow';
+export * from './window';
+export * from './headers/AccountHeader';
+export default AppWindow;

package/build/components/AppWindow/type.d.ts

@@ -0,0 +1,5 @@
+import { AppWindowProviderProps } from './context/type';
+import { WindowProps } from './window/type';
+export interface AppWindowProps extends AppWindowProviderProps {
+    windowProps?: Omit<WindowProps, 'children'>;
+}

package/build/components/AppWindow/type.js

@@ -0,0 +1 @@
+export {};

package/build/components/AppWindow/window/AppWindow.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { WindowProps } from './type';
+declare function Window({ children, titleBar, titleBarText, mainAppOrder, mainAppIsMinimized, showSectionsButton }: WindowProps): import("react").ReactPortal;
+declare const _default: import("react").MemoExoticComponent<typeof Window>;
+export default _default;

package/build/components/AppWindow/window/AppWindow.js

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useContext, useRef } from 'react';
+import { createPortal } from 'react-dom';
+import { Dialog } from '@mui/material';
+import Box from '@mui/material/Box';
+import { Resizable } from 're-resizable';
+import Draggable from 'react-draggable';
+import { AppWindowContext } from '../context';
+import { isSafariBrowser } from '../../../utils/index.js';
+import { animationDuration } from './constant';
+import AccountHeader from '../headers/AccountHeader';
+function Window({ children, titleBar, titleBarText, mainAppOrder, mainAppIsMinimized, showSectionsButton = true }) {
+    const windowNodeRef = useRef(null);
+    const { dimensions, position, resizableRef, isMaximized, isOpen, onClose, viewerDefaultWidth, viewerDefaultHeight, windowZIndex, setPosition, setNewDimensions, isToolbarAnimationDisabled, fullWindowWidth, fullWindowHeight, setIsMaximized, setIsResized, isResized, setIsToolbarAnimationDisabled, setIsSidebarExpanded, isSidebarExpanded, } = useContext(AppWindowContext);
+    const isSafari = isSafariBrowser();
+    const currentWindowWidth = dimensions.width || viewerDefaultWidth;
+    return createPortal(_jsx(Draggable, Object.assign({ nodeRef: windowNodeRef, disabled: isMaximized, handle: "#draggable-dialog-title", cancel: '[class*="MuiDialogContent-root"]', defaultClassName: "draggable-lead-dialog", defaultPosition: {
+            x: fullWindowWidth / 2 - currentWindowWidth / 2,
+            y: fullWindowHeight / 2 - viewerDefaultHeight / 2,
+        }, position: {
+            x: fullWindowWidth - position.x,
+            y: position.y,
+        }, onStop: (_, pos) => {
+            setPosition({
+                x: fullWindowWidth - pos.x,
+                y: pos.y,
+            });
+        }, bounds: {
+            top: 10,
+        } }, { children: _jsx(Dialog, Object.assign({ ref: windowNodeRef, sx: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ backgroundColor: 'transparent', zIndex: Number(mainAppOrder || 0) + windowZIndex }, (mainAppIsMinimized && {
+                display: 'none',
+            })), { transform: 'translate(180px, 14px)' }), (!isMaximized && {
+                width: isSafari ? currentWindowWidth : 'fit-content',
+                height: isSafari ? viewerDefaultHeight : 'fit-content',
+            })), (isMaximized && {
+                transform: 'none !important',
+            })), { boxShadow: '0px 0px 20px 0px rgba(0, 0, 0, 0.15)' }), PaperProps: {
+                style: Object.assign(Object.assign({ margin: 0, maxHeight: '100%', maxWidth: 'none', background: 'transparent', width: !isResized ? currentWindowWidth : 'fit-content', height: !isResized ? '100%' : 'fit-content' }, (isMaximized && {
+                    width: '100%',
+                    height: '100%',
+                })), { position: 'relative' }),
+            }, onClose: () => {
+                setIsMaximized(false);
+                setIsToolbarAnimationDisabled(true);
+                setTimeout(() => {
+                    setIsToolbarAnimationDisabled(false);
+                }, animationDuration * 1000);
+            }, open: isOpen, hideBackdrop: true, fullScreen: isMaximized, "aria-labelledby": "draggable-dialog-title", disablePortal: true }, { children: _jsx(Resizable, Object.assign({ "data-testid": "Resizable", enable: {
+                    left: true,
+                    right: true,
+                    bottomRight: true,
+                    bottom: true,
+                    top: true,
+                }, size: {
+                    width: dimensions.width,
+                    height: dimensions.height,
+                }, maxHeight: fullWindowHeight - 40, maxWidth: fullWindowWidth, minWidth: isMaximized ? '100vw' : viewerDefaultWidth, minHeight: isMaximized ? '100vh' : viewerDefaultHeight, ref: (c) => {
+                    resizableRef.current = c;
+                }, onResizeStart: () => {
+                    setIsToolbarAnimationDisabled(true);
+                }, onResizeStop: () => {
+                    setIsToolbarAnimationDisabled(false);
+                }, onResize: (_, __, element) => {
+                    setIsResized(true);
+                    setNewDimensions({
+                        width: element.offsetWidth,
+                        height: element.offsetHeight,
+                    });
+                }, defaultSize: {
+                    width: currentWindowWidth,
+                    height: viewerDefaultHeight,
+                }, style: Object.assign(Object.assign({ background: 'transparent', height: dimensions.height, overflow: 'hidden' }, (isMaximized && {
+                    height: '100% !important',
+                    width: '100% !important',
+                    flex: 1,
+                })), (isMaximized && {
+                    position: 'relative',
+                })) }, { children: _jsxs(Box, Object.assign({ sx: {
+                        height: '100%',
+                    }, "data-testid": "AppWindow" }, { children: [titleBar !== null && titleBar !== void 0 ? titleBar : (_jsx(AccountHeader, { setIsToolbarAnimationDisabled: setIsToolbarAnimationDisabled, onClose: onClose, setIsMaximized: setIsMaximized, isToolbarAnimationDisabled: isToolbarAnimationDisabled, setIsSidebarExpanded: setIsSidebarExpanded, isSidebarExpanded: isSidebarExpanded, title: titleBarText, isMaximized: isMaximized, showSectionsButton: showSectionsButton })), children] })) })) })) })), document.body);
+}
+export default memo(Window);

package/build/components/AppWindow/window/constant.d.ts

@@ -0,0 +1,6 @@
+export declare const animationDuration = 0.5;
+export declare const LEFT_SIDEBAR = 183;
+export declare const RIGHT_SIDEBAR = 287;
+export declare const VIEWER_WIDTH = 840;
+export declare const VIEWER_HEIGHT = 545;
+export declare const FOOTER_HEIGHT = 35;

package/build/components/AppWindow/window/constant.js

@@ -0,0 +1,6 @@
+export const animationDuration = 0.5;
+export const LEFT_SIDEBAR = 183;
+export const RIGHT_SIDEBAR = 287;
+export const VIEWER_WIDTH = 840;
+export const VIEWER_HEIGHT = 545;
+export const FOOTER_HEIGHT = 35;

package/build/components/AppWindow/window/index.d.ts

@@ -0,0 +1,3 @@
+import AppWindow from './AppWindow';
+export type { WindowProps } from './type';
+export default AppWindow;

package/build/components/AppWindow/window/index.js

@@ -0,0 +1,2 @@
+import AppWindow from './AppWindow';
+export default AppWindow;

package/build/components/AppWindow/window/style.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export declare const StyledMenuLink: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    isActive?: boolean | undefined;
+}, {}, {}>;
+export declare const StyledSubmitButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SubmitButtonWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledFooter: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const StyledHideButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "className" | "style" | "classes" | "color" | "children" | "sx" | "tabIndex" | "size" | "disabled" | "variant" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/build/components/AppWindow/window/style.js

@@ -0,0 +1,77 @@
+import { Box, Button, alpha, styled } from '@mui/material';
+import { FOOTER_HEIGHT } from './constant';
+export const StyledMenuLink = styled(Box, { shouldForwardProp: (props) => props !== 'isActive' })(({ theme, isActive }) => ({
+    background: isActive ? 'linear-gradient(270deg, #147DC5 0.67%, #3DA6E1 98.91%)' : 'transparent',
+    borderRadius: '4px',
+    padding: '4px 8px',
+    color: isActive ? theme.palette.common.white : theme.palette.text.primary,
+    fontSize: '11px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    gap: '4px',
+    cursor: 'pointer',
+}));
+export const StyledSubmitButton = styled(Button)(({ theme, disabled }) => ({
+    background: disabled ? alpha(theme.palette.info.dark, 0.4) : theme.palette.info.dark,
+    color: theme.palette.common.white,
+    padding: '0px 8px',
+    fontSize: '9px',
+    fontWeight: 600,
+    height: '24px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: '4px',
+    textTransform: 'none',
+    '&:hover': {
+        background: theme.palette.info.dark,
+        opacity: 0.8,
+    },
+    '&.Mui-disabled': {
+        color: theme.palette.common.white,
+    },
+}));
+export const SubmitButtonWrapper = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+    gap: '8px',
+    backgroundColor: theme.palette.background.paper,
+    padding: '6px',
+    transform: 'translateY(calc(-50% - 6px))',
+    boxShadow: '0px 4px 40px 0px rgba(0, 0, 0, 0.19)',
+    borderRadius: '4px',
+    height: '36px',
+    transition: theme.transitions.create(['width'], {
+        easing: theme.transitions.easing.sharp,
+        duration: theme.transitions.duration.complex,
+    }),
+}));
+export const StyledFooter = styled(Box)(() => ({
+    position: 'fixed',
+    height: FOOTER_HEIGHT,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    padding: '6px 16px',
+    zIndex: 1,
+    backgroundColor: `#eaeaea`,
+    backdropFilter: 'blur(12px)',
+    display: 'flex',
+    justifyContent: 'flex-end',
+    borderBottomLeftRadius: '12px',
+    borderBottomRightRadius: '12px',
+}));
+export const StyledHideButton = styled(Button)(() => ({
+    padding: '4px 8px',
+    boxShadow: '0px 0px 4px 0px rgba(0, 0, 0, 0.08)',
+    display: 'flex',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+    gap: '4px',
+    color: 'rgba(32, 35, 43, 0.80)',
+    fontWeight: 600,
+    fontSize: '9px',
+    textTransform: 'none',
+}));

package/build/components/AppWindow/window/type.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface WindowProps {
+    children: React.ReactNode;
+    titleBar?: React.ReactNode;
+    titleBarText?: string;
+    mainAppIsMinimized?: boolean;
+    mainAppOrder?: number;
+    showSectionsButton?: boolean;
+}

package/build/components/AppWindow/window/type.js

@@ -0,0 +1 @@
+export {};

package/build/components/BackgroundAnimation/BackgroundAnimation.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { type BlobGradient } from './Blob';
+interface BackgroundAnimationProps {
+    blobWidth?: number | string;
+    blobHeight?: number | string;
+    gradient?: BlobGradient;
+}
+declare function BackgroundAnimation({ gradient, blobHeight, blobWidth }: BackgroundAnimationProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof BackgroundAnimation>;
+export default _default;

package/build/components/BackgroundAnimation/BackgroundAnimation.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import Blob from './Blob';
+const Wrapper = styled(Box)(({ theme }) => ({
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    zIndex: -1,
+    width: '100%',
+    height: '100%',
+    backgroundColor: theme.palette.grey[100],
+}));
+function BackgroundAnimation({ gradient = 'purpleBlue', blobHeight = '30vw', blobWidth = '30vw' }) {
+    return (_jsxs(Wrapper, Object.assign({ "aria-label": "Background-Animation-section", className: "blobContainer", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }, { children: [_jsx(Blob, { "aria-label": "Background-Animation-Blob-right", gradient: gradient, width: blobWidth, height: blobHeight, className: "blob_right", style: {
+                    top: '90%',
+                    right: '-10%',
+                } }), _jsx(Blob, { "aria-label": "Background-Animation-Blob-left", gradient: gradient, width: blobWidth, height: blobHeight, className: "blob_left", style: {
+                    top: '-120px',
+                    left: '-20%',
+                } })] })));
+}
+export default memo(BackgroundAnimation);

package/build/components/BackgroundAnimation/Blob/Blob.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { BlobGradient } from './type';
+interface BlobProps extends React.HTMLAttributes<HTMLDivElement> {
+    width?: number | string;
+    height?: number | string;
+    gradient?: BlobGradient;
+    style?: React.CSSProperties;
+}
+declare function Blob({ gradient, height, width, style, ...props }: BlobProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Blob>;
+export default _default;

package/build/components/BackgroundAnimation/Blob/Blob.js

@@ -0,0 +1,32 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import Box from '@mui/material/Box';
+import { useTheme, styled } from '@mui/material/styles';
+const Wrapper = styled(Box)(() => ({
+    filter: 'blur(80px)',
+    opacity: 0.7,
+    pointerEvents: 'none',
+    position: 'absolute',
+    zIndex: -999,
+    transform: 'translate(0, 0)',
+    borderRadius: '50% !important',
+    willChange: 'transform',
+}));
+function Blob(_a) {
+    var { gradient = 'blueGreen', height = 500, width = 500, style } = _a, props = __rest(_a, ["gradient", "height", "width", "style"]);
+    const theme = useTheme();
+    return (_jsx(Wrapper, Object.assign({}, props, { className: props.className || '', sx: Object.assign({ backgroundImage: theme.palette.background.gradient[gradient], width,
+            height }, style) })));
+}
+export default memo(Blob);

package/build/components/BackgroundAnimation/Blob/index.d.ts

@@ -0,0 +1,3 @@
+import Blob from './Blob';
+export type { BlobGradient } from './type';
+export default Blob;

package/build/components/BackgroundAnimation/Blob/index.js

@@ -0,0 +1,2 @@
+import Blob from './Blob';
+export default Blob;

package/build/components/BackgroundAnimation/Blob/type.d.ts

@@ -0,0 +1 @@
+export type BlobGradient = 'blueGreen' | 'greenYellow' | 'yellowOrange' | 'orangeRed' | 'redPurple' | 'purpleBlue';

package/build/components/BackgroundAnimation/Blob/type.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+import BackgroundAnimation from './BackgroundAnimation';
+export * from './Blob';
+export default BackgroundAnimation;

package/build/components/BackgroundAnimation/index.js

@@ -0,0 +1,3 @@
+import BackgroundAnimation from './BackgroundAnimation';
+export * from './Blob';
+export default BackgroundAnimation;

package/build/components/Button/Button.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ButtonBaseProps } from '@mui/material/ButtonBase';
+export type Variant = 'confirm' | 'cancel';
+export type Size = 'small' | 'default';
+export interface ButtonI extends ButtonBaseProps {
+    variant?: Variant;
+    width?: number | string;
+    height?: number | string;
+    size?: Size;
+}
+declare function Button({ children, sx, ...props }: ButtonI): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof Button>;
+export default _default;

package/build/components/Button/Button.js

@@ -0,0 +1,19 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { BaseButtonStyled } from './style';
+function Button(_a) {
+    var { children, sx } = _a, props = __rest(_a, ["children", "sx"]);
+    return (_jsx(BaseButtonStyled, Object.assign({ sx: sx }, props, { children: children })));
+}
+export default memo(Button);

package/build/components/Button/PlusButton/PlusButton.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import { Box } from '@mui/material';
+interface PlusButtonProps extends ComponentPropsWithoutRef<typeof Box> {
+}
+declare function PlusButton({ ...props }: Readonly<PlusButtonProps>): import("react/jsx-runtime").JSX.Element;
+declare namespace PlusButton {
+    var displayName: string;
+}
+declare const _default: import("react").MemoExoticComponent<typeof PlusButton>;
+export default _default;

package/build/components/Button/PlusButton/PlusButton.js

@@ -0,0 +1,21 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { Box } from '@mui/material';
+import { addItemIcon } from '../../../constants/index.js';
+function PlusButton(_a) {
+    var props = __rest(_a, []);
+    return (_jsx(Box, Object.assign({ component: "button", "data-testid": "PlusButton" }, props, { sx: Object.assign({ cursor: 'pointer', padding: 0, margin: 0, background: 'transparent', border: 'none', width: 24, height: 24 }, props.sx) }, { children: _jsx("img", { src: addItemIcon, alt: "Plus Button", width: 24, height: 24 }) })));
+}
+PlusButton.displayName = 'PlusButton';
+export default memo(PlusButton);

package/build/components/Button/PlusButton/index.d.ts

@@ -0,0 +1,2 @@
+import PlusButton from './PlusButton';
+export default PlusButton;

package/build/components/Button/PlusButton/index.js

@@ -0,0 +1,2 @@
+import PlusButton from './PlusButton';
+export default PlusButton;

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

@@ -0,0 +1,3 @@
+import Button from './Button';
+export * from './PlusButton';
+export default Button;

package/build/components/Button/index.js

@@ -0,0 +1,3 @@
+import Button from './Button';
+export * from './PlusButton';
+export default Button;