@nu-art/permissions-frontend 0.400.5

package/_entity/permission-user/ModuleFE_PermissionUser.d.ts

@@ -0,0 +1,11 @@
+import { ModuleFE_BaseApi } from '@nu-art/thunderstorm-frontend/index';
+import { ApiDefCaller } from '@nu-art/thunderstorm-shared';
+import { DispatcherDef, ThunderDispatcherV3 } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
+import { ApiStruct_PermissionUser, DBProto_PermissionUser } from '@nu-art/permissions-shared';
+export type DispatcherType_PermissionUser = DispatcherDef<DBProto_PermissionUser, `__onPermissionUserUpdated`>;
+export declare const dispatch_onPermissionUserChanged: ThunderDispatcherV3<DispatcherType_PermissionUser>;
+export declare class ModuleFE_PermissionUser_Class extends ModuleFE_BaseApi<DBProto_PermissionUser> implements ApiDefCaller<ApiStruct_PermissionUser> {
+    _v1: ApiDefCaller<ApiStruct_PermissionUser>['_v1'];
+    constructor();
+}
+export declare const ModuleFE_PermissionUser: ModuleFE_PermissionUser_Class;

package/_entity/permission-user/ModuleFE_PermissionUser.js

@@ -0,0 +1,14 @@
+import { apiWithBody, ModuleFE_BaseApi } from '@nu-art/thunderstorm-frontend/index';
+import { ThunderDispatcherV3 } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
+import { ApiDef_PermissionUser, DBDef_PermissionUser } from '@nu-art/permissions-shared';
+export const dispatch_onPermissionUserChanged = new ThunderDispatcherV3('__onPermissionUserUpdated');
+export class ModuleFE_PermissionUser_Class extends ModuleFE_BaseApi {
+    _v1;
+    constructor() {
+        super(DBDef_PermissionUser, dispatch_onPermissionUserChanged);
+        this._v1 = {
+            assignPermissions: apiWithBody(ApiDef_PermissionUser._v1.assignPermissions),
+        };
+    }
+}
+export const ModuleFE_PermissionUser = new ModuleFE_PermissionUser_Class();

package/_entity/permission-user/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ModuleFE_PermissionUser.js';
+export * from './module-pack.js';

package/_entity/permission-user/index.js

@@ -0,0 +1,2 @@
+export * from './ModuleFE_PermissionUser.js';
+export * from './module-pack.js';

package/_entity/permission-user/module-pack.d.ts

@@ -0,0 +1 @@
+export declare const ModulePackFE_PermissionUser: import("./ModuleFE_PermissionUser.js").ModuleFE_PermissionUser_Class[];

package/_entity/permission-user/module-pack.js

@@ -0,0 +1,2 @@
+import { ModuleFE_PermissionUser } from './ModuleFE_PermissionUser.js';
+export const ModulePackFE_PermissionUser = [ModuleFE_PermissionUser];

package/_entity/permission-user/shared.d.ts

@@ -0,0 +1 @@
+export * from '@nu-art/permissions-shared';

package/_entity/permission-user/shared.js

@@ -0,0 +1 @@
+export * from '@nu-art/permissions-shared';

package/_entity/permission-user/ui-components.d.ts

@@ -0,0 +1,37 @@
+export declare const DropDown_PermissionUser: {
+    editable: (props: import("@nu-art/thunderstorm-frontend/components/types").ComponentProps_Error & {
+        dropdownRef?: import("react").RefObject<any>;
+        className?: string;
+        style?: import("react").CSSProperties;
+        placeholder?: string;
+        mapper?: ((item: import("@nu-art/permissions-shared").DB_PermissionUser) => (string | undefined)[]) | undefined;
+        noOptionsRenderer?: import("react").ReactNode | ((filter?: string) => import("react").ReactNode);
+        renderer?: ((item: import("@nu-art/permissions-shared").DB_PermissionUser) => import("react").ReactElement) | undefined;
+        ifNoneShowAll?: boolean;
+        caret?: {
+            open: import("react").ReactNode;
+            close: import("react").ReactNode;
+        };
+        onNoMatchingSelectionForString?: ((filterText: string, matchingItems: import("@nu-art/permissions-shared").DB_PermissionUser[], e: import("react").KeyboardEvent) => any) | undefined;
+        limitItems?: number;
+        hidePlaceholderOnOpen?: boolean;
+        itemResolver?: (() => import("@nu-art/permissions-shared").DB_PermissionUser[]) | undefined;
+        innerRef?: import("react").RefObject<any>;
+        tabIndex?: number;
+        unselectLabel?: string;
+        id?: string;
+        queryFilter?: ((item: import("@nu-art/permissions-shared").DB_PermissionUser) => boolean) | undefined;
+        sortBy?: ("groups" | "_id" | "__metadata1" | "__hardDelete" | "__created" | "__updated" | "_v" | "_originDocId" | "_auditorId" | "__groupIds" | ((item: import("@nu-art/permissions-shared").DB_PermissionUser) => string | number))[] | undefined;
+    } & {
+        inputValue?: string;
+        boundingParentSelector?: string;
+        renderSearch?: ((dropDown: import("@nu-art/thunderstorm-frontend/index").TS_DropDown<import("@nu-art/permissions-shared").DB_PermissionUser>) => import("react").ReactNode) | undefined;
+        limitItems?: number;
+        disabled?: boolean;
+    } & import("@nu-art/thunderstorm-frontend/index").UIProps_EditableItem<any, any, string> & {
+        onSelected?: ((selected: import("@nu-art/permissions-shared").DB_PermissionUser | undefined, superOnSelected: (selected?: import("@nu-art/permissions-shared").DB_PermissionUser | undefined) => Promise<void>) => void) | undefined;
+        canUnselect?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    selectable: (props: import("@nu-art/thunderstorm-frontend/index").AppLevelProps_TS_GenericDropDownV3<import("@nu-art/permissions-shared").DB_PermissionUser>) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const MultiSelect_PermissionUser: <EnclosingItem_, Prop extends import("@nu-art/ts-common").SubsetKeys<keyof EnclosingItem_, EnclosingItem_, string[] | undefined>>(props: import("@nu-art/thunderstorm-frontend/index").DynamicProps_TS_MultiSelect_V2<EnclosingItem_, Prop> & Partial<import("@nu-art/thunderstorm-frontend/index").StaticProps_TS_MultiSelect_V2<string>>) => import("react/jsx-runtime").JSX.Element;

package/_entity/permission-user/ui-components.js

@@ -0,0 +1,36 @@
+import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { GenericDropDownV3, TS_MultiSelect_V2 } from '@nu-art/thunderstorm-frontend/index';
+import { ModuleFE_PermissionUser } from './ModuleFE_PermissionUser.js';
+import { DBItemDropDownMultiSelector } from '@nu-art/thunderstorm-frontend/components/_TS_MultiSelect/DBItemDropDownMultiSelector';
+import { ModuleFE_Account } from '@nu-art/user-account-frontend/index';
+import { MUSTNeverHappenException } from '@nu-art/ts-common';
+import { TS_Icons } from '@nu-art/ts-styles';
+const Props_DropDown = {
+    module: ModuleFE_PermissionUser,
+    modules: [ModuleFE_PermissionUser],
+    mapper: item => {
+        const account = ModuleFE_Account.cache.unique(item._id);
+        if (!account)
+            throw new MUSTNeverHappenException(`Could not find account connected to permission-user with id ${item._id}`);
+        return [account.email];
+    },
+    placeholder: 'Choose a PermissionUser',
+    renderer: item => {
+        const account = ModuleFE_Account.cache.unique(item._id);
+        if (!account)
+            throw new MUSTNeverHappenException(`Could not find account connected to permission-user with id ${item._id}`);
+        return _jsxs("div", { className: "ll_h_c", children: [" ", account.email, " "] });
+    }
+};
+export const DropDown_PermissionUser = GenericDropDownV3.prepare(Props_DropDown);
+const Props_MultiSelect = DBItemDropDownMultiSelector.propsV3({
+    module: ModuleFE_PermissionUser,
+    itemRenderer: (item, onDelete) => {
+        const account = ModuleFE_Account.cache.unique(item?._id);
+        if (item?._id && !account)
+            throw new MUSTNeverHappenException(`Could not find account connected to permission-user with id ${item?._id}`);
+        return !account ? _jsx(_Fragment, { children: "Not Found" }) : _jsxs(_Fragment, { children: [_jsx(TS_Icons.x.component, { onClick: onDelete, className: 'ts-icon__small' }), account.email] });
+    },
+    uiSelector: DropDown_PermissionUser.selectable,
+});
+export const MultiSelect_PermissionUser = TS_MultiSelect_V2.prepare(Props_MultiSelect);

package/_entity.d.ts

@@ -0,0 +1,12 @@
+export * from './_entity/permission-access-level/index.js';
+export * from './_entity/permission-access-level/index.js';
+export * from './_entity/permission-api/index.js';
+export * from './_entity/permission-api/index.js';
+export * from './_entity/permission-project/index.js';
+export * from './_entity/permission-project/index.js';
+export * from './_entity/permission-domain/index.js';
+export * from './_entity/permission-domain/index.js';
+export * from './_entity/permission-group/index.js';
+export * from './_entity/permission-group/index.js';
+export * from './_entity/permission-user/index.js';
+export * from './_entity/permission-user/index.js';

package/_entity.js

@@ -0,0 +1,18 @@
+//Access Level
+export * from './_entity/permission-access-level/index.js';
+export * from './_entity/permission-access-level/index.js';
+//API
+export * from './_entity/permission-api/index.js';
+export * from './_entity/permission-api/index.js';
+//Project
+export * from './_entity/permission-project/index.js';
+export * from './_entity/permission-project/index.js';
+//Domain
+export * from './_entity/permission-domain/index.js';
+export * from './_entity/permission-domain/index.js';
+//Group
+export * from './_entity/permission-group/index.js';
+export * from './_entity/permission-group/index.js';
+//User
+export * from './_entity/permission-user/index.js';
+export * from './_entity/permission-user/index.js';

package/consts.d.ts

@@ -0,0 +1,4 @@
+import { SessionData_Permissions, SessionData_StrictMode } from '@nu-art/permissions-shared';
+import { SessionKey_FE } from '@nu-art/user-account-frontend';
+export declare const SessionKey_Permissions_FE: SessionKey_FE<SessionData_Permissions>;
+export declare const SessionKey_StrictMode_FE: SessionKey_FE<SessionData_StrictMode>;

package/consts.js

@@ -0,0 +1,3 @@
+import { SessionKey_FE } from '@nu-art/user-account-frontend';
+export const SessionKey_Permissions_FE = new SessionKey_FE('permissions');
+export const SessionKey_StrictMode_FE = new SessionKey_FE('strictMode');

package/core/module-pack.d.ts

@@ -0,0 +1,2 @@
+import { Module } from '@nu-art/ts-common';
+export declare const ModulePackFE_Permissions: Module[];

package/core/module-pack.js

@@ -0,0 +1,29 @@
+/*
+ * Permissions management system, define access level for each of
+ * your server apis, and restrict users by giving them access levels
+ *
+ * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { ModuleFE_PermissionsAssert } from '../modules/ModuleFE_PermissionsAssert.js';
+import { ModulePackFE_PermissionAccessLevel, ModulePackFE_PermissionAPI, ModulePackFE_PermissionDomain, ModulePackFE_PermissionGroup, ModulePackFE_PermissionProject, ModulePackFE_PermissionUser } from '../_entity.js';
+export const ModulePackFE_Permissions = [
+    ModuleFE_PermissionsAssert,
+    ...ModulePackFE_PermissionAccessLevel,
+    ...ModulePackFE_PermissionAPI,
+    ...ModulePackFE_PermissionProject,
+    ...ModulePackFE_PermissionDomain,
+    ...ModulePackFE_PermissionGroup,
+    ...ModulePackFE_PermissionUser,
+];

package/core/permission-keys.d.ts

@@ -0,0 +1,4 @@
+import { PermissionKey_FE } from '../PermissionKey_FE.js';
+export declare const PermissionKeyFE_DeveloperViewer: PermissionKey_FE<"permission-key--developer-viewer">;
+export declare const PermissionKeyFE_DeveloperEditor: PermissionKey_FE<"permission-key--developer-editor">;
+export declare const PermissionKeyFE_DeveloperAdmin: PermissionKey_FE<"permission-key--developer-admin">;

package/core/permission-keys.js

@@ -0,0 +1,5 @@
+import { PermissionKey_FE } from '../PermissionKey_FE.js';
+import { PermissionKey_DeveloperAdmin, PermissionKey_DeveloperViewer, PermissionKey_DeveloperWriter } from '@nu-art/permissions-shared';
+export const PermissionKeyFE_DeveloperViewer = new PermissionKey_FE(PermissionKey_DeveloperViewer);
+export const PermissionKeyFE_DeveloperEditor = new PermissionKey_FE(PermissionKey_DeveloperWriter);
+export const PermissionKeyFE_DeveloperAdmin = new PermissionKey_FE(PermissionKey_DeveloperAdmin);

package/index.d.ts

@@ -0,0 +1,5 @@
+export * from './PermissionKey_FE.js';
+export * from './core/module-pack.js';
+export * from './ui/index.js';
+export * from './consts.js';
+export * from './_entity.js';

package/index.js

@@ -0,0 +1,23 @@
+/*
+ * Permissions management system, define access level for each of
+ * your server apis, and restrict users by giving them access levels
+ *
+ * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from './PermissionKey_FE.js';
+export * from './core/module-pack.js';
+export * from './ui/index.js';
+export * from './consts.js';
+export * from './_entity.js';

package/modules/ModuleFE_PermissionsAssert.d.ts

@@ -0,0 +1,32 @@
+import { Module, TypedMap } from '@nu-art/ts-common';
+import { PermissionKey_FE } from '../PermissionKey_FE.js';
+export type PermissionsModuleFEConfig = {
+    projectId: string;
+};
+export interface OnPermissionsChanged {
+    __onPermissionsChanged: () => void;
+}
+export interface OnPermissionsFailed {
+    __onPermissionsFailed: () => void;
+}
+export declare enum AccessLevel {
+    Undefined = 0,
+    NoAccessLevelsDefined = 1,
+    NoAccess = 2,
+    HasAccess = 3
+}
+export declare class ModuleFE_PermissionsAssert_Class extends Module<PermissionsModuleFEConfig> {
+    permissionKeys: TypedMap<PermissionKey_FE<any>>;
+    readonly v1: {
+        toggleStrictMode: (params: import("@nu-art/thunderstorm-shared").QueryParams) => import("@nu-art/thunderstorm-shared").BaseHttpRequest<import("@nu-art/thunderstorm-shared").QueryApi<void>>;
+        createProject: (params: import("@nu-art/thunderstorm-shared").QueryParams) => import("@nu-art/thunderstorm-shared").BaseHttpRequest<import("@nu-art/thunderstorm-shared").QueryApi<void>>;
+    };
+    constructor();
+    protected init(): void;
+    getAccessLevelByKeyString(key: string): AccessLevel;
+    getAccessLevel(key: PermissionKey_FE): AccessLevel;
+    getPermissionKey(key: string): PermissionKey_FE;
+    registerPermissionKey(key: PermissionKey_FE): void;
+    getAllPermissionKeys(): TypedMap<PermissionKey_FE<any>>;
+}
+export declare const ModuleFE_PermissionsAssert: ModuleFE_PermissionsAssert_Class;

package/modules/ModuleFE_PermissionsAssert.js

@@ -0,0 +1,80 @@
+/*
+ * Permissions management system, define access level for each of
+ * your server apis, and restrict users by giving them access levels
+ *
+ * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import { _keys, BadImplementationException, exists, Module } from '@nu-art/ts-common';
+import { apiWithQuery, ModuleFE_Utils, } from '@nu-art/thunderstorm-frontend/index';
+import { SessionKey_Permissions_FE, SessionKey_StrictMode_FE } from '../consts.js';
+import { RendererKey_AccountMenu_SubHeader } from '@nu-art/user-account-frontend/consts';
+import { Renderer_RoleNames } from '../ui/Renderer_RoleNames.js';
+import { ApiDef_Permissions } from '@nu-art/permissions-shared';
+// const dispatch_onPermissionsChanged = new ThunderDispatcher<OnPermissionsChanged, '__onPermissionsChanged'>('__onPermissionsChanged');
+// const dispatch_onPermissionsFailed = new ThunderDispatcher<OnPermissionsFailed, '__onPermissionsFailed'>('__onPermissionsFailed');
+export var AccessLevel;
+(function (AccessLevel) {
+    AccessLevel[AccessLevel["Undefined"] = 0] = "Undefined";
+    AccessLevel[AccessLevel["NoAccessLevelsDefined"] = 1] = "NoAccessLevelsDefined";
+    AccessLevel[AccessLevel["NoAccess"] = 2] = "NoAccess";
+    AccessLevel[AccessLevel["HasAccess"] = 3] = "HasAccess";
+})(AccessLevel || (AccessLevel = {}));
+export class ModuleFE_PermissionsAssert_Class extends Module {
+    permissionKeys = {};
+    v1;
+    constructor() {
+        super();
+        this.v1 = {
+            toggleStrictMode: apiWithQuery(ApiDef_Permissions.v1.toggleStrictMode),
+            createProject: apiWithQuery(ApiDef_Permissions.v1.createProject),
+        };
+    }
+    init() {
+        super.init();
+        ModuleFE_Utils.registerRenderer(RendererKey_AccountMenu_SubHeader, Renderer_RoleNames);
+    }
+    getAccessLevelByKeyString(key) {
+        return this.getAccessLevel(this.getPermissionKey(key));
+    }
+    getAccessLevel(key) {
+        const keyData = key.get();
+        if (!exists(keyData))
+            return SessionKey_StrictMode_FE.get() ? AccessLevel.Undefined : AccessLevel.HasAccess;
+        if (keyData.accessLevelIds.length === 0)
+            return AccessLevel.NoAccessLevelsDefined;
+        const userAccessLevels = SessionKey_Permissions_FE.get().domainToValueMap;
+        try {
+            const canAccess = _keys(keyData._accessLevels).reduce((hasAccess, domainId) => {
+                return hasAccess && userAccessLevels[domainId] >= keyData._accessLevels[domainId];
+            }, true);
+            return canAccess ? AccessLevel.HasAccess : AccessLevel.NoAccess;
+        }
+        catch (e) {
+            return AccessLevel.NoAccess;
+        }
+    }
+    getPermissionKey(key) {
+        return this.permissionKeys[key];
+    }
+    registerPermissionKey(key) {
+        if (this.permissionKeys[key.key])
+            throw new BadImplementationException(`Registered PermissionKey '${key}' more than once!`);
+        this.permissionKeys[key.key] = key;
+    }
+    getAllPermissionKeys() {
+        return this.permissionKeys;
+    }
+}
+export const ModuleFE_PermissionsAssert = new ModuleFE_PermissionsAssert_Class();

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@nu-art/permissions-frontend",
+  "version": "0.400.5",
+  "description": "Permissions Frontend",
+  "keywords": [
+    "TacB0sS",
+    "create account",
+    "express",
+    "infra",
+    "login",
+    "nu-art",
+    "permissions",
+    "saml",
+    "thunderstorm",
+    "typescript",
+    "user-account"
+  ],
+  "homepage": "https://github.com/nu-art-js/permissions",
+  "bugs": {
+    "url": "https://github.com/nu-art-js/permissions/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com:nu-art-js/permissions.git"
+  },
+  "publishConfig": {
+    "directory": "dist",
+    "linkDirectory": true
+  },
+  "license": "Apache-2.0",
+  "author": "TacB0sS",
+  "scripts": {
+    "build": "tsc",
+    "run-tests": "firebase emulators:exec \"npm run test\"",
+    "test": "ts-mocha -w -p src/test/tsconfig.json --timeout 0 --inspect=8107 --watch-files '**/*.ts' src/test/__all-tests.ts"
+  },
+  "dependencies": {
+    "@nu-art/permissions-shared": "0.400.5",
+    "@nu-art/firebase-frontend": "0.400.5",
+    "@nu-art/firebase-shared": "0.400.5",
+    "@nu-art/thunderstorm-frontend": "0.400.5",
+    "@nu-art/thunderstorm-shared": "0.400.5",
+    "@nu-art/ts-common": "0.400.5",
+    "@nu-art/ts-styles": "0.400.5",
+    "@nu-art/user-account-frontend": "0.400.5",
+    "@nu-art/user-account-shared": "0.400.5",
+    "express": "^4.18.2",
+    "firebase": "^11.9.0",
+    "firebase-admin": "13.4.0",
+    "firebase-functions": "6.3.2",
+    "moment": "^2.29.4",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router-dom": "^6.9.0",
+    "request": "^2.88.0",
+    "saml2-js": "^4.0.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/express": "^4.17.17",
+    "@types/react-dom": "^18.0.0",
+    "@types/react-router": "^5.1.20",
+    "@types/react-router-dom": "^5.3.3",
+    "@types/chai": "^4.3.4",
+    "@types/mocha": "^10.0.1",
+    "@types/history": "^4.7.2",
+    "@types/request": "^2.48.1",
+    "@types/saml2-js": "^1.6.8"
+  },
+  "unitConfig": {
+    "type": "typescript-lib"
+  },
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    },
+    "./*": {
+      "types": "./*.d.ts",
+      "import": "./*.js"
+    }
+  }
+}

package/shared.d.ts

@@ -0,0 +1 @@
+export * from '@nu-art/permissions-shared';

package/shared.js

@@ -0,0 +1,19 @@
+/*
+ * Permissions management system, define access level for each of
+ * your server apis, and restrict users by giving them access levels
+ *
+ * Copyright (C) 2020 Adam van der Kruk aka TacB0sS
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export * from '@nu-art/permissions-shared';

package/ui/ATS_ComponentPermissionKeys/ATS_ComponentPermissionKeys.d.ts

@@ -0,0 +1,11 @@
+import { AppToolsScreen, ComponentSync } from '@nu-art/thunderstorm-frontend/index';
+type State = {
+    selectedProjectId?: string;
+};
+type Props = {};
+export declare class ATS_ComponentPermissionKeys extends ComponentSync<Props, State> {
+    static screen: AppToolsScreen;
+    protected deriveStateFromProps(nextProps: Props, state: State): State;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/ui/ATS_ComponentPermissionKeys/ATS_ComponentPermissionKeys.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ComponentSync, LL_V_L } from '@nu-art/thunderstorm-frontend/index';
+import { PermissionKeysEditor } from './subEditors/permission-keys-editor.js';
+import { ModuleFE_PermissionAccessLevel } from '../../_entity.js';
+export class ATS_ComponentPermissionKeys extends ComponentSync {
+    static screen = {
+        key: 'component-permission-keys',
+        name: 'Component Permission Keys',
+        renderer: this,
+        group: 'Permissions',
+        modulesToAwait: [ModuleFE_PermissionAccessLevel],
+    };
+    //######################### Life Cycle #########################
+    deriveStateFromProps(nextProps, state) {
+        state ??= (this.state ? { ...this.state } : {});
+        return state;
+    }
+    //######################### Render #########################
+    render() {
+        return _jsx(LL_V_L, { className: '', children: _jsx(PermissionKeysEditor, {}) });
+    }
+}