@smartbooks-ai/layout 0.0.3 → 0.0.5

package/dist/components/PageWithMenuLayout/MenuSelect/styles.js

@@ -0,0 +1,84 @@
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import MuiUnfoldMoreIcon from '@mui/icons-material/UnfoldMoreRounded';
+import Button, { buttonClasses } from '@mui/material/Button';
+import MuiMenu, { menuClasses } from '@mui/material/Menu';
+import { shouldNotForwardPropsWithKeys } from '../../../utils/shouldNotForwardPropsWithKeys';
+export const SelectorButton = styled(Button, shouldNotForwardPropsWithKeys(['isMenuExpanded']))(({ theme, isMenuExpanded, disabled }) => css `
+    display: ${disabled && 'none'};
+
+    justify-content: flex-start;
+
+    min-width: 0;
+    height: 2.375rem;
+
+    padding-right: calc(${theme.my.spacing.xxxs} - 0.0625rem);
+    padding-left: calc(${theme.my.spacing.xxxs} - 0.0625rem);
+
+    text-overflow: ellipsis;
+
+    color: ${theme.my.colors.primitives.common.white};
+
+    white-space: nowrap;
+
+    border-radius: ${theme.my.radius.md};
+
+    transition:
+      height 0.3s,
+      padding 0.3s;
+
+    :hover {
+      &.${buttonClasses.outlined} {
+        border-color: ${theme.my.colors.primitives.common.white};
+      }
+    }
+
+    ${isMenuExpanded &&
+    css `
+      height: 3rem;
+
+      padding-right: ${theme.my.spacing.xxs};
+      padding-left: ${theme.my.spacing.xxs};
+    `}
+
+    .${buttonClasses.startIcon} {
+      width: 1.75rem;
+      height: 1.75rem;
+
+      margin-right: 0;
+      margin-left: 0;
+
+      transition: 0.3s;
+
+      ${isMenuExpanded &&
+    css `
+        width: 2rem;
+        height: 2rem;
+      `}
+    }
+
+    .${buttonClasses.endIcon} {
+      margin-right: ${theme.my.spacing.xxxs};
+    }
+  `);
+export const SelectedOptionText = styled.span `
+  flex: 1;
+
+  padding-left: ${({ theme }) => theme.my.spacing.xxs};
+
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  font: ${({ theme }) => theme.my.font.highlight3};
+
+  text-align: left;
+`;
+export const Menu = styled(MuiMenu) `
+  .${menuClasses.root} {
+    padding: 0;
+  }
+`;
+export const UnfoldMoreIcon = styled(MuiUnfoldMoreIcon) `
+  width: 1rem;
+  height: 1rem;
+`;

package/dist/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/ConsolidationIcon.d.ts

@@ -0,0 +1,3 @@
+declare const ConsolidationIcon: (props: React.SVGProps<SVGSVGElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ConsolidationIcon;
+//# sourceMappingURL=ConsolidationIcon.d.ts.map

package/dist/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/ConsolidationIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConsolidationIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/ConsolidationIcon.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB,GAAI,OAAO,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,qDAI9D,CAAC;AACF,eAAe,iBAAiB,CAAC"}

package/dist/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/ConsolidationIcon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+const ConsolidationIcon = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 36 36", ...props, children: _jsx("path", { d: "M9.8 18.8h16.4v3.08h1.6V17.2h-9V14h-1.6v3.2h-9v4.68h1.6zM14 23H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2M4 31v-6h10v6ZM32 23H22a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2m-10 8v-6h10v6ZM13 13h10a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H13a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2m0-8h10v6H13Z" }) }));
+export default ConsolidationIcon;

package/dist/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/MultiSubscriptionsMenuItems.d.ts

@@ -0,0 +1,10 @@
+import { AvailableCompany, AvailableTenant } from '@smartbooks-ai/api-client';
+type Props = {
+    selectedTenant?: AvailableTenant;
+    tenants: AvailableTenant[];
+    onCompanySelected: (company: AvailableCompany) => void;
+    selectedCompanyCode: string | undefined;
+};
+export declare const MultiSubscriptionsMenuItems: React.FC<Props>;
+export {};
+//# sourceMappingURL=MultiSubscriptionsMenuItems.d.ts.map

package/dist/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/MultiSubscriptionsMenuItems.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSubscriptionsMenuItems.d.ts","sourceRoot":"","sources":["../../../../src/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/MultiSubscriptionsMenuItems.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAO9E,KAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,eAAe,CAAC;IACjC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,iBAAiB,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACvD,mBAAmB,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiGvD,CAAC"}

package/dist/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/MultiSubscriptionsMenuItems.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { Fragment, useEffect, useState } from 'react';
+import { Business as BusinessIcon, ExpandLess as ExpandLessIcon, ExpandMore as ExpandMoreIcon, } from '@mui/icons-material';
+import { Collapse, Divider, List, ListItemIcon, MenuItem, Tooltip } from '@mui/material';
+import ConsolidationIcon from './ConsolidationIcon';
+import * as Styled from './styles';
+import { assertNever } from '../../../utils/assertNever';
+export const MultiSubscriptionsMenuItems = ({ selectedTenant, tenants, onCompanySelected, selectedCompanyCode, }) => {
+    const [openTenants, setOpenTenants] = useState([]);
+    const toggleTenant = (tenantCode) => {
+        if (openTenants.includes(tenantCode)) {
+            setOpenTenants(openTenants.filter((a) => a !== tenantCode));
+        }
+        else {
+            setOpenTenants([...openTenants, tenantCode]);
+        }
+    };
+    useEffect(() => {
+        if (selectedTenant) {
+            setOpenTenants([selectedTenant.code]);
+        }
+    }, [selectedTenant]);
+    const sortedTenants = tenants.toSorted((a, b) => (a.description || '').localeCompare(b.description || ''));
+    const [highlightedCompanyMenuItem, setHighlightedCompanyMenuItem] = useState(null);
+    return (_jsx(_Fragment, { children: sortedTenants.map((tenant) => {
+            const sortedCompanies = tenant.companies.toSorted((a, b) => a.companyType === 'consolidation' && b.companyType !== 'consolidation'
+                ? -1
+                : a.companyType !== 'consolidation' && b.companyType === 'consolidation'
+                    ? 1
+                    : (a.description || '').localeCompare(b.description || ''));
+            const isOpen = tenants.length === 1 || openTenants.includes(tenant.code);
+            return (_jsxs(Fragment, { children: [tenants.length > 1 && (_jsxs(MenuItem, { onClick: () => toggleTenant(tenant.code), children: [tenant.description, _jsx(ListItemIcon, { sx: { marginLeft: '1em' }, children: isOpen ? _jsx(ExpandLessIcon, { fontSize: "small" }) : _jsx(ExpandMoreIcon, { fontSize: "small" }) })] })), _jsx(Collapse, { in: isOpen, timeout: "auto", unmountOnExit: true, onEntered: () => {
+                            if (tenant.code === selectedTenant?.code)
+                                highlightedCompanyMenuItem?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+                        }, children: _jsxs(List, { component: "div", disablePadding: true, children: [_jsx(Divider, {}), sortedCompanies.map((company) => (_jsxs(MenuItem, { onClick: () => onCompanySelected(company), selected: company.code === selectedCompanyCode, autoFocus: company.code === selectedCompanyCode, ref: (el) => {
+                                        if (company.code === selectedCompanyCode)
+                                            setHighlightedCompanyMenuItem(el);
+                                    }, children: [_jsx(ListItemIcon, { children: company.companyType === 'consolidation' ? (_jsx(Tooltip, { title: "Consolidation", disableInteractive: true, children: _jsx(Styled.IconContainer, { children: _jsx(ConsolidationIcon, { fontSize: "inherit" }) }) })) : company.companyType === 'regular' ? (_jsx(Styled.IconContainer, { children: _jsx(BusinessIcon, { fontSize: "inherit" }) })) : (assertNever(company.companyType)) }), company.description] }, company.code)))] }) })] }, tenant.code));
+        }) }));
+};

package/dist/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/index.d.ts

@@ -0,0 +1,2 @@
+export { MultiSubscriptionsMenuItems } from './MultiSubscriptionsMenuItems';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/index.js

@@ -0,0 +1 @@
+export { MultiSubscriptionsMenuItems } from './MultiSubscriptionsMenuItems';

package/dist/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const IconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;yGAOzB,CAAC"}

package/dist/components/PageWithMenuLayout/MultiSubscriptionsMenuItems/styles.js

@@ -0,0 +1,9 @@
+import styled from '@emotion/styled';
+export const IconContainer = styled.div `
+  position: relative;
+
+  width: 1.25rem;
+  height: 1.25rem;
+
+  font-size: 1.25rem;
+`;

package/dist/components/PageWithMenuLayout/PageWithMenuLayout.d.ts

@@ -0,0 +1,15 @@
+import { AvailableCompany } from '@smartbooks-ai/api-client';
+import { MenuStructure } from './types';
+import { UserProfile } from '../../security/UserProfile';
+export type PageWithMenuLayoutProps = {
+    resolvedCompanyCode?: string;
+    topMenu?: MenuStructure;
+    bottomMenu: MenuStructure;
+    profile: UserProfile | null;
+    tenantCode?: string;
+    switchToCompany: (company: AvailableCompany) => Promise<void>;
+    logout: () => void;
+    additionalOutletContent?: React.ReactNode;
+};
+export declare const PageWithMenuLayout: React.FC<PageWithMenuLayoutProps>;
+//# sourceMappingURL=PageWithMenuLayout.d.ts.map

package/dist/components/PageWithMenuLayout/PageWithMenuLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageWithMenuLayout.d.ts","sourceRoot":"","sources":["../../../src/components/PageWithMenuLayout/PageWithMenuLayout.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAQ7D,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAEzD,MAAM,MAAM,uBAAuB,GAAG;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,EAAE,aAAa,CAAC;IAC1B,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA2EhE,CAAC"}

package/dist/components/PageWithMenuLayout/PageWithMenuLayout.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import KeyboardArrowLeftIcon from '@mui/icons-material/KeyboardArrowLeft';
+import Fade from '@mui/material/Fade';
+import MenuList from '@mui/material/MenuList';
+import { createPortal } from 'react-dom';
+import { NavLink, Outlet } from 'react-router';
+import LogoHeaderImage from './LogoHeaderImage';
+import LogoHeaderText from './LogoHeaderText';
+import { AppSelect, MenuItemWithChildren, UserProfileSelect } from './index';
+import * as Styled from './styles';
+import { useMenuToggle } from './useMenuToggle';
+export const PageWithMenuLayout = ({ resolvedCompanyCode, topMenu, bottomMenu, profile, tenantCode, switchToCompany, logout, additionalOutletContent, }) => {
+    const { isExpanded, openMenu, toggleIsExpanded } = useMenuToggle();
+    return (_jsxs(_Fragment, { children: [_jsx(Styled.LockMenuButton, { onClick: toggleIsExpanded, isExpanded: isExpanded, children: _jsx(KeyboardArrowLeftIcon, { fontSize: "inherit" }) }), createPortal(_jsxs(Styled.Drawer, { open: isExpanded, variant: "permanent", children: [_jsxs(Styled.Header, { children: [_jsx(Styled.LogoContainer, { children: _jsx(NavLink, { to: "/", children: _jsx(LogoHeaderImage, { height: 24 }) }) }), _jsx(Fade, { in: isExpanded, children: _jsx(NavLink, { to: "/", children: _jsx(LogoHeaderText, { height: 12 }) }) })] }), _jsx(AppSelect, { tenantCode: tenantCode, companyCode: resolvedCompanyCode, isExpanded: isExpanded, profile: profile, onCompanyClicked: switchToCompany }), _jsx(Styled.TopMenuList, { children: topMenu?.map((firstLevelItem) => (_jsx(MenuItemWithChildren, { menuItem: firstLevelItem, isMenuOpen: isExpanded, openMenu: openMenu }, firstLevelItem.title))) }), _jsx(MenuList, { disablePadding: true, children: bottomMenu?.map((firstLevelItem) => (_jsx(MenuItemWithChildren, { menuItem: firstLevelItem, isMenuOpen: isExpanded, openMenu: openMenu }, firstLevelItem.title))) }), _jsx(UserProfileSelect, { isTextVisible: isExpanded, profile: profile, logout: logout })] }), document.body), _jsxs(Styled.Main, { isLocked: isExpanded, children: [_jsx(Outlet, {}), additionalOutletContent] })] }));
+};

package/dist/components/PageWithMenuLayout/UserProfileSelect/index.d.ts

@@ -0,0 +1,9 @@
+import { UserProfile } from '../../../security/ProfileContext';
+type Props = {
+    isTextVisible: boolean;
+    profile: UserProfile | null;
+    logout: () => void;
+};
+export declare const UserProfileSelect: React.FC<Props>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PageWithMenuLayout/UserProfileSelect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/PageWithMenuLayout/UserProfileSelect/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAG/D,KAAK,KAAK,GAAG;IACX,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2C7C,CAAC"}

package/dist/components/PageWithMenuLayout/UserProfileSelect/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
+import { useState } from 'react';
+import AccountCircleRoundedIcon from '@mui/icons-material/AccountCircleRounded';
+import { Fade } from '@mui/material';
+import MenuItem from '@mui/material/MenuItem';
+import { GlobalRole } from '@smartbooks-ai/api-client';
+import * as Styled from './styles';
+import { useIsAuthorized } from '../../../hooks/useIsAuthorized';
+import { useToggle } from '../../../hooks/useToggle';
+import * as MenuItemWithChildrenStyled from '../MenuItemWithChildren/styles';
+export const UserProfileSelect = ({ isTextVisible, profile, logout }) => {
+    const { value: isMenuOpen, switchOn: openMenu, switchOff: closeMenu } = useToggle();
+    const getIsAuthorized = useIsAuthorized();
+    const [anchorEl, setAnchorEl] = useState(null);
+    return (_jsxs(_Fragment, { children: [_jsxs(MenuItemWithChildrenStyled.MenuItem, { isTitle: false, isMenuOpen: isTextVisible, ref: setAnchorEl, isHighlighted: false, onClick: openMenu, children: [_jsx(MenuItemWithChildrenStyled.ListItemIcon, { children: _jsx(AccountCircleRoundedIcon, { fontSize: "small" }) }), _jsx(Fade, { in: isTextVisible, children: _jsx(MenuItemWithChildrenStyled.ListItemText, { elevation: 0, isHighlighted: false, isTitle: false, children: profile?.displayName ?? 'My account' }) }), _jsx(MenuItemWithChildrenStyled.ArrowDownIcon, { isExpanded: isMenuOpen, isVisible: isTextVisible })] }), _jsxs(Styled.Menu, { anchorOrigin: { horizontal: 'left', vertical: 'top' }, transformOrigin: { horizontal: 'left', vertical: 'bottom' }, anchorEl: anchorEl, open: isMenuOpen, onClose: closeMenu, children: [_jsx(MenuItem, { disabled: true, children: profile?.email }), getIsAuthorized({ globalRole: GlobalRole.GlobalAdmin }) && (_jsx(MenuItem, { onClick: () => window.open('/ac/ga', '_blank'), children: "System admin" })), _jsx(MenuItem, { onClick: logout, children: "Logout" })] })] }));
+};

package/dist/components/PageWithMenuLayout/UserProfileSelect/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Menu: import("@emotion/styled").StyledComponent<import("@mui/material").MenuProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/PageWithMenuLayout/UserProfileSelect/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/PageWithMenuLayout/UserProfileSelect/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;UAIhB,CAAC"}

package/dist/components/PageWithMenuLayout/UserProfileSelect/styles.js

@@ -0,0 +1,7 @@
+import styled from '@emotion/styled';
+import MuiMenu, { menuClasses } from '@mui/material/Menu';
+export const Menu = styled(MuiMenu) `
+  .${menuClasses.root} {
+    padding: 0;
+  }
+`;

package/dist/components/PageWithMenuLayout/index.d.ts

@@ -0,0 +1,9 @@
+export { AppSelect } from './AppSelect';
+export { MenuSelect } from './MenuSelect';
+export { MultiSubscriptionsMenuItems } from './MultiSubscriptionsMenuItems';
+export { MenuItemWithChildren } from './MenuItemWithChildren/MenuItemWithChildren';
+export { UserProfileSelect } from './UserProfileSelect';
+export { PageWithMenuLayout } from './PageWithMenuLayout';
+export { default as LogoHeaderImage } from './LogoHeaderImage';
+export { default as LogoHeaderText } from './LogoHeaderText';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PageWithMenuLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageWithMenuLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/PageWithMenuLayout/index.js

@@ -0,0 +1,8 @@
+export { AppSelect } from './AppSelect';
+export { MenuSelect } from './MenuSelect';
+export { MultiSubscriptionsMenuItems } from './MultiSubscriptionsMenuItems';
+export { MenuItemWithChildren } from './MenuItemWithChildren/MenuItemWithChildren';
+export { UserProfileSelect } from './UserProfileSelect';
+export { PageWithMenuLayout } from './PageWithMenuLayout';
+export { default as LogoHeaderImage } from './LogoHeaderImage';
+export { default as LogoHeaderText } from './LogoHeaderText';

package/dist/components/PageWithMenuLayout/styles.d.ts

@@ -0,0 +1,33 @@
+export declare const Drawer: import("@emotion/styled").StyledComponent<import("@mui/material").DrawerProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const Header: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LogoContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+type LockMenuButtonProps = {
+    isExpanded: boolean;
+};
+export declare const LockMenuButton: import("@emotion/styled").StyledComponent<import("@mui/material").IconButtonOwnProps & 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").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, "style" | "className" | "classes" | "tabIndex" | "color" | "children" | "sx" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "edge"> & {
+    theme?: import("@emotion/react").Theme;
+} & LockMenuButtonProps, {}, {}>;
+export declare const TopMenuList: import("@emotion/styled").StyledComponent<import("@mui/material").MenuListOwnProps & import("@mui/material").ListOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLUListElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "autoFocus" | "children" | "sx" | "variant" | "dense" | "disablePadding" | "subheader" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap"> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+type MainProps = {
+    isLocked: boolean;
+};
+export declare const Main: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & MainProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/PageWithMenuLayout/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/PageWithMenuLayout/styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,MAAM;;UAgBlB,CAAC;AAEF,eAAO,MAAM,MAAM;;;yGAYlB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAQzB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AACF,eAAO,MAAM,cAAc;;;;gCA2B1B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;UASvB,CAAC;AAEF,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AACF,eAAO,MAAM,IAAI;;;qHAUhB,CAAC"}

package/dist/components/PageWithMenuLayout/styles.js

@@ -0,0 +1,91 @@
+import { css } from '@emotion/react';
+import styled from '@emotion/styled';
+import MuiDrawer, { drawerClasses } from '@mui/material/Drawer';
+import MuiIconButton from '@mui/material/IconButton';
+import MenuList from '@mui/material/MenuList';
+import { shouldNotForwardPropsWithKeys } from '../../utils/shouldNotForwardPropsWithKeys';
+const drawerOpenWidthRem = 15.625;
+const drawerClosedWidthRem = 3.75;
+export const Drawer = styled(MuiDrawer) `
+  flex-shrink: 0;
+
+  overflow-x: hidden;
+  .${drawerClasses.paper} {
+    width: ${({ open }) => (open ? drawerOpenWidthRem : drawerClosedWidthRem)}rem;
+
+    padding: ${({ theme }) => theme.my.spacing.xs};
+
+    overflow: hidden;
+
+    background-color: ${({ theme }) => theme.my.colors.primary.main};
+    border: unset;
+
+    transition: width 0.3s;
+  }
+`;
+export const Header = styled.div `
+  display: flex;
+
+  column-gap: ${({ theme }) => theme.my.spacing.xxs};
+  align-items: center;
+
+  width: max-content;
+  min-width: 100%;
+
+  padding-bottom: ${({ theme }) => theme.my.spacing.xs};
+
+  overflow: hidden;
+`;
+export const LogoContainer = styled.div `
+  display: flex;
+
+  align-items: center;
+  justify-content: center;
+
+  width: 2.25rem;
+  height: 2.25rem;
+`;
+export const LockMenuButton = styled(MuiIconButton, shouldNotForwardPropsWithKeys(['isExpanded']))(({ theme, isExpanded }) => css `
+    position: absolute;
+    top: ${theme.my.spacing.sm};
+    left: ${isExpanded ? drawerOpenWidthRem : drawerClosedWidthRem}rem;
+    z-index: ${(theme.zIndex?.drawer ?? 0) + 1};
+
+    padding: ${theme.my.spacing.xxxs};
+
+    font-size: 1rem;
+
+    color: ${theme.my.colors.text.white};
+
+    background-color: ${theme.my.colors.primitives.darkNavy[700]};
+    border-radius: ${theme.my.radius.xxl};
+
+    transform: translateX(-50%) rotate(${isExpanded ? 0 : 180}deg);
+
+    transition: 0.3s;
+
+    &:hover {
+      background-color: ${theme.my.colors.primitives.darkNavy[600]};
+    }
+  `);
+export const TopMenuList = styled(MenuList) `
+  display: flex;
+
+  flex: 1;
+  flex-direction: column;
+
+  gap: ${({ theme }) => theme.my.spacing.xxxs};
+
+  overflow: hidden auto;
+`;
+export const Main = styled('div', shouldNotForwardPropsWithKeys(['isLocked'])) `
+  position: relative;
+
+  flex-grow: 1;
+
+  margin-left: ${({ isLocked }) => (isLocked ? drawerOpenWidthRem : drawerClosedWidthRem)}rem;
+
+  overflow: auto;
+
+  transition: margin 0.3s;
+`;

package/dist/components/PageWithMenuLayout/types.d.ts

@@ -0,0 +1,13 @@
+export type MenuItem = {
+    title: string;
+    icon?: React.ReactNode;
+    skipHeader?: boolean;
+} & ({
+    children: MenuItem[];
+} | {
+    href: string;
+} | {
+    onClick: () => void;
+});
+export type MenuStructure = MenuItem[];
+//# sourceMappingURL=types.d.ts.map

package/dist/components/PageWithMenuLayout/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PageWithMenuLayout/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,CAAC;IAAE,QAAQ,EAAE,QAAQ,EAAE,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,QAAQ,EAAE,CAAC"}

package/dist/components/PageWithMenuLayout/types.js

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

package/dist/components/PageWithMenuLayout/useMenuToggle.d.ts

@@ -0,0 +1,6 @@
+export declare const useMenuToggle: () => {
+    isExpanded: boolean;
+    toggleIsExpanded: () => void;
+    openMenu: () => void;
+};
+//# sourceMappingURL=useMenuToggle.d.ts.map

package/dist/components/PageWithMenuLayout/useMenuToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuToggle.d.ts","sourceRoot":"","sources":["../../../src/components/PageWithMenuLayout/useMenuToggle.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;;;CAczB,CAAC"}

package/dist/components/PageWithMenuLayout/useMenuToggle.js

@@ -0,0 +1,13 @@
+import { useEffect, useMemo } from 'react';
+import { useProfile, useToggle } from '@smartbooks-ai/layout';
+export const useMenuToggle = () => {
+    const { value: isExpanded, toggle: toggleIsExpanded, switchOn: openMenu, switchOff: closeMenu } = useToggle(true);
+    const { profile } = useProfile();
+    const tenants = profile?.allowedTenants;
+    const tenantsWithCompanies = useMemo(() => tenants?.filter(({ companies }) => companies.length > 0) ?? [], [tenants]);
+    useEffect(() => {
+        if (tenants && !tenantsWithCompanies.length)
+            closeMenu();
+    }, [closeMenu, tenants, tenantsWithCompanies.length]);
+    return { isExpanded, toggleIsExpanded, openMenu };
+};

package/dist/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from './PageWithMenuLayout';
+export * from './PageHeader';
+export * from './PageWithMenuLayout/types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,3 @@
+export * from './PageWithMenuLayout';
+export * from './PageHeader';
+export * from './PageWithMenuLayout/types';

package/dist/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useIsAuthorized } from './useIsAuthorized';
+export { useToggle } from './useToggle';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export { useIsAuthorized } from './useIsAuthorized';
+export { useToggle } from './useToggle';

package/dist/hooks/useIsAuthorized.d.ts

@@ -0,0 +1,13 @@
+import { CompanyRole, GlobalRole, ResourceType, TenantRole } from '@smartbooks-ai/api-client';
+type AuthorizationParams = {
+    companyRole?: CompanyRole;
+    tenantCode?: string;
+    companyCode?: string;
+    tenantRole?: TenantRole;
+    globalRole?: GlobalRole;
+    resourceType?: ResourceType;
+};
+type Output = (params: AuthorizationParams) => boolean | null;
+export declare const useIsAuthorized: () => Output;
+export {};
+//# sourceMappingURL=useIsAuthorized.d.ts.map

package/dist/hooks/useIsAuthorized.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsAuthorized.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsAuthorized.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAI9F,KAAK,mBAAmB,GAAG;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,CAAC;AAEF,KAAK,MAAM,GAAG,CAAC,MAAM,EAAE,mBAAmB,KAAK,OAAO,GAAG,IAAI,CAAC;AAE9D,eAAO,MAAM,eAAe,QAAO,MAiBlC,CAAC"}

package/dist/hooks/useIsAuthorized.js

@@ -0,0 +1,15 @@
+import { useCallback } from 'react';
+import { useProfile } from '../security/ProfileContext';
+export const useIsAuthorized = () => {
+    const { profile } = useProfile();
+    return useCallback(({ companyCode, companyRole, globalRole, tenantCode, tenantRole, resourceType }) => profile &&
+        (globalRole === undefined || profile.globalRoles.includes(globalRole)) &&
+        (tenantRole === undefined ||
+            !!profile.allowedTenants.find(({ code }) => code === tenantCode)?.roles.includes(tenantRole)) &&
+        (companyRole === undefined ||
+            !!profile.allowedCompanies.find(({ code }) => code === companyCode)?.roles.includes(companyRole)) &&
+        (resourceType === undefined ||
+            !profile.allowedCompanies
+                .find(({ code }) => code === companyCode)
+                ?.resources?.find(({ resource }) => resource === resourceType)?.isRestricted), [profile]);
+};

package/dist/hooks/useToggle.d.ts

@@ -0,0 +1,10 @@
+type Output = {
+    value: boolean;
+    switchOn: () => void;
+    switchOff: () => void;
+    toggle: () => void;
+    set: (value: boolean) => void;
+};
+export declare const useToggle: (defaultValue?: boolean) => Output;
+export {};
+//# sourceMappingURL=useToggle.d.ts.map

package/dist/hooks/useToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.d.ts","sourceRoot":"","sources":["../../src/hooks/useToggle.ts"],"names":[],"mappings":"AAEA,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,GAAG,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,sBAAoB,KAAG,MAgBhD,CAAC"}

package/dist/hooks/useToggle.js

@@ -0,0 +1,17 @@
+import { useCallback, useState } from 'react';
+export const useToggle = (defaultValue = false) => {
+    const [value, setValue] = useState(defaultValue);
+    return {
+        value,
+        switchOn: useCallback(() => {
+            setValue(true);
+        }, []),
+        switchOff: useCallback(() => {
+            setValue(false);
+        }, []),
+        toggle: useCallback(() => {
+            setValue((previous) => !previous);
+        }, []),
+        set: setValue,
+    };
+};

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import './emotion.d.ts';
+export * from './components';
+export * from './hooks';
+export * from './security';
+export * from './theme';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+import './emotion.d.ts';
+export * from './components';
+export * from './hooks';
+export * from './security';
+export * from './theme';
+export * from './utils';

package/dist/package-isolation.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=package-isolation.test.d.ts.map

package/dist/package-isolation.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"package-isolation.test.d.ts","sourceRoot":"","sources":["../src/package-isolation.test.ts"],"names":[],"mappings":""}