Feat/added isVisible to page props

src/adminjs-options.interface.ts

@@ -3,7 +3,7 @@ import { TransformOptions as BabelConfig } from 'babel-core'
 
 import BaseResource from './backend/adapters/resource/base-resource'
 import BaseDatabase from './backend/adapters/database/base-database'
-import { PageContext } from './backend/actions/action.interface'
+import { IsFunction, PageContext } from './backend/actions/action.interface'
 import { ResourceOptions } from './backend/decorators/resource/resource-options.interface'
 import { Locale } from './locale/config'
 import { CurrentAdmin } from './current-admin.interface'
@@ -389,6 +389,11 @@ export type AdminPage = {
    * Page icon
    */
   icon?: string;
+
+  /**
+   * Page visibility
+   */
+  isVisible?: boolean | IsFunction
 }
 
 /**

src/frontend/components/actions/action.props.ts

@@ -29,4 +29,4 @@ export type ActionProps = {
    * Sets tag in a header of an action. It is a function taking tag as an argument
    */
   setTag?: Dispatch<SetStateAction<string>>;
-}
+}

src/frontend/interfaces/page-json.interface.ts

@@ -1,3 +1,6 @@
+import { IsFunction } from 'src/backend'
+import { ActionJSON } from './action'
+
 /**
  * Representing the page in the sidebar
  * @subcategory Frontend
@@ -16,4 +19,9 @@ export interface PageJSON {
    * Page icon
    */
   icon?: string;
+
+  /**
+   * Page visibility
+   */
+  isVisible: boolean;
 }

src/frontend/store/pages-to-store.ts

@@ -2,11 +2,22 @@ import { AdminJSOptions } from '../../adminjs-options.interface'
 
 import { PageJSON } from '../interfaces'
 
-const pagesToStore = (pages: AdminJSOptions['pages'] = {}): Array<PageJSON> => Object.entries(pages)
-  .map(([key, adminPage]) => ({
-    name: key,
-    component: adminPage.component,
-    icon: adminPage.icon,
-  }))
+const pagesToStore = (pages: AdminJSOptions['pages'] = {}): Array<PageJSON> =>
+  Object.entries(pages).map(([key, adminPage]) => {
+    let isVisible = true;
+    if (adminPage.isVisible) {
+      if (typeof adminPage.isVisible === 'function') {
+        isVisible = adminPage.isVisible({ currentAdmin })
+      } else {
+        isVisible = adminPage.isVisible
+      }
+    }
+    return {
+      name: key,
+      component: adminPage.component,
+      icon: adminPage.icon,
+      isVisible,
+    }
+  });
 
 export default pagesToStore