@campxdev/shared 1.8.34 → 1.8.35

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/shared",
-  "version": "1.8.34",
+  "version": "1.8.35",
   "main": "./exports.ts",
   "scripts": {
     "start": "react-scripts start",

package/src/components/DropDownButton/DropdownMenuItem.tsx

@@ -9,6 +9,8 @@ import { ReactNode } from 'react'
 import { Link } from 'react-router-dom'
 import { DrawerButtonProps } from '../ModalButtons/DrawerButton'
 import { StyledMenuItem } from './styles'
+import { ValidateAccess } from '../../permissions'
+import { Permission } from '../../shared-state'
 
 const StyledLink = styled(Link)(({ theme }) => ({
   display: 'block',
@@ -53,6 +55,7 @@ export type IMenuItemProps = Omit<MenuItemButtonProps, 'onClick'> & {
   onClick?: () => void
   dialogProps?: Omit<DialogProps, 'open'>
   drawerProps?: Omit<DrawerProps, 'open'>
+  permissionKey?: Permission
 }
 
 export interface IRenderMenuItemProps extends IMenuItemProps {
@@ -70,6 +73,7 @@ export const RenderMenuItem = ({
   link,
   drawerProps,
   dialogProps,
+  permissionKey,
   ...props
 }: IRenderMenuItemProps) => {
   const renderMenuItem: Record<MenuItemType, ReactNode> = {
@@ -106,5 +110,13 @@ export const RenderMenuItem = ({
       </StyledLink>
     ),
   }
+
+  if (permissionKey)
+    return (
+      <ValidateAccess accessKey={permissionKey}>
+        {renderMenuItem[actionType]}
+      </ValidateAccess>
+    )
+
   return <>{renderMenuItem[actionType]}</>
 }