@tap-payments/os-micro-frontend-shared 0.1.441 → 0.1.442

package/build/components/VirtualTables/hooks/useColumnFilter.js

@@ -0,0 +1,22 @@
+import { useMemo } from 'react';
+const useColumnFilter = (params) => {
+    const { filter, totalCount } = params;
+    const filterData = useMemo(() => { var _a; return ((_a = filter === null || filter === void 0 ? void 0 : filter.options) === null || _a === void 0 ? void 0 : _a.reduce((acc, { apiKey }) => { var _a; return (Object.assign(Object.assign({}, acc), { [apiKey]: (_a = filter === null || filter === void 0 ? void 0 : filter.data) === null || _a === void 0 ? void 0 : _a[apiKey] })); }, {})) || {}; }, [filter]);
+    const listFilterData = useMemo(() => {
+        var _a;
+        const listFilter = filter;
+        const rawData = (_a = listFilter === null || listFilter === void 0 ? void 0 : listFilter.data) === null || _a === void 0 ? void 0 : _a[listFilter.apiKey];
+        return Array.isArray(rawData) ? rawData : [];
+    }, [filter]);
+    const isFilterApplied = useMemo(() => Object.values(filterData || {}).some((value) => {
+        if (typeof value === 'string' || Array.isArray(value))
+            return value.length > 0;
+        return value != null;
+    }) || listFilterData.length > 0, [filterData, listFilterData]);
+    const filterDisabled = !isFilterApplied && totalCount === 0;
+    return {
+        isFilterApplied,
+        filterDisabled,
+    };
+};
+export default useColumnFilter;

package/build/components/VirtualTables/hooks/useScrollBackShadow.js

@@ -0,0 +1,26 @@
+import { useRef, useEffect } from 'react';
+function useScrollBackShadow({ setBackdropVisibility, clearBackdropVisibilityTimeout }) {
+    const timer = useRef(undefined);
+    useEffect(() => {
+        return () => {
+            clearTimeout(timer.current);
+        };
+    }, []);
+    const handleBackDropVisibility = () => {
+        setBackdropVisibility(true);
+    };
+    const clearBackdropVisibility = () => {
+        timer.current = setTimeout(() => {
+            setBackdropVisibility(false);
+        }, clearBackdropVisibilityTimeout || 2000);
+    };
+    const clearTimer = () => {
+        clearTimeout(timer.current);
+    };
+    return {
+        handleBackDropVisibility,
+        clearBackdropVisibility,
+        clearTimer,
+    };
+}
+export default useScrollBackShadow;

package/build/components/VirtualTables/index.js

@@ -1 +1,7 @@
-export{B as ActionIcon,c as ColumnFilter,C as ColumnIcon,D as HeaderText,b as Inputs,s as LastRowContent,z as ListItemWrapperWithCard,Y as LoadingMainTable,X as MainTable,K as MainTableWrapper,Z as NoDataView,E as PinIconContainer,W as PinnedColumn,J as PinnedEndColumnWrapper,I as PinnedStartColumnWrapper,p as RowErrorState,V as SheetViewTableHeader,T as SheetViewTableLoading,U as SheetViewTableNoData,r as SheetViewTableRowLoading,_ as SheetViewVirtualTable,H as SheetViewVirtualTableWrapper,g as StyledCell,F as StyledHeader,m as StyledImage,t as StyledItemWrapper,G as StyledMUITableRow,n as TableError,i as TableHeader,j as TableLastItem,l as TableLoading,w as TableLoadingWithCard,o as TableNoData,x as TableNoDataWithCard,q as TableRow,k as TableRowLoading,v as TableRowLoadingWithCard,y as TableRowWithCard,L as UnpinnedTableHeaderWrapper,d as VirtualScrollInner,f as VirtualScrollList,e as VirtualScrollOuter,u as VirtualTable,A as VirtualTableWithCard,h as useColumnFilter,M as usePinnedColumns,R as usePinnedColumnsWidths,N as useSynchronizedScroll,P as useTableData,S as useTableDimensions,O as useTableState,Q as useVirtualTableContainer}from'../../chunk-5ZTIXOFI.js';export{e as List}from'../../chunk-ZUBHIDDI.js';import'../../chunk-XQVSYDRO.js';import'../../chunk-LDIEOZVR.js';export{c as TableFooter}from'../../chunk-OJJ2Q5XK.js';import'../../chunk-LDZG7EXA.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-GMRNI4U5.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-XXZJ5D5P.js';import'../../chunk-DQLGJFLX.js';import'../../chunk-EDMW226P.js';import'../../chunk-7IW25XZP.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+import VirtualTable from './VirtualTable/VirtualTable';
+import VirtualTableWithCard from './VirtualTableWithCard/VirtualTableWithCard';
+export * from './components';
+export * from './hooks';
+export * from './SheetViewVirtualTable';
+export { StyledCell } from './components/style';
+export { VirtualTable, VirtualTableWithCard };

package/build/components/Widget/List.js

@@ -0,0 +1,23 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import Box from '@mui/material/Box';
+import { listShadowBg } from '../../constants/index.js';
+import { ListStyled } from './style';
+import { useScrollWithShadow } from './useScrollWithShadow';
+function List(_a) {
+    var { allowShadow = true, children } = _a, props = __rest(_a, ["allowShadow", "children"]);
+    const { onScrollHandler, showShadow } = useScrollWithShadow();
+    return (_jsxs(ListStyled, Object.assign({ component: "ul", "data-testid": "Widget_List", onScroll: onScrollHandler }, props, { children: [children, showShadow && allowShadow && (_jsx(Box, { component: "img", src: listShadowBg, sx: { width: '100%', position: 'fixed', bottom: 0, pointerEvents: 'none', right: 0, left: 0 } }))] })));
+}
+export default memo(List);

package/build/components/Widget/ListItem.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, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { ListItemStyled, ItemText, ItemActions, ItemTextWrapper } from './style';
+function ListItem(_a) {
+    var { children, icon, actions } = _a, props = __rest(_a, ["children", "icon", "actions"]);
+    return (_jsxs(ListItemStyled, Object.assign({ component: "li", "data-testid": "Widget_ListItem", className: `list-item ${props.className}` }, props, { children: [_jsxs(ItemTextWrapper, Object.assign({ component: "aside" }, { children: [icon && icon, _jsx(ItemText, Object.assign({ noWrap: true, className: "content" }, { children: children }))] })), actions && _jsx(ItemActions, Object.assign({ component: "aside" }, { children: actions }))] })));
+}
+export default memo(ListItem);

package/build/components/Widget/Widget.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 { WidgetStyled } from './style';
+function Widget(_a) {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (_jsx(WidgetStyled, Object.assign({ component: "article", "data-testid": "Widget" }, props, { children: children })));
+}
+export default memo(Widget);

package/build/components/Widget/WidgetHeader.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, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from 'react';
+import { WidgetHeaderStyled, Header } from './style';
+function WidgetHeader(_a) {
+    var { children, action } = _a, props = __rest(_a, ["children", "action"]);
+    return (_jsxs(WidgetHeaderStyled, Object.assign({ "data-testid": "Widget_WidgetHeader", component: "header" }, props, { children: [_jsx(Header, { children: children }), action && action] })));
+}
+export default memo(WidgetHeader);

package/build/components/Widget/index.js

@@ -1 +1,6 @@
-export{c as ListItem,a as WidgetHeader,b as WidgetList,d as default}from'../../chunk-RUU3IQ7Y.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+import Widget from './Widget';
+import WidgetHeader from './WidgetHeader';
+import WidgetList from './List';
+import ListItem from './ListItem';
+export { WidgetHeader, WidgetList, ListItem };
+export default Widget;

package/build/components/Widget/style.js

@@ -0,0 +1,71 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import Text from '../Text';
+export const WidgetStyled = styled(Box)(({ theme }) => ({
+    border: `1px solid ${theme.palette.divider}`,
+    background: '#FBFBFB',
+    borderRadius: '8px',
+    fontSize: '11px',
+    display: 'flex',
+    flexDirection: 'column',
+    height: '233px',
+    transform: 'scale(1)',
+}));
+export const WidgetHeaderStyled = styled(Box)(({ theme }) => ({
+    padding: '8px 12px',
+    borderBottom: `1px solid ${theme.palette.divider}`,
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    height: 39,
+    flexShrink: 0,
+    overflow: 'visible',
+}));
+export const Header = styled(Box)(({ theme }) => ({
+    color: theme.palette.text.primary,
+    fontSize: '11px',
+    fontWeight: 600,
+    textTransform: 'capitalize',
+}));
+export const ListItemStyled = styled(Box)(({ theme }) => ({
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingTop: '12px',
+    paddingBottom: '12px',
+    paddingInlineStart: '12px',
+    paddingInlineEnd: '8px',
+    borderBottom: `1px solid ${theme.palette.divider}`,
+    height: 40,
+}));
+export const ItemText = styled(Text)(({ theme }) => ({
+    color: theme.palette.text.primary,
+    fontSize: '11px',
+    fontWeight: 500,
+    lineHeight: '13.2px',
+}));
+export const ItemTextWrapper = styled(Box)(() => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: '8px',
+}));
+export const ItemActions = styled(Box)(() => ({
+    display: 'flex',
+    alignItems: 'center',
+    gap: '4px',
+}));
+export const ListStyled = styled(Box)(() => ({
+    borderRadius: '8px',
+    overflow: 'auto',
+    flexGrow: 1,
+    height: '100%',
+    listStyle: 'none',
+    margin: 0,
+    padding: 0,
+    '.list-item:last-of-type': {
+        borderBottom: 'none',
+    },
+}));
+export const FeatureWrapper = styled(Box)(() => ({
+    margin: '12px ',
+}));

package/build/components/Widget/useScrollWithShadow.js

@@ -0,0 +1,14 @@
+import { useCallback, useState } from 'react';
+export function useScrollWithShadow() {
+    const [scrollTop, setScrollTop] = useState(0);
+    const [scrollHeight, setScrollHeight] = useState(0);
+    const [clientHeight, setClientHeight] = useState(0);
+    const onScrollHandler = useCallback((event) => {
+        const target = event.target;
+        setScrollTop(target.scrollTop);
+        setScrollHeight(target.scrollHeight);
+        setClientHeight(target.clientHeight);
+    }, []);
+    const showShadow = scrollTop === 0 || clientHeight < scrollHeight - scrollTop - 1;
+    return { onScrollHandler, showShadow };
+}

package/build/components/Window/Window.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo, useState, useRef, useEffect } from 'react';
+import { useTheme } from '@mui/material';
+import { motion } from 'framer-motion';
+import { Resizable } from 're-resizable';
+import { APP_WINDOW_Z_INDEX, FOOTER_HEIGHT, HEADER_HEIGHT } from '../../constants/index.js';
+import { contentStyle, ContentWrapper, initialStyle, resizableMainStyle, AppContainerWrapper, AppContainerContainer } from './style';
+function WindowWrapper({ children, id, onResize, isMaximized, isMinimized, dragControls, onClick, options: { width, height, minHeight, minWidth, maxHeight, maxWidth, order, openOrder = 1 }, sandboxMode = false, sx, }) {
+    const theme = useTheme();
+    const [isDrag, setIsDrag] = useState(true);
+    const modalRef = useRef(null);
+    const constraintsRef = useRef(null);
+    const resizableRef = useRef();
+    const onResizeStop = () => {
+        setIsDrag(true);
+    };
+    const onResizeStart = () => {
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+        setIsDrag(false);
+    };
+    const resizableStyle = useMemo(() => (Object.assign(Object.assign(Object.assign(Object.assign({}, resizableMainStyle), { maxWidth: width, borderRadius: !isMaximized ? 12 : '0 !important' }), (!isMaximized && {
+        top: 0,
+    })), { background: sandboxMode ? theme.palette.common.lightOrange : theme.palette.background.transparent[0], backdropFilter: 'blur(32px)' })), [width, isMaximized, sandboxMode]);
+    useEffect(() => {
+        var _a;
+        (_a = resizableRef.current) === null || _a === void 0 ? void 0 : _a.updateSize({
+            width: isMaximized ? '100vw' : width,
+            height: isMaximized ? '100vh' : '100%',
+        });
+    }, [isMaximized, width]);
+    return (_jsx(AppContainerWrapper, Object.assign({ id: "app-container-wrapper", "data-testid": "AppContainerWrapper", sx: sx }, { children: _jsx(AppContainerContainer, Object.assign({ "data-testid": "AppContainerContainer" }, { children: _jsx(motion.div, Object.assign({ id: "app-content", "data-add-id": id, "data-testid": "AppContent", ref: constraintsRef, initial: initialStyle }, { children: _jsx(ContentWrapper, Object.assign({ id: "content-wrapper", drag: !isMaximized && isDrag, dragMomentum: false, dragConstraints: false, onDragStart: onClick, onDragEnter: onClick, onClick: onClick, dragControls: dragControls, dragListener: false, style: Object.assign(Object.assign(Object.assign({}, (order && {
+                        zIndex: Number(order) + APP_WINDOW_Z_INDEX,
+                    })), contentStyle), { height }), initial: Object.assign({ marginInline: 'auto', scale: 0, left: 0 }, (!isMaximized && {
+                        left: 48 * (openOrder - 1),
+                    })), animate: Object.assign(Object.assign({ width }, (isMaximized && {
+                        width: '100vw',
+                    })), { scale: Number(!isMinimized), top: isMaximized ? 0 : HEADER_HEIGHT + FOOTER_HEIGHT * (openOrder - 1), left: isMaximized ? 0 : 48 * (openOrder - 1) }), ref: modalRef, maximized: isMaximized, transition: { duration: isMaximized ? 0.3 : 0 } }, { children: _jsx(Resizable, Object.assign({ "data-id": id, ref: (c) => {
+                            resizableRef.current = c;
+                        }, style: resizableStyle, minHeight: minHeight, minWidth: minWidth, maxHeight: maxHeight, maxWidth: maxWidth, onResizeStart: onResizeStart, onResizeStop: onResizeStop, onResize: (_, __, element) => {
+                            onResize === null || onResize === void 0 ? void 0 : onResize(element);
+                        } }, { children: children })) })) })) })) })));
+}
+export default memo(WindowWrapper);

package/build/components/Window/index.js

@@ -1 +1,2 @@
-export{a as default}from'../../chunk-3EU4NGZ7.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+import Window from './Window';
+export default Window;

package/build/components/Window/style.js

@@ -0,0 +1,47 @@
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+import { motion } from 'framer-motion';
+import { HEADER_HEIGHT } from '../../constants/index.js';
+export const resizableMainStyle = {
+    boxShadow: 'rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px',
+    display: 'flex',
+    flexDirection: 'column',
+    overflow: 'visible',
+    width: '-webkit-fill-available',
+    height: '100% !important',
+    margin: 'auto',
+};
+export const contentStyle = {
+    position: 'fixed',
+    right: 0,
+    left: 24,
+    top: HEADER_HEIGHT,
+    overflow: 'visible',
+    borderRadius: '12px',
+};
+export const initialStyle = {
+    width: 'inherit',
+    height: 'inherit',
+    gridRowStart: 1,
+    gridColumnStart: 1,
+    position: 'relative',
+    display: 'flex',
+    justifyContent: 'center',
+};
+export const ContentWrapper = styled(motion.div, {
+    shouldForwardProp: (props) => props !== 'maximized',
+})(({ maximized }) => (Object.assign({ overflow: 'hidden', display: 'flex', flexDirection: 'column', width: '100%', height: '100%', zIndex: 1, borderRadius: '12px' }, (maximized && {
+    transform: 'translate(0,0) !important',
+}))));
+export const AppContainerWrapper = styled(Box)(() => ({
+    flexGrow: 1,
+}));
+export const AppContainerContainer = styled(motion.div)(() => ({
+    width: 'inherit',
+    height: '100%',
+    overflow: 'hidden',
+    flexGrow: 1,
+    position: 'relative',
+    display: 'grid',
+    gridTemplateColumns: '1fr',
+}));

package/build/components/WindowAppIcon/WindowAppIcon.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsonIcon, windowBrandIcon as brandIcon, windowEntityIcon as entityIcon, windowIndividualIcon as individualIcon, windowPasswordIcon as passwordIcon, windowBankIcon as bankIcon, } from '../../constants/index.js';
+import { StyledImage, StyledWrapper, TitleStyled } from './style';
+const iconUrls = new Map([
+    ['json', jsonIcon],
+    ['brand', brandIcon],
+    ['entity', entityIcon],
+    ['bank', bankIcon],
+    ['individual', individualIcon],
+    ['password', passwordIcon],
+]);
+function WindowAppIcon({ title, icon }) {
+    var _a;
+    const image = (_a = iconUrls.get(icon || '')) !== null && _a !== void 0 ? _a : (iconUrls.get(title === null || title === void 0 ? void 0 : title.toLowerCase()) || icon);
+    return (_jsxs(StyledWrapper, Object.assign({ className: "action-box" }, { children: [image && _jsx(StyledImage, { src: image, alt: "icon" }), _jsx(TitleStyled, Object.assign({ className: "title" }, { children: title }))] })));
+}
+export default WindowAppIcon;

package/build/components/WindowAppIcon/index.js

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

package/build/components/WindowAppIcon/style.js

@@ -0,0 +1,25 @@
+import { styled } from '@mui/material/styles';
+import Text from '../Text';
+export const TitleStyled = styled(Text)(({ theme }) => ({
+    fontSize: '10px',
+    color: 'rgba(32, 35, 43, 0.5)',
+    opacity: 0.7,
+    textAlign: 'left',
+    fontWeight: theme.typography.fontWeightBold,
+    lineHeight: '14px',
+    userSelect: 'none',
+    paddingLeft: '0.175rem',
+    textTransform: 'capitalize',
+}));
+export const StyledWrapper = styled('div')(() => ({
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative',
+    textAlign: 'center',
+}));
+export const StyledImage = styled('img')(() => ({
+    width: 14,
+    height: 14,
+    verticalAlign: 'center',
+}));

package/build/components/WindowBackdrop/WindowBackdrop.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { createPortal } from 'react-dom';
+import Backdrop from '@mui/material/Backdrop';
+import { alpha } from '@mui/material/styles';
+function WindowBackdrop(props) {
+    return createPortal(_jsx(Backdrop, Object.assign({ sx: { zIndex: 1, backgroundColor: (theme) => alpha(theme.palette.common.black, 0.3) } }, props)), document.body);
+}
+export default memo(WindowBackdrop);

package/build/components/WindowBackdrop/index.js

@@ -1 +1 @@
-export{a as default}from'../../chunk-WX7HFBCU.js';import'../../chunk-RWXGVZUC.js';
+export { default } from './WindowBackdrop';

package/build/components/WindowSideBar/WindowSideBar.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from 'react';
+import { SideBar, Content, StyledMenuLink } from './style';
+function WindowSideBar({ sections, isMaximized, onClick, activeSection }) {
+    var _a;
+    const currentActiveSection = activeSection || ((_a = sections === null || sections === void 0 ? void 0 : sections[0]) === null || _a === void 0 ? void 0 : _a.id);
+    return (_jsx(SideBar, Object.assign({ isMaximized: isMaximized }, { children: _jsx(Content, { children: sections === null || sections === void 0 ? void 0 : sections.map((s) => (_jsx(StyledMenuLink, Object.assign({ onClick: () => {
+                    onClick === null || onClick === void 0 ? void 0 : onClick(s);
+                }, isActive: currentActiveSection === s.id }, { children: s.title }), s.id))) }) })));
+}
+export default memo(WindowSideBar);

package/build/components/WindowSideBar/constant.js

@@ -0,0 +1 @@
+export const TITLE_BAR_HEIGHT = '32px';

package/build/components/WindowSideBar/index.js

@@ -1 +1,4 @@
-export{f as Content,e as SideBar,d as TITLE_BAR_HEIGHT,g as default}from'../../chunk-WGPV3VEK.js';import'../../chunk-5ZTIXOFI.js';import'../../chunk-RUU3IQ7Y.js';import'../../chunk-3EU4NGZ7.js';import'../../chunk-WX7HFBCU.js';import'../../chunk-KM4UT2GM.js';import'../../chunk-ZTHZGDV6.js';import'../../chunk-FQXBL3YF.js';import'../../chunk-CTBYQDKG.js';import'../../chunk-JQYBCTVW.js';import'../../chunk-7NYF2UBV.js';import'../../chunk-ARHJB5QJ.js';import'../../chunk-XY57JRPE.js';import'../../chunk-BV5VAMBI.js';import'../../chunk-LONKQ3XM.js';import'../../chunk-66JBLKME.js';import'../../chunk-24UTRGGG.js';import'../../chunk-VNK7I7AL.js';import'../../chunk-CQT4MCPB.js';import'../../chunk-GPFU7WD4.js';import'../../chunk-DYWKQE3E.js';import'../../chunk-WGCHJPEZ.js';import'../../chunk-JT54SXJ7.js';import'../../chunk-ZWJTEKFP.js';import'../../chunk-2FDPAJY4.js';import'../../chunk-544TDVOA.js';import'../../chunk-4O4EFXIC.js';import'../../chunk-X5KEG2KP.js';import'../../chunk-IXQ7Y6Y5.js';import'../../chunk-F4KVGV4T.js';import'../../chunk-ZUBHIDDI.js';import'../../chunk-FAYAV46R.js';import'../../chunk-6DLPM4RB.js';import'../../chunk-XQVSYDRO.js';import'../../chunk-ZN4NGPK4.js';import'../../chunk-V44MUKYW.js';import'../../chunk-ZMTLSAZW.js';import'../../chunk-TG2IA55S.js';import'../../chunk-ZLWJCX4K.js';import'../../chunk-T3BFBXVJ.js';import'../../chunk-TZAF2TGI.js';import'../../chunk-AMMCJJFH.js';import'../../chunk-D4S6DH7W.js';import'../../chunk-MTJECG6U.js';import'../../chunk-QF32XNU6.js';import'../../chunk-V5OHALLD.js';import'../../chunk-LDIEOZVR.js';import'../../chunk-NLOKMDQY.js';import'../../chunk-OLPNHTE7.js';import'../../chunk-UF4FBI5V.js';import'../../chunk-OJJ2Q5XK.js';import'../../chunk-RQ2V5JZH.js';import'../../chunk-QFMHEDCR.js';import'../../chunk-34II3WB7.js';import'../../chunk-2Q6H6K3P.js';import'../../chunk-XZORYOIS.js';import'../../chunk-BTANFCN2.js';import'../../chunk-YTBVTQNQ.js';import'../../chunk-LLPG2AC6.js';import'../../chunk-LMKY6Q27.js';import'../../chunk-OFBKWUDT.js';import'../../chunk-NQVCWKMH.js';import'../../chunk-YVHYNRRL.js';import'../../chunk-LOJTJZSX.js';import'../../chunk-DQ76BKNS.js';import'../../chunk-XRTET45W.js';import'../../chunk-LDZG7EXA.js';import'../../chunk-NLEKLEHC.js';import'../../chunk-B4QKXIT7.js';import'../../chunk-IBPFWRCW.js';import'../../chunk-FL7ZDVP7.js';import'../../chunk-23C4BLEJ.js';import'../../chunk-7A7PBYFB.js';import'../../chunk-J72TLM2F.js';import'../../chunk-HRHKLBHG.js';import'../../chunk-ABDRIOU6.js';import'../../chunk-YLE4Q6WH.js';import'../../chunk-D5EB3ZRT.js';import'../../chunk-BNUBHZV7.js';import'../../chunk-3ABTBVXY.js';import'../../chunk-AUM6AR3E.js';import'../../chunk-4A6Z3DYW.js';import'../../chunk-TUTEF6YD.js';import'../../chunk-PX7SYRBV.js';import'../../chunk-2T2Z5RPJ.js';import'../../chunk-SZBR7LB3.js';import'../../chunk-NLAQMZT4.js';import'../../chunk-E6XVMA37.js';import'../../chunk-JWC3XDE4.js';import'../../chunk-UB5L7C6S.js';import'../../chunk-JYJ3D2X6.js';import'../../chunk-ZCSUNBRA.js';import'../../chunk-A5FGRP2T.js';import'../../chunk-62CGUEB4.js';import'../../chunk-DJYRLVOD.js';import'../../chunk-GMRNI4U5.js';import'../../chunk-VJLQXTHX.js';import'../../chunk-L3M6OM4B.js';import'../../chunk-S2BQCMBY.js';import'../../chunk-QGXXI4EO.js';import'../../chunk-NLPYBEGY.js';import'../../chunk-M7YGOEQF.js';import'../../chunk-GF7D4WGP.js';import'../../chunk-6ZPCHYOF.js';import'../../chunk-GI3U6XGW.js';import'../../chunk-3A4B5D6T.js';import'../../chunk-24XGEJR2.js';import'../../chunk-UEMTPYYH.js';import'../../chunk-BFGMD3VQ.js';import'../../chunk-EAUWAY4T.js';import'../../chunk-5AIEKGEA.js';import'../../chunk-MYFLXP7G.js';import'../../chunk-G6N4V3PP.js';import'../../chunk-P6K4PD7Y.js';import'../../chunk-XUDGW7IY.js';import'../../chunk-2LMLVUW4.js';import'../../chunk-KGQT7R3W.js';import'../../chunk-XXZJ5D5P.js';import'../../chunk-DQLGJFLX.js';import'../../chunk-EDMW226P.js';import'../../chunk-5QGYWOQI.js';import'../../chunk-7IW25XZP.js';import'../../chunk-WHWKA4SY.js';import'../../chunk-HBY2XKKF.js';import'../../chunk-OYEIM6ED.js';import'../../chunk-RWXGVZUC.js';
+import WindowSideBar from './WindowSideBar';
+export { TITLE_BAR_HEIGHT } from './constant';
+export { SideBar, Content } from './style';
+export default WindowSideBar;

package/build/components/WindowSideBar/style.js

@@ -0,0 +1,33 @@
+import Box from '@mui/material/Box';
+import { alpha, styled } from '@mui/material/styles';
+import { LEFT_SIDEBAR } from '../index.js';
+import { TITLE_BAR_HEIGHT } from './constant';
+export const SideBar = styled(Box, {
+    shouldForwardProp: (props) => props !== 'isMaximized',
+})(({ theme, isMaximized }) => ({
+    background: alpha(theme.palette.common.white, 0.7),
+    backdropFilter: 'blur(8px)',
+    width: LEFT_SIDEBAR,
+    position: 'sticky',
+    padding: '16px 8px',
+    paddingTop: isMaximized ? TITLE_BAR_HEIGHT : '16px',
+    height: '100%',
+    overflow: 'auto',
+}));
+export const Content = styled(Box)(() => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '8px',
+}));
+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',
+}));

package/build/components/WindowSideBar/type.js

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