@imperium/layout 8.0.0 → 9.0.0

package/dist/content/types.d.ts

@@ -3,7 +3,7 @@ import type React from 'react';
 import type { SemanticCOLORS, SemanticICONS } from 'semantic-ui-react';
 import type { RouteItem, VisibilityItem, WeightedItem } from '../commonItems';
 import type { DataHookItem } from '../datahooks/types';
-import type { Data, StateSelectorHook } from '../types';
+import type { Data, PermissionSelectorHook, StateSelectorHook } from '../types';
 export declare type RouteParameters<T extends readonly string[] | undefined> = T extends readonly string[] ? ParametersFromAssertion<T> : never;
 export interface ContentData<T extends DefineRouteOptions, K extends keyof T> extends Data {
     params: RouteParameters<T[K]['params']>;
@@ -46,6 +46,7 @@ export declare type ContentHeader<T extends DefineRouteOptions, K extends keyof
 export interface Page<T extends DefineRouteOptions, K extends keyof T> {
     dataHooks?: DataHookItem[];
     stateSelectorHook?: StateSelectorHook | StateSelectorHook[];
+    permissionSelectorHook?: PermissionSelectorHook | PermissionSelectorHook[];
     content: Content<T, K>;
     header?: ContentHeader<T, K>;
     sidebar?: SidebarItem<T, K>[];

package/dist/datahooks/DataHooks.d.ts

@@ -4,7 +4,7 @@ interface DataHooksProps {
     dataHooks: DataHookItem[];
 }
 /**
- * Renders layout data hooks. These hooks should return nothing. All interaction should be in side-effects, usually retrieving data and setting Redux state.
+ * Renders layout data hooks. These hooks should return nothing. All interaction should be in side effects, usually retrieving data and setting Redux state.
  * @param dataHooks
  * @constructor
  */

package/dist/datahooks/ExecutePermissionHook.d.ts

@@ -0,0 +1,7 @@
+import type { PermissionSelectorHook } from '../types';
+interface ExecutePermissionHookProps {
+    permissionHook: PermissionSelectorHook;
+    routeParams?: any;
+}
+export declare function ExecutePermissionHook({ permissionHook, routeParams }: ExecutePermissionHookProps): null;
+export {};

package/dist/datahooks/PermissionHooks.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { PermissionSelectorHook } from '../types';
+interface PermissionHooksProps {
+    permissionHooks: PermissionSelectorHook[];
+}
+export declare function PermissionHooks({ permissionHooks }: PermissionHooksProps): JSX.Element;
+export {};

package/dist/datahooks/types.d.ts

@@ -14,6 +14,6 @@ export declare type DataHookRoute = {
     dataHook: DataHook | DataHook[];
 };
 /**
- * A datahook can either be a simple hook, or one or more hooks dependant on one or more route match functions.
+ * A datahook can either be a simple hook, or one or more hooks dependent on one or more route match functions.
  */
 export declare type DataHookItem = DataHook | DataHookRoute;

package/dist/hooks/useBuildData.d.ts

@@ -1,7 +1,8 @@
-import type { Data, StateSelectorHook } from '../types';
+import type { Data, PermissionSelectorHook, StateSelectorHook } from '../types';
 export interface UseBuildDataParams {
     data?: Data;
     routeItem?: any;
     stateSelectorHook?: StateSelectorHook | StateSelectorHook[];
+    permissionSelectorHook?: PermissionSelectorHook | PermissionSelectorHook[];
 }
-export declare function useBuildData({ stateSelectorHook, data, routeItem }: UseBuildDataParams): Data;
+export declare function useBuildData({ stateSelectorHook, permissionSelectorHook, data, routeItem }: UseBuildDataParams): Data;

package/dist/hooks/useSelectPermission.d.ts

@@ -0,0 +1,2 @@
+import type { Data, PermissionSelectorHook } from '../types';
+export declare function useSelectPermission(data: Data, permissionSelectorHook?: PermissionSelectorHook | PermissionSelectorHook[]): import("../types").PermissionResults;

package/dist/layout/components/LayoutItemWrapper.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import type { ComponentClass } from 'react';
 import type { Data } from '../../types';
 import type { LayoutItem } from '../types';
 interface ItemWrapperProps {
     item: LayoutItem;
-    as?: React.ComponentClass;
+    as?: ComponentClass;
     vertical?: boolean;
     data?: Data;
 }

package/dist/layout/components/PlainItem.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import type { ComponentClass } from 'react';
 import type { Data } from '../../types';
 import type { CustomLayoutItem, DropdownLayoutItem, LayoutItem, MenuLayoutItem } from '../types';
 interface PlainItemProps {
     item: Exclude<LayoutItem, MenuLayoutItem | DropdownLayoutItem | CustomLayoutItem>;
     data: Data;
-    as?: React.ComponentClass;
+    as?: ComponentClass;
 }
 export declare function PlainItem({ item, data, as }: PlainItemProps): JSX.Element;
 export {};

package/dist/layout/types.d.ts

@@ -2,7 +2,7 @@
 import type { SemanticICONS } from 'semantic-ui-react';
 import type { HorizontalPositionedItem, RouteItem, VisibilityItem, WeightedItem } from '../commonItems';
 import type { DataHookItem } from '../datahooks/types';
-import type { Data } from '../types';
+import type { Data, PermissionSelectorHook } from '../types';
 /**
  * Describes a basic weighted, possibly visible item
  */
@@ -34,6 +34,7 @@ export interface MenuLayoutItem extends BaseLayoutItem {
  */
 export declare type LayoutItem = (BaseLayoutItem & RouteItem<Data>) | DropdownLayoutItem | MenuLayoutItem | CustomLayoutItem;
 export interface LayoutData {
+    permissionSelectorHooks?: PermissionSelectorHook[];
     dataHooks?: DataHookItem[];
     primaryMenu?: (LayoutItem & HorizontalPositionedItem)[];
     statusbar?: (LayoutItem & HorizontalPositionedItem)[];

package/dist/state.d.ts

@@ -1,20 +1,58 @@
 import { PayloadAction } from '@reduxjs/toolkit';
 export declare const state: import("@reduxjs/toolkit").Slice<{
     isMobile: boolean;
+    params: {};
+    permissions: Record<string, boolean>;
 }, {
     setMobile: (st: import("immer/dist/internal").WritableDraft<{
         isMobile: boolean;
+        params: {};
+        permissions: Record<string, boolean>;
     }>, action: PayloadAction<boolean>) => {
         isMobile: boolean;
+        params: import("immer/dist/internal").WritableDraft<{}>;
+        permissions: import("immer/dist/internal").WritableDraft<Record<string, boolean>>;
     };
+    setParams: (st: import("immer/dist/internal").WritableDraft<{
+        isMobile: boolean;
+        params: {};
+        permissions: Record<string, boolean>;
+    }>, action: PayloadAction<Record<string, string>>) => void;
+    setPermission: (st: import("immer/dist/internal").WritableDraft<{
+        isMobile: boolean;
+        params: {};
+        permissions: Record<string, boolean>;
+    }>, action: PayloadAction<{
+        permission: string;
+        result: boolean;
+    }>) => void;
 }, "imperiumLayout">;
 export declare const useLayoutState: () => {
     isMobile: boolean;
+    params: import("immer/dist/internal").WritableDraft<{}>;
+    permissions: import("immer/dist/internal").WritableDraft<Record<string, boolean>>;
 };
 export declare const actions: import("@reduxjs/toolkit").CaseReducerActions<{
     setMobile: (st: import("immer/dist/internal").WritableDraft<{
         isMobile: boolean;
+        params: {};
+        permissions: Record<string, boolean>;
     }>, action: PayloadAction<boolean>) => {
         isMobile: boolean;
+        params: import("immer/dist/internal").WritableDraft<{}>;
+        permissions: import("immer/dist/internal").WritableDraft<Record<string, boolean>>;
     };
+    setParams: (st: import("immer/dist/internal").WritableDraft<{
+        isMobile: boolean;
+        params: {};
+        permissions: Record<string, boolean>;
+    }>, action: PayloadAction<Record<string, string>>) => void;
+    setPermission: (st: import("immer/dist/internal").WritableDraft<{
+        isMobile: boolean;
+        params: {};
+        permissions: Record<string, boolean>;
+    }>, action: PayloadAction<{
+        permission: string;
+        result: boolean;
+    }>) => void;
 }>;

package/dist/types.d.ts

@@ -6,6 +6,8 @@ export declare type State = Record<string, any>;
  * A hook that selects from redux state.
  */
 export declare type StateSelectorHook = () => State;
+export declare type PermissionResults = Record<string, boolean>;
+export declare type PermissionSelectorHook = (data: Data) => PermissionResults;
 /**
  * The visibility query can either be a mingo query or a function that returns a boolean. The data is an object with the router path merged with any state selector hook data.
  */
@@ -19,6 +21,8 @@ export interface Data extends Record<string, unknown> {
     };
     state: State;
     active: boolean;
+    permissions: PermissionResults;
+    id?: string;
 }
 export interface ImperiumLayoutClientModule extends ImperiumClientModule {
     layout: LayoutData;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@imperium/layout",
-	"version": "8.0.0",
+	"version": "9.0.0",
 	"description": "Imperium Layout package",
 	"bugs": {
 		"url": "https://github.com/darkadept/imperium/issues"
@@ -32,10 +32,11 @@
 		}
 	},
 	"dependencies": {
-		"@imperium/client": "^8.0.0",
-		"@imperium/router": "^8.0.0",
-		"@imperium/state": "^8.0.0",
-		"@thx/controls": "^15.1.1",
+		"@imperium/auth-client": "^9.0.0",
+		"@imperium/client": "^9.0.0",
+		"@imperium/router": "^9.0.0",
+		"@imperium/state": "^9.0.0",
+		"@thx/controls": "^15.3.0",
 		"debug": "^4.3.2",
 		"history": "^5.0.1",
 		"lodash": "^4.17.21",
@@ -46,7 +47,7 @@
 	},
 	"peerDependencies": {
 		"@reduxjs/toolkit": "1.x",
-		"mingo": "4.x",
+		"mingo": "5.x",
 		"react": "17.x",
 		"react-redux": "7.x",
 		"react-router-dom": "5.x"
@@ -57,5 +58,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "e1234231615207615a284030e54137957b9e8411"
+	"gitHead": "20caa1ee2b655364a23063676005f859c3dad4dc"
 }