@dartech/arsenal-ui 1.4.36 → 1.4.38

package/index.js

@@ -1259,9 +1259,8 @@ const ControlAceEditor = /*#__PURE__*/forwardRef((_a, ref) => {
         },
         readOnly: readOnly,
         value: safeValue,
-        onChange: handleChange
-      }, mode === 'text' ? {} : {
-        extentions: extensions[mode]
+        onChange: handleChange,
+        extensions: mode === 'text' ? [] : extensions[mode]
       }, otherProps)), error && !hideErrorMessage && jsx(FormHelperText, Object.assign({
         variant: "standard",
         error: true
@@ -7356,7 +7355,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 +7374,11 @@ const Header = styled(Toolbar)(({
     visibility: 'hidden'
   },
   '&.collapsed': {
-    '& > span': {
+    justifyContent: 'center',
+    '& img': {
+      width: 40
+    },
+    '& span': {
       opacity: 0,
       visibility: 'hidden',
       transitionDelay: '0s'
@@ -7837,7 +7842,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 +7869,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 +7907,9 @@ const Sidebar = ({
   routes,
   theme: _theme = theme,
   title: _title = '',
-  id
+  id,
+  logo,
+  collapsedLogo
 }) => {
   return jsxs(ThemeProvider, Object.assign({
     theme: _theme
@@ -7900,7 +7918,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.38",
   "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;