agilite-react - npm Package Compare versions

Comparing version 2.0.1 to 2.1.0

dist/components/LeftMenu.d.ts

 import * as React from 'react';
-import { ThemeInterface } from '../resources/theme';
 interface onLeftMenuOpen {
@@ -27,4 +26,4 @@ (event: any): any;
 }
-declare const LeftMenu: React.NamedExoticComponent<LeftMenuInterface & ThemeInterface>;
+declare const LeftMenu: any;
 export default LeftMenu;
 //# sourceMappingURL=LeftMenu.d.ts.map

dist/components/RightMenu.d.ts

 import * as React from 'react';
-import { ThemeInterface } from '../resources/theme';
 interface onRightMenuOpen {
@@ -27,4 +26,4 @@ (event: any): any;
 }
-declare const RightMenu: React.NamedExoticComponent<RightMenuInterface & ThemeInterface>;
+declare const RightMenu: any;
 export default RightMenu;
 //# sourceMappingURL=RightMenu.d.ts.map

dist/components/TabNavigation.d.ts

@@ -1,3 +0,1 @@
-import * as React from 'react';
-import { ModuleConfigInterface } from '../resources/module-state';
 export interface TabChangeFunctionInterface {
@@ -9,19 +7,4 @@ (key: string): string | undefined | void;
 }
-interface TabInterface {
-    enabled: boolean;
-    rootTabKey: string;
-    rootTabTitle: React.ReactNode | string;
-    activeKey: string;
-    animated: boolean;
-    onTabChange: TabChangeFunctionInterface;
-    onTabClose: TabCloseFunctionInterface;
-    tabs: Array<{
-        key: string;
-        closeable: boolean;
-        title: string;
-        content: React.ReactNode;
-    }>;
-}
-declare const TabNavigation: React.NamedExoticComponent<TabInterface & ModuleConfigInterface>;
+declare const TabNavigation: any;
 export default TabNavigation;
 //# sourceMappingURL=TabNavigation.d.ts.map

dist/components/Toolbar.d.ts

@@ -1,14 +0,3 @@
-import * as React from 'react';
-import { ThemeInterface } from '../resources/theme';
-import { LeftMenuInterface } from './LeftMenu';
-import { RightMenuInterface } from './RightMenu';
-interface ToolbarInterface {
-    enabled: boolean;
-    title: React.ReactNode | string;
-    customMenus: {
-        content: React.ReactNode;
-    };
-}
-declare const Toolbar: React.NamedExoticComponent<ToolbarInterface & ThemeInterface & LeftMenuInterface & RightMenuInterface>;
+declare const Toolbar: any;
 export default Toolbar;
 //# sourceMappingURL=Toolbar.d.ts.map

package.json

 {
   "name": "agilite-react",
   "description": "Agilit-e React Module",
-  "version": "2.0.1",
+  "version": "2.1.0",
   "main": "dist/index.js",
@@ -13,3 +13,5 @@ "types": "dist",
     "agilite",
-    "boilerplate"
+    "boilerplate",
+    "reactjs",
+    "create-react-app"
   ],
@@ -19,15 +21,15 @@ "author": "Agilit-e",
   "peerDependencies": {
-    "react": "17.0.1",
-    "react-dom": "17.0.1"
+    "react": "17.0.2",
+    "react-dom": "17.0.2"
   },
   "devDependencies": {
-    "@types/react": "17.0.1",
-    "react": "17.0.1",
-    "react-dom": "17.0.1",
-    "typescript": "4.1.3",
-    "@ant-design/icons": "4.4.0",
-    "antd": "4.12.2",
-    "@types/lodash": "4.14.168",
-    "lodash": "4.17.20"
+    "@types/react": "17.0.30",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "typescript": "4.4.4",
+    "@ant-design/icons": "4.7.0",
+    "antd": "4.16.13",
+    "@types/lodash": "4.14.175",
+    "lodash": "4.17.21"
   }
 }

README.md

@@ -20,3 +20,3 @@ # agilite-react
 ```js
-import { AgiliteReact } from 'agilite-react'
+import AgiliteReact from 'agilite-react'
 ```
@@ -36,3 +36,3 @@
 In order to customise what is rendered use the following properties
-- *[config]()* [object]: Root property containing the application configuration
+- *[state]()* [object]: Root property containing the application configuration
   - *[rootContent]()* [React.ReactNode]: Main content that is rendered if tab navigation is disabled
@@ -51,4 +51,4 @@ - *[theme]()* [object]: Theme object - default theme below
   - *[leftMenu]()* [object]: Left menu properties
-    - *[title]()* [string]: Menu title
-    - *[enabled]()* [boolean]: Enable/Disable Menu
+    - *[leftMenuTitle]()* [string]: Menu title
+    - *[leftMenuEnabled]()* [boolean]: Enable/Disable Menu
     - *[menuItems]()*: Array of Menu Item Objects, example below
@@ -71,5 +71,5 @@ ```js
     - *[visible]()*: [boolean]: Control when the menu drawer is open or closed
-    - *[onOpen]()*: [function(event)]: This function is called whenever the menu is opened, state can be used here to set the *visible* property accordingly
-    - *[onClose]()*: [function(event)]: This function is called whenever the menu is closed, state can be used here to set the *visible* property accordingly
-    - *[handleMenuItemClick]()*: [function(event)]: This function is called whenever a menu item is clicked, the event contains a *key* property which matches the key of the clicked menu item
+    - *[onLeftMenuOpen]()*: [function(event)]: This function is called whenever the menu is opened, state can be used here to set the *visible* property accordingly
+    - *[onLeftMenuClose]()*: [function(event)]: This function is called whenever the menu is closed, state can be used here to set the *visible* property accordingly
+    - *[onLeftMenuItemClick]()*: [function(event)]: This function is called whenever a menu item is clicked, the event contains a *key* property which matches the key of the clicked menu item
     - *[expandedMenuItems]()* [array(string)]: Array containing the sub menu item key(s) that have to be expanded by default
@@ -83,3 +83,3 @@ > Note: All the 'leftMenu' rules apply for the 'rightMenu'
     customMenus: {
-      content: <SignOutIcon /> // React.ReactNode || String
+      content: SignOutIcon // React.ReactNode || String
     }
@@ -91,3 +91,2 @@ ```
     - *[animated]()* [boolean]: Animated Tabs
-    - *[rootTabContent]()* [React.ReactNode]: The content of the main/root tab
     - *[rootTabKey]()* [string]: Key of the root tab
@@ -101,3 +100,3 @@ - *[rootTabTitle]()* [string]: Title of the root tab
       title: 'Users', // string - Tab title
-      content: <Users /> // React.ReactNode - The content of the tab
+      content: Users // React.ReactNode - The content of the tab
     }
@@ -117,19 +116,19 @@ ```
   leftMenu: {
-    title: 'Left Menu',
-    enabled: true,
+    leftMenuTitle: 'Left Menu',
+    leftMenuEnabled: true,
     menuItems: [],
     visible: false,
-    onOpen: () => {},
-    onClose: () => {},
-    handleMenuItemClick: () => {},
+    onLeftMenuOpen: () => {},
+    onLeftMenuClose: () => {},
+    onLeftMenuItemClick: () => {},
     expandedMenuItems: []
   },
   rightMenu: {
-    title: 'Right Menu',
-    enabled: true,
+    rightMenuTitle: 'Right Menu',
+    rightMenuEnabled: true,
     menuItems: [],
     visible: false,
-    onOpen: () => {},
-    onClose: () => {},
-    handleMenuItemClick: () => {},
+    onRightMenuOpen: () => {},
+    onRightMenuClose: () => {},
+    onRightMenuItemClick: () => {},
     expandedMenuItems: []
@@ -156,4 +155,2 @@ },
 }
-```
-
-
+```

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

Worsened metrics

Total package byte prevSize

66410

decreased by-6.26%

Number of package files

47

decreased by-4.08%

Lines of code

1041

decreased by-6.05%

Number of lines in readme file

147

decreased by-2.65%

No dependency changes