@tap-payments/os-micro-frontend-shared 0.0.31-dev-shared-migration-v1 → 0.0.33

package/build/components/ExpandableSideBar/ExpandableSideBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { ExpandableSideBarProps } from './type';
-declare function ExpandableSideBar({ sections, isMaximized, onClick, activeSection }: ExpandableSideBarProps): import("react/jsx-runtime").JSX.Element;
+declare function ExpandableSideBar({ sections, isMaximized, onClick, activeSection, activeSubSection }: ExpandableSideBarProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof ExpandableSideBar>;
 export default _default;

package/build/components/ExpandableSideBar/ExpandableSideBar.js

@@ -2,9 +2,10 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { memo } from 'react';
 import { SideBar, Content, SubMenuLink, MenuHeader } from './style';
 import AccordionAdapter from '../AccordionAdapter';
-function ExpandableSideBar({ sections, isMaximized, onClick, activeSection }) {
-    var _a;
+function ExpandableSideBar({ sections, isMaximized, onClick, activeSection, activeSubSection }) {
+    var _a, _b, _c, _d;
     const currentActiveSection = activeSection || ((_a = sections === null || sections === void 0 ? void 0 : sections[0]) === null || _a === void 0 ? void 0 : _a.id);
+    const currentActiveSubSection = activeSubSection || ((_d = (_c = (_b = sections === null || sections === void 0 ? void 0 : sections[0]) === null || _b === void 0 ? void 0 : _b.subSections) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.id);
     return (_jsx(SideBar, Object.assign({ isMaximized: isMaximized }, { children: _jsx(Content, { children: sections === null || sections === void 0 ? void 0 : sections.map((s) => {
                 var _a;
                 return (_jsx(AccordionAdapter, Object.assign({ defaultExpanded: currentActiveSection === s.id, summarySx: {
@@ -22,12 +23,13 @@ function ExpandableSideBar({ sections, isMaximized, onClick, activeSection }) {
                             borderRadius: '4px !important',
                         },
                     }, Header: _jsx(MenuHeader, Object.assign({ onClick: () => {
-                            onClick === null || onClick === void 0 ? void 0 : onClick(s);
+                            var _a, _b;
+                            onClick === null || onClick === void 0 ? void 0 : onClick(s.id, (_b = (_a = s.subSections) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id);
                         }, isActive: currentActiveSection === s.id }, { children: s.title }), s.id) }, { children: _jsx(_Fragment, { children: (_a = s.subSections) === null || _a === void 0 ? void 0 : _a.map((ss) => {
                             return (_jsx(SubMenuLink, Object.assign({ onClick: () => {
-                                    onClick === null || onClick === void 0 ? void 0 : onClick(s);
-                                }, isActive: currentActiveSection === s.id }, { children: ss.title }), s.id));
-                        }) }) })));
+                                    onClick === null || onClick === void 0 ? void 0 : onClick(s.id, ss.id);
+                                }, isActive: currentActiveSubSection === ss.id }, { children: ss.title }), `${s.id}-${ss.id}`));
+                        }) }) }), `${s.id}`));
             }) }) })));
 }
 export default memo(ExpandableSideBar);

package/build/components/ExpandableSideBar/style.js

@@ -1,7 +1,7 @@
 import Box from '@mui/material/Box';
 import { alpha, styled } from '@mui/material/styles';
+import { LEFT_SIDEBAR } from '../AppWindowWrapper';
 import { TITLE_BAR_HEIGHT } from './constant';
-import { LEFT_SIDEBAR } from '../index.js';
 export const SideBar = styled(Box, {
     shouldForwardProp: (props) => props !== 'isMaximized',
 })(({ theme, isMaximized }) => ({

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

@@ -11,6 +11,7 @@ export interface Section {
 export interface ExpandableSideBarProps {
     sections: Section[];
     isMaximized?: boolean;
-    onClick?: (section: Section) => void;
+    onClick: (sectionId: string, subSectionId?: string) => void;
     activeSection?: string;
+    activeSubSection?: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.0.31-dev-shared-migration-v1",
+  "version": "0.0.33",
   "type": "module",
   "main": "build/index.js",
   "module": "build/index.js",