agilite-react - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

lib/index.d.ts

@@ -14,20 +14,4 @@ import * as React from 'react';
         };
-        leftMenu: {
-            enabled: boolean;
-            title: React.ReactNode;
-            menuItems: Array<MenuItem>;
-            visible: boolean;
-            onOpen: onLeftMenuOpen;
-            onClose: onLeftMenuClose;
-            handleMenuItemClick: onMenuItemClick;
-        };
-        rightMenu: {
-            enabled: boolean;
-            title: React.ReactNode;
-            menuItems: Array<MenuItem>;
-            visible: boolean;
-            onOpen: onRightMenuOpen;
-            onClose: onRightMenuClose;
-            handleMenuItemClick: onMenuItemClick;
-        };
+        leftMenu: leftMenu;
+        rightMenu: rightMenu;
         toolbar: {
@@ -84,4 +68,24 @@ enabled: boolean;
 }
+export interface leftMenu {
+    enabled: boolean;
+    title: React.ReactNode;
+    menuItems: Array<MenuItem>;
+    visible: boolean;
+    onOpen: onLeftMenuOpen;
+    onClose: onLeftMenuClose;
+    handleMenuItemClick: onMenuItemClick;
+    expandedMenuItems: Array<string>;
+}
+export interface rightMenu {
+    enabled: boolean;
+    title: React.ReactNode;
+    menuItems: Array<MenuItem>;
+    visible: boolean;
+    onOpen: onRightMenuOpen;
+    onClose: onRightMenuClose;
+    handleMenuItemClick: onMenuItemClick;
+    expandedMenuItems: Array<string>;
+}
 export declare const AgiliteReact: React.SFC<ConfigProps>;
 export {};
 //# sourceMappingURL=index.d.ts.map

lib/index.js

@@ -21,2 +21,5 @@ "use strict";
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -27,3 +30,6 @@ exports.AgiliteReact = void 0;
 const icons_1 = require("@ant-design/icons");
+const theme_1 = __importDefault(require("./theme"));
 require("antd/dist/antd.css");
+const LeftMenu_1 = require("./LeftMenu");
+const RightMenu_1 = require("./RightMenu");
 const { Header } = antd_1.Layout;
@@ -37,4 +43,4 @@ exports.AgiliteReact = props => {
                         fontSize: '13pt',
-                        backgroundColor: props.config.theme.primary ? props.config.theme.primary : '#d32f2f',
-                        color: props.config.theme.secondaryLight ? props.config.theme.secondaryLight : '#ffffff'
+                        backgroundColor: props.config.theme.primary ? props.config.theme.primary : theme_1.default.primary,
+                        color: props.config.theme.secondaryLight ? props.config.theme.secondaryLight : theme_1.default.secondaryLight
                     } },
@@ -47,71 +53,4 @@ React.createElement("div", { style: { marginTop: '10px' } },
             : null,
-        props.config.leftMenu.enabled ? (React.createElement(antd_1.Drawer, { title: React.createElement("div", { style: { color: props.config.theme.secondaryLight ? props.config.theme.secondaryLight : '#ffffff' } }, props.config.leftMenu.title), placement: 'left', closable: true, width: 300, visible: props.config.leftMenu.visible, onClose: props.config.leftMenu.onClose, headerStyle: {
-                backgroundColor: props.config.theme.primary ? props.config.theme.primary : '#d32f2f'
-            } },
-            React.createElement(antd_1.Menu, { onClick: props.config.leftMenu.handleMenuItemClick, mode: 'inline' }, props.config.leftMenu.menuItems.map(child1 => {
-                if (child1.children && child1.children.length > 0) {
-                    return (React.createElement(antd_1.Menu.SubMenu, { key: child1.key, title: child1.title }, child1.children.map(child2 => {
-                        if (child2.children && child2.children.length > 0) {
-                            return (React.createElement(antd_1.Menu.SubMenu, { key: child2.key, title: child2.title }, child2.children.map(child3 => {
-                                if (child3.children && child3.children.length > 0) {
-                                    return (React.createElement(antd_1.Menu.SubMenu, { key: child3.key, title: child3.title }, child3.children.map(child4 => {
-                                        if (child4.children && child4.children.length > 0) {
-                                            return (React.createElement(antd_1.Menu.SubMenu, { key: child4.key, title: child4.title }, child4.children.map(child5 => {
-                                                return React.createElement(antd_1.Menu.Item, { key: child5.key }, child5.title);
-                                            })));
-                                        }
-                                        else {
-                                            return React.createElement(antd_1.Menu.Item, { key: child4.key }, child4.title);
-                                        }
-                                    })));
-                                }
-                                else {
-                                    return React.createElement(antd_1.Menu.Item, { key: child3.key }, child3.title);
-                                }
-                            })));
-                        }
-                        else {
-                            return React.createElement(antd_1.Menu.Item, { key: child2.key }, child2.title);
-                        }
-                    })));
-                }
-                else {
-                    return React.createElement(antd_1.Menu.Item, { key: child1.key }, child1.title);
-                }
-            })))) : null,
-        props.config.rightMenu.enabled ? (React.createElement(antd_1.Drawer, { title: React.createElement("div", { style: { color: props.config.theme.secondaryLight ? props.config.theme.secondaryLight : '#ffffff' } }, props.config.rightMenu.title), placement: 'right', closable: true, width: 300, visible: props.config.rightMenu.visible, onClose: props.config.rightMenu.onClose, headerStyle: {
-                backgroundColor: props.config.theme.primary ? props.config.theme.primary : '#d32f2f',
-                color: props.config.theme.secondaryLight ? props.config.theme.secondaryLight : '#ffffff'
-            } },
-            React.createElement(antd_1.Menu, { onClick: props.config.rightMenu.handleMenuItemClick, mode: 'inline' }, props.config.rightMenu.menuItems.map(child1 => {
-                if (child1.children && child1.children.length > 0) {
-                    return (React.createElement(antd_1.Menu.SubMenu, { key: child1.key, title: child1.title }, child1.children.map(child2 => {
-                        if (child2.children && child2.children.length > 0) {
-                            return (React.createElement(antd_1.Menu.SubMenu, { key: child2.key, title: child2.title }, child2.children.map(child3 => {
-                                if (child3.children && child3.children.length > 0) {
-                                    return (React.createElement(antd_1.Menu.SubMenu, { key: child3.key, title: child3.title }, child3.children.map(child4 => {
-                                        if (child4.children && child4.children.length > 0) {
-                                            return (React.createElement(antd_1.Menu.SubMenu, { key: child4.key, title: child4.title }, child4.children.map(child5 => {
-                                                return React.createElement(antd_1.Menu.Item, { key: child5.key }, child5.title);
-                                            })));
-                                        }
-                                        else {
-                                            return React.createElement(antd_1.Menu.Item, { key: child4.key }, child4.title);
-                                        }
-                                    })));
-                                }
-                                else {
-                                    return React.createElement(antd_1.Menu.Item, { key: child3.key }, child3.title);
-                                }
-                            })));
-                        }
-                        else {
-                            return React.createElement(antd_1.Menu.Item, { key: child2.key }, child2.title);
-                        }
-                    })));
-                }
-                else {
-                    return React.createElement(antd_1.Menu.Item, { key: child1.key }, child1.title);
-                }
-            })))) : null,
+        props.config.leftMenu.enabled ? (React.createElement(LeftMenu_1.LeftMenu, { leftMenu: props.config.leftMenu, theme: props.config.theme })) : null,
+        props.config.rightMenu.enabled ? (React.createElement(RightMenu_1.RightMenu, { rightMenu: props.config.rightMenu, theme: props.config.theme })) : null,
         props.config.tabNavigation.enabled ?
@@ -129,10 +68,3 @@ React.createElement(antd_1.Tabs, { activeKey: props.config.tabNavigation.activeKey, animated: props.config.tabNavigation.animated, style: { margin: 10 }, type: 'editable-card', hideAdd: true, onChange: props.config.tabNavigation.onTabChange, onEdit: props.config.tabNavigation.onTabClose },
         rootContent: React.createElement("div", null, "Root Content"),
-        theme: {
-            primary: '#d32f2f',
-            primaryLight: '#ff6659',
-            primaryDark: '#9a0007',
-            secondary: '#e0e0e0',
-            secondaryLight: '#ffffff',
-            secondaryDark: '#aeaeae'
-        },
+        theme: theme_1.default,
         leftMenu: {
@@ -145,3 +77,4 @@ title: 'Left Menu',
             onClose: () => { },
-            handleMenuItemClick: () => { }
+            handleMenuItemClick: () => { },
+            expandedMenuItems: []
         },
@@ -155,3 +88,4 @@ rightMenu: {
             onClose: () => { },
-            handleMenuItemClick: () => { }
+            handleMenuItemClick: () => { },
+            expandedMenuItems: []
         },
@@ -158,0 +92,0 @@ toolbar: {

package.json

 {
   "name": "agilite-react",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

50716

increased by14.73%

Number of package files

24

increased by166.67%

Lines of code

833

increased by22.86%

No dependency changes