@dartech/arsenal-ui 1.4.36 → 1.4.37

package/index.js

@@ -7356,7 +7356,9 @@ const Header = styled(Toolbar)(({
   backgroundColor: '#fff',
   borderRight: '1px solid rgba(38, 40, 66, 0.08)',
   position: 'relative',
-  '& > span': {
+  '& span': {
+    paddingLeft: 10,
+    paddingTop: 5,
     fontSize: 24,
     fontWeight: 600,
     transition: '.3s ease .1s',
@@ -7373,7 +7375,11 @@ const Header = styled(Toolbar)(({
     visibility: 'hidden'
   },
   '&.collapsed': {
-    '& > span': {
+    justifyContent: 'center',
+    '& img': {
+      width: 40
+    },
+    '& span': {
       opacity: 0,
       visibility: 'hidden',
       transitionDelay: '0s'
@@ -7837,7 +7843,9 @@ var img = "data:image/svg+xml,%3csvg width='7' height='12' viewBox='0 0 7 12' fi
 const SidebarDrawer = ({
   title,
   routes,
-  id
+  id,
+  logo,
+  collapsedLogo
 }) => {
   const {
     collapsed,
@@ -7862,16 +7870,25 @@ const SidebarDrawer = ({
       }),
       id: id
     }, {
-      children: [!!title && jsx(Header, Object.assign({
+      children: [(!!title || !!logo) && jsx(Header, Object.assign({
         className: classnames({
           collapsed
         }),
         "data-title": title.substring(0, 1)
       }, {
-        children: jsx(Box, Object.assign({
-          component: "span"
+        children: jsxs(Box, Object.assign({
+          display: 'flex',
+          flexDirection: 'column'
         }, {
-          children: title
+          children: [!!title && jsx(Box, Object.assign({
+            component: "span"
+          }, {
+            children: title
+          })), !!logo && jsx(Box, {
+            component: "img",
+            src: collapsed ? collapsedLogo : logo,
+            alt: "Lending Hub KZ"
+          })]
         }))
       })), jsx(List, Object.assign({
         sx: {
@@ -7891,7 +7908,9 @@ const Sidebar = ({
   routes,
   theme: _theme = theme,
   title: _title = '',
-  id
+  id,
+  logo,
+  collapsedLogo
 }) => {
   return jsxs(ThemeProvider, Object.assign({
     theme: _theme
@@ -7900,7 +7919,9 @@ const Sidebar = ({
       children: jsx(SidebarDrawer$1, {
         title: _title,
         routes: routes,
-        id: id
+        id: id,
+        logo: logo,
+        collapsedLogo: collapsedLogo
       })
     })]
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.4.36",
+  "version": "1.4.37",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/lib/Sidebar/Sidebar.d.ts

@@ -5,6 +5,8 @@ type Props = {
     theme?: any;
     title?: string;
     id?: string;
+    logo?: string;
+    collapsedLogo?: string;
 };
-export declare const Sidebar: ({ routes, theme, title, id }: Props) => JSX.Element;
+export declare const Sidebar: ({ routes, theme, title, id, logo, collapsedLogo, }: Props) => JSX.Element;
 export {};

package/src/lib/Sidebar/SidebarDrawer.d.ts

@@ -4,6 +4,8 @@ type Props = {
     title?: string;
     routes: Route[];
     id?: string;
+    logo?: string;
+    collapsedLogo?: string;
 };
-declare const SidebarDrawer: ({ title, routes, id }: Props) => JSX.Element;
+declare const SidebarDrawer: ({ title, routes, id, logo, collapsedLogo }: Props) => JSX.Element;
 export default SidebarDrawer;