Extend menu wrapper, add custom hooks

Author: TimboKZ

.eslintrc.js

@@ -6,6 +6,7 @@ module.exports = {
     extends: [
         'eslint:recommended',
         'plugin:react/recommended',
+        'plugin:jsx-a11y/recommended',
         'plugin:import/errors',
         'plugin:import/warnings',
         'plugin:@typescript-eslint/eslint-recommended',
@@ -24,7 +25,7 @@ module.exports = {
         ecmaVersion: 2018,
         sourceType: 'module',
     },
-    plugins: ['react', 'import', '@typescript-eslint', 'prettier'],
+    plugins: ['react', 'react-hooks', 'jsx-a11y', 'import', '@typescript-eslint', 'prettier'],
     rules: {
         quotes: ['warn', 'single', { allowTemplateLiterals: true }],
         'no-console': 'warn',

.npmignore

@@ -0,0 +1,6 @@
+.idea/
+demo/
+src/
+.eslintrc.js
+.prettierrc.js
+tsconfig.json

lib/ContextMenuWrapper.d.ts

@@ -1,6 +1,15 @@
 import React from 'react';
-interface ContextMenuWrapperProps {
+import { ContextMenuEvent } from './util';
+export interface ContextMenuWrapperProps {
     id?: string;
+    global?: boolean;
+    render?: (event: ContextMenuEvent) => React.ElementType;
+    onShow?: (event: ContextMenuEvent) => void;
+    onHide?: (event: ContextMenuEvent) => void;
+    hideOnSelfClick?: boolean;
+    hideOnOutsideClick?: boolean;
+    hideOnEscape?: boolean;
+    hideOnScroll?: boolean;
+    hideOnWindowResize?: boolean;
 }
 export declare const ContextMenuWrapper: React.FC<ContextMenuWrapperProps>;
-export {};

lib/ContextMenuWrapper.js

@@ -0,0 +1,6 @@
+export interface ContextMenuHandlerObject {
+    onContextMenu: (event: MouseEvent) => void;
+    'data-contextmenu-id': string;
+    'data-contextmenu-data-id'?: string;
+}
+export declare const useContextMenuHandlers: (menuId: string, data?: any) => ContextMenuHandlerObject;

lib/ContextMenuWrapper.js.map

@@ -1 +1,3 @@
-export { ContextMenuWrapper } from './ContextMenuWrapper';
+export { ContextMenuWrapper, ContextMenuWrapperProps } from './ContextMenuWrapper';
+export { useContextMenuHandlers } from './hooks';
+export { ContextMenuEvent } from './util';