@nu-art/permissions-frontend 0.401.9 → 0.500.6

package/ui/Page_Permissions/Page_Permissions.scss

@@ -0,0 +1,217 @@
+.page-permissions {
+	display: flex;
+	flex-direction: row;
+	align-items: stretch;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+
+// ── Left panel: group list ──
+
+.page-permissions__list-panel {
+	width: 280px;
+	min-width: 280px;
+	border-right: 1px solid var(--border-default);
+	padding: var(--space-5);
+	gap: var(--space-3);
+	overflow-y: auto;
+	align-items: stretch;
+	background: var(--bg-primary);
+
+	h2 {
+		font-size: var(--text-lg);
+		font-weight: var(--font-weight-semibold);
+		color: var(--text-primary);
+		margin: 0;
+	}
+}
+
+.page-permissions__group-list {
+	gap: 0;
+	align-items: stretch;
+}
+
+.page-permissions__group-row {
+	display: flex;
+	flex-direction: column;
+	gap: var(--space-1);
+	padding: var(--space-3);
+	border-radius: var(--radius-md);
+	cursor: pointer;
+	transition: background var(--transition-fast);
+	border-left: 3px solid transparent;
+	border-bottom: 1px solid var(--border-subtle);
+
+	&:last-child {
+		border-bottom: none;
+	}
+
+	&:hover {
+		background: var(--bg-secondary);
+	}
+}
+
+.page-permissions__group-row--selected {
+	background: var(--accent-subtle);
+	border-left-color: var(--accent-primary);
+
+	&:hover {
+		background: var(--accent-subtle);
+	}
+}
+
+.page-permissions__group-row-header {
+	justify-content: space-between;
+	align-items: center;
+	gap: var(--space-2);
+}
+
+.page-permissions__group-row-name {
+	font-size: var(--text-sm);
+	font-weight: var(--font-weight-medium);
+	color: var(--text-primary);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.page-permissions__group-row-meta {
+	font-size: var(--text-xs);
+	color: var(--text-tertiary);
+}
+
+// ── Right panel: group detail ──
+
+.page-permissions__detail-panel {
+	flex: 1;
+	padding: var(--space-6);
+	gap: var(--space-5);
+	overflow-y: auto;
+	align-items: stretch;
+	min-width: 0;
+}
+
+.page-permissions__detail-panel--empty {
+	justify-content: center;
+	align-items: center;
+}
+
+.page-permissions__detail-header {
+	justify-content: space-between;
+	align-items: center;
+	gap: var(--space-3);
+
+	h3 {
+		font-size: var(--text-xl);
+		font-weight: var(--font-weight-semibold);
+		color: var(--text-primary);
+		margin: 0;
+	}
+}
+
+.page-permissions__detail-key {
+	font-family: monospace;
+	font-size: var(--text-xs);
+	color: var(--text-tertiary);
+}
+
+.page-permissions__detail-section {
+	gap: var(--space-3);
+	align-items: stretch;
+
+	h4 {
+		font-size: var(--text-base);
+		font-weight: var(--font-weight-medium);
+		color: var(--text-secondary);
+		margin: 0;
+		padding-bottom: var(--space-1);
+		border-bottom: 1px solid var(--border-subtle);
+	}
+}
+
+// ── Debug panel (right) ──
+
+.page-permissions__debug-panel {
+	width: 320px;
+	min-width: 320px;
+	border-left: 1px solid var(--border-default);
+	padding: var(--space-4);
+	gap: var(--space-3);
+	overflow-y: auto;
+	align-items: stretch;
+	background: var(--bg-secondary);
+
+	h4 {
+		font-size: var(--text-sm);
+		font-weight: var(--font-weight-semibold);
+		color: var(--text-secondary);
+		margin: 0;
+		text-transform: uppercase;
+		letter-spacing: 0.05em;
+	}
+}
+
+.page-permissions__debug-panel--empty {
+	background: var(--bg-secondary);
+}
+
+.page-permissions__debug-tree {
+	font-size: var(--text-xs);
+	overflow-x: auto;
+
+	.ts-json-viewer__item__key {
+		color: var(--text-secondary);
+	}
+
+	.ts-json-viewer__item__value {
+		color: var(--accent-primary);
+		word-break: break-all;
+	}
+
+	.ts-json-viewer__item.string .ts-json-viewer__item__value {
+		color: var(--status-active-fg);
+	}
+
+	.ts-json-viewer__item.number .ts-json-viewer__item__value {
+		color: var(--accent-primary);
+	}
+}
+
+// ── Members ──
+
+.page-permissions__member-editor {
+	gap: var(--space-3);
+	align-items: stretch;
+}
+
+.page-permissions__member-dropdown {
+	max-width: 300px;
+}
+
+.page-permissions {
+	.tag--accent {
+		background: var(--accent-subtle);
+		color: var(--accent-primary);
+	}
+
+	.tag__remove {
+		background: none;
+		border: none;
+		cursor: pointer;
+		padding: 0 0 0 var(--space-1);
+		font-size: var(--text-sm);
+		color: inherit;
+		opacity: 0.6;
+		line-height: 1;
+
+		&:hover {
+			opacity: 1;
+		}
+	}
+
+	.editor-panel__actions {
+		padding-top: var(--space-3);
+		border-top: 1px solid var(--border-subtle);
+	}
+}

package/ui/Page_Permissions/route.d.ts

@@ -0,0 +1,2 @@
+import { TS_Route } from '@nu-art/thunder-routing';
+export declare const Route_Page_Permissions: TS_Route;

package/ui/Page_Permissions/route.js

@@ -0,0 +1,6 @@
+import { APage_Permissions } from './Page_Permissions.js';
+export const Route_Page_Permissions = {
+    path: 'permissions',
+    key: 'permissions-page',
+    Component: APage_Permissions,
+};

package/ui/PermissionGuard.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { PermissionScope } from '@nu-art/permissions-shared';
+type Props = {
+    scope: PermissionScope;
+    value: string;
+    fallback?: React.ReactNode;
+    children: React.ReactNode;
+};
+/**
+ * Conditionally renders children based on the current user's scope permissions.
+ * Reads scopeEntries from the JWT session — same PermissionScope used on backend.
+ *
+ * Usage:
+ *   <PermissionGuard scope={PermissionScope_MyConcept} value="write">
+ *     <MyProtectedComponent />
+ *   </PermissionGuard>
+ */
+export declare const PermissionGuard: React.FC<Props>;
+export {};

package/ui/PermissionGuard.js

@@ -0,0 +1,16 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { ModuleFE_PermissionsAssert } from '../modules/ModuleFE_PermissionsAssert.js';
+/**
+ * Conditionally renders children based on the current user's scope permissions.
+ * Reads scopeEntries from the JWT session — same PermissionScope used on backend.
+ *
+ * Usage:
+ *   <PermissionGuard scope={PermissionScope_MyConcept} value="write">
+ *     <MyProtectedComponent />
+ *   </PermissionGuard>
+ */
+export const PermissionGuard = ({ scope, value, fallback, children }) => {
+    if (!ModuleFE_PermissionsAssert.hasScopeAccess(scope, value))
+        return _jsx(_Fragment, { children: fallback ?? null });
+    return _jsx(_Fragment, { children: children });
+};

package/ui/scope-editor/Component_ScopeLabels.d.ts

@@ -0,0 +1,6 @@
+import type { DatabaseDef_PermissionScope } from '@nu-art/permissions-shared';
+export type Props_ScopeLabels = {
+    scopeEntries: DatabaseDef_PermissionScope['id'][];
+    emptyMessage?: string;
+};
+export declare const Component_ScopeLabels: (props: Props_ScopeLabels) => import("react/jsx-runtime").JSX.Element;

package/ui/scope-editor/Component_ScopeLabels.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { deriveScopeStructure, resolveScopeSelections } from './scope-utils.js';
+export const Component_ScopeLabels = (props) => {
+    const scopes = deriveScopeStructure();
+    const selections = resolveScopeSelections(props.scopeEntries, scopes);
+    const labels = scopes
+        .filter(s => selections[s.key])
+        .map(s => ({ key: s.key, value: selections[s.key] }));
+    if (labels.length === 0)
+        return _jsx("div", { className: 'card-list__item-meta', children: props.emptyMessage ?? 'No scopes' });
+    return _jsx("div", { className: 'tags', children: labels.map(s => _jsxs("span", { className: 'tag', children: [s.key, ": ", s.value] }, s.key)) });
+};

package/ui/scope-editor/Component_ScopeMultiSelect.d.ts

@@ -0,0 +1,26 @@
+import type { ApiCallerEventType } from '@nu-art/db-api-shared';
+import type { DB_PermissionScope, DatabaseDef_PermissionScope } from '@nu-art/permissions-shared';
+import { ComponentSync } from '@nu-art/thunder-widgets';
+import { type OnPermissionScopeUpdated } from '../../_entity/permission-scope/ModuleFE_PermissionScope.js';
+import './Component_ScopeMultiSelect.scss';
+export type Props_ScopeMultiSelect = {
+    scopeEntries: DatabaseDef_PermissionScope['id'][];
+    onChanged: (entries: DatabaseDef_PermissionScope['id'][]) => void;
+    disabled?: boolean;
+};
+type State = {
+    pickerOpen: boolean;
+    searchText: string;
+    activeDomains: Set<string>;
+};
+export declare class Component_ScopeMultiSelect extends ComponentSync<Props_ScopeMultiSelect, State> implements OnPermissionScopeUpdated {
+    __onPermissionScopeUpdated(..._params: ApiCallerEventType<DB_PermissionScope>): void;
+    protected deriveStateFromProps(_nextProps: Props_ScopeMultiSelect, state: State): State;
+    private readonly removeScope;
+    private readonly addScope;
+    private readonly toggleDomain;
+    render(): import("react/jsx-runtime").JSX.Element;
+    private renderSelectedChips;
+    private renderPicker;
+}
+export {};

package/ui/scope-editor/Component_ScopeMultiSelect.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { sortArray } from '@nu-art/ts-common';
+import { ComponentSync, LL_H_C, LL_V_L, TS_Input } from '@nu-art/thunder-widgets';
+import { ModuleFE_PermissionScope } from '../../_entity/permission-scope/ModuleFE_PermissionScope.js';
+import './Component_ScopeMultiSelect.scss';
+function firstSegment(s) {
+    const idx = s.indexOf('-');
+    return idx >= 0 ? s.slice(0, idx) : s;
+}
+function commonPrefixLength(a, b) {
+    let i = 0;
+    while (i < a.length && i < b.length && a[i] === b[i])
+        i++;
+    return i;
+}
+function deriveDomain(key, uiDomains) {
+    const keyFirstSeg = firstSegment(key);
+    let bestDomainSeg = '';
+    let bestLen = 0;
+    for (const domain of uiDomains) {
+        const domainFirstSeg = firstSegment(domain);
+        const prefixLen = commonPrefixLength(key, domain);
+        const threshold = Math.min(keyFirstSeg.length, domainFirstSeg.length);
+        if (prefixLen >= threshold && threshold >= 3 && prefixLen > bestLen) {
+            bestLen = prefixLen;
+            bestDomainSeg = domainFirstSeg;
+        }
+    }
+    return bestDomainSeg || 'other';
+}
+function buildScopeRows(entities) {
+    const uiDomains = entities
+        .filter(e => e.key.endsWith('-ui'))
+        .map(e => e.key.slice(0, -3));
+    return sortArray(entities.map(entity => ({
+        entity,
+        label: `${entity.key}:${entity.value}`,
+        domain: deriveDomain(entity.key, uiDomains),
+    })), row => row.label);
+}
+export class Component_ScopeMultiSelect extends ComponentSync {
+    __onPermissionScopeUpdated(..._params) {
+        this.forceUpdate();
+    }
+    deriveStateFromProps(_nextProps, state) {
+        return {
+            pickerOpen: state?.pickerOpen ?? false,
+            searchText: state?.searchText ?? '',
+            activeDomains: state?.activeDomains ?? new Set(),
+        };
+    }
+    removeScope = (id) => {
+        if (this.props.disabled)
+            return;
+        const next = this.props.scopeEntries.filter(e => e !== id);
+        this.props.onChanged(next);
+    };
+    addScope = (entity) => {
+        if (this.props.disabled)
+            return;
+        const selectedSet = new Set(this.props.scopeEntries);
+        if (selectedSet.has(entity._id))
+            return;
+        this.props.onChanged([...this.props.scopeEntries, entity._id]);
+    };
+    toggleDomain = (domain) => {
+        const next = new Set(this.state.activeDomains);
+        if (next.has(domain))
+            next.delete(domain);
+        else
+            next.add(domain);
+        this.setState({ activeDomains: next });
+    };
+    render() {
+        const entities = ModuleFE_PermissionScope.cache.all();
+        const allRows = buildScopeRows(entities);
+        const selectedSet = new Set(this.props.scopeEntries);
+        const selectedRows = allRows.filter(r => selectedSet.has(r.entity._id));
+        return _jsxs(LL_V_L, { className: 'scope-multiselect', children: [this.renderSelectedChips(selectedRows), this.state.pickerOpen
+                    ? this.renderPicker(allRows, selectedSet)
+                    : _jsx("button", { className: 'btn btn--secondary btn--sm scope-multiselect__add-btn', onClick: () => this.setState({ pickerOpen: true }), children: "+ Add scopes" })] });
+    }
+    renderSelectedChips(selectedRows) {
+        if (selectedRows.length === 0)
+            return _jsx("span", { className: 'card-list__item-meta', children: "No scopes assigned" });
+        return _jsx("div", { className: 'scope-multiselect__chips', children: selectedRows.map(row => (_jsxs("span", { className: 'scope-multiselect__chip', children: [_jsxs("span", { className: 'scope-multiselect__chip-label', children: [row.entity.key, ":", row.entity.value] }), !this.props.disabled && _jsx("button", { className: 'scope-multiselect__chip-remove', onClick: () => this.removeScope(row.entity._id), children: "\u00D7" })] }, row.entity._id))) });
+    }
+    renderPicker(allRows, selectedSet) {
+        const domains = sortArray([...new Set(allRows.map(r => r.domain))], d => d);
+        const availableRows = allRows.filter(row => {
+            if (selectedSet.has(row.entity._id))
+                return false;
+            if (this.state.activeDomains.size > 0 && !this.state.activeDomains.has(row.domain))
+                return false;
+            if (this.state.searchText) {
+                const needle = this.state.searchText.toLowerCase();
+                if (!row.label.toLowerCase().includes(needle))
+                    return false;
+            }
+            return true;
+        });
+        return _jsxs(LL_V_L, { className: 'scope-multiselect__picker', children: [_jsxs(LL_H_C, { className: 'scope-multiselect__picker-header', children: [_jsx(TS_Input, { type: 'text', value: this.state.searchText, placeholder: 'Search scopes to add...', saveEvent: ['change'], onChange: value => this.setState({ searchText: value }), focus: true }), _jsx("button", { className: 'btn btn--ghost btn--sm', onClick: () => this.setState({ pickerOpen: false, searchText: '', activeDomains: new Set() }), children: "Done" })] }), _jsx(LL_H_C, { className: 'scope-multiselect__domain-bar', children: domains.map(domain => {
+                        const isActive = this.state.activeDomains.has(domain);
+                        return _jsx("button", { className: `scope-multiselect__domain-pill ${isActive ? 'scope-multiselect__domain-pill--active' : ''}`, onClick: () => this.toggleDomain(domain), children: domain }, domain);
+                    }) }), _jsx(LL_V_L, { className: 'scope-multiselect__picker-list', children: availableRows.length === 0
+                        ? _jsx("span", { className: 'scope-multiselect__picker-empty', children: "No matching scopes" })
+                        : availableRows.map(row => (_jsxs(LL_H_C, { className: 'scope-multiselect__picker-row', onClick: () => this.addScope(row.entity), children: [_jsx("span", { className: 'scope-multiselect__picker-row-key', children: row.entity.key }), _jsx("span", { className: 'scope-multiselect__picker-row-sep', children: ":" }), _jsx("span", { className: 'scope-multiselect__picker-row-value', children: row.entity.value }), _jsx("span", { className: 'badge badge--info scope-multiselect__picker-row-domain', children: row.domain })] }, row.entity._id))) })] });
+    }
+}

package/ui/scope-editor/Component_ScopeMultiSelect.scss

@@ -0,0 +1,151 @@
+.scope-multiselect {
+	gap: var(--space-3);
+	align-items: stretch;
+	width: 100%;
+}
+
+// ── Selected chips ──
+
+.scope-multiselect__chips {
+	display: flex;
+	flex-wrap: wrap;
+	gap: var(--space-1);
+}
+
+.scope-multiselect__chip {
+	display: inline-flex;
+	align-items: center;
+	gap: var(--space-1);
+	padding: 2px var(--space-2);
+	border-radius: var(--radius-sm);
+	font-size: var(--text-xs);
+	font-weight: var(--font-weight-medium);
+	background: var(--accent-subtle);
+	color: var(--accent-primary);
+}
+
+.scope-multiselect__chip-remove {
+	background: none;
+	border: none;
+	cursor: pointer;
+	padding: 0;
+	font-size: var(--text-sm);
+	color: inherit;
+	opacity: 0.6;
+	line-height: 1;
+
+	&:hover {
+		opacity: 1;
+	}
+}
+
+.scope-multiselect__add-btn {
+	align-self: flex-start;
+}
+
+// ── Picker (dropdown-like panel) ──
+
+.scope-multiselect__picker {
+	gap: var(--space-2);
+	align-items: stretch;
+	border: 1px solid var(--border-default);
+	border-radius: var(--radius-md);
+	padding: var(--space-3);
+	background: var(--bg-elevated);
+	box-shadow: var(--shadow-sm);
+}
+
+.scope-multiselect__picker-header {
+	gap: var(--space-2);
+	align-items: center;
+
+	.ts-input {
+		flex: 1;
+	}
+}
+
+.scope-multiselect__domain-bar {
+	gap: var(--space-1);
+	flex-wrap: wrap;
+}
+
+.scope-multiselect__domain-pill {
+	display: inline-flex;
+	align-items: center;
+	padding: 2px var(--space-2);
+	border-radius: var(--radius-full);
+	font-size: var(--text-xs);
+	font-weight: var(--font-weight-medium);
+	border: 1px solid var(--border-default);
+	background: var(--bg-secondary);
+	color: var(--text-secondary);
+	cursor: pointer;
+	transition: background var(--transition-fast), color var(--transition-fast),
+		border-color var(--transition-fast);
+
+	&:hover {
+		background: var(--bg-tertiary);
+		color: var(--text-primary);
+	}
+}
+
+.scope-multiselect__domain-pill--active {
+	background: var(--accent-subtle);
+	color: var(--accent-primary);
+	border-color: var(--accent-primary);
+
+	&:hover {
+		background: var(--accent-subtle);
+		color: var(--accent-primary);
+	}
+}
+
+.scope-multiselect__picker-list {
+	gap: 1px;
+	align-items: stretch;
+	max-height: 280px;
+	overflow-y: auto;
+	border: 1px solid var(--border-subtle);
+	border-radius: var(--radius-sm);
+	background: var(--border-subtle);
+}
+
+.scope-multiselect__picker-row {
+	gap: var(--space-2);
+	align-items: center;
+	padding: var(--space-2) var(--space-3);
+	background: var(--bg-primary);
+	cursor: pointer;
+	transition: background var(--transition-fast);
+
+	&:hover {
+		background: var(--accent-subtle);
+	}
+}
+
+.scope-multiselect__picker-row-key {
+	font-size: var(--text-sm);
+	font-weight: var(--font-weight-medium);
+	color: var(--text-primary);
+}
+
+.scope-multiselect__picker-row-sep {
+	font-size: var(--text-sm);
+	color: var(--text-tertiary);
+}
+
+.scope-multiselect__picker-row-value {
+	font-size: var(--text-sm);
+	color: var(--text-secondary);
+}
+
+.scope-multiselect__picker-row-domain {
+	margin-left: auto;
+}
+
+.scope-multiselect__picker-empty {
+	font-size: var(--text-sm);
+	color: var(--text-tertiary);
+	padding: var(--space-3);
+	text-align: center;
+}

package/ui/scope-editor/scope-utils.d.ts

@@ -0,0 +1,7 @@
+import type { DatabaseDef_PermissionScope, DB_PermissionScope } from '@nu-art/permissions-shared';
+export type ScopeDescriptor = {
+    key: string;
+    values: string[];
+};
+export declare function deriveScopeStructure(): ScopeDescriptor[];
+export declare function resolveScopeSelections(scopeEntries: DatabaseDef_PermissionScope['id'][], scopes?: ScopeDescriptor[], scopeEntities?: readonly Readonly<DB_PermissionScope>[]): Record<string, string>;

package/ui/scope-editor/scope-utils.js

@@ -0,0 +1,38 @@
+/*
+ * Scope derivation and resolution utilities.
+ * Used by Component_ScopeLabels and other read-only scope display.
+ * Copyright (C) 2026 Adam van der Kruk aka TacB0sS
+ * Licensed under the Apache License, Version 2.0
+ */
+import { sortArray } from '@nu-art/ts-common';
+import { getPermissionScopeValues } from '@nu-art/permissions-shared';
+import { ModuleFE_PermissionScope } from '../../_entity/permission-scope/ModuleFE_PermissionScope.js';
+export function deriveScopeStructure() {
+    const entities = ModuleFE_PermissionScope.cache.all();
+    const scopeKeys = new Set(entities.map(e => e.key));
+    return sortArray([...scopeKeys].map(key => {
+        const definedValues = getPermissionScopeValues(key);
+        if (definedValues)
+            return { key, values: [...definedValues] };
+        return { key, values: entities.filter(e => e.key === key).map(e => e.value) };
+    }), d => d.key);
+}
+export function resolveScopeSelections(scopeEntries, scopes, scopeEntities) {
+    const resolvedScopes = scopes ?? deriveScopeStructure();
+    const resolvedEntities = scopeEntities ?? ModuleFE_PermissionScope.cache.all();
+    const entryIds = new Set(scopeEntries);
+    const selections = {};
+    for (const scope of resolvedScopes) {
+        let maxIdx = -1;
+        for (const entity of resolvedEntities) {
+            if (entity.key !== scope.key || !entryIds.has(entity._id))
+                continue;
+            const idx = scope.values.indexOf(entity.value);
+            if (idx > maxIdx)
+                maxIdx = idx;
+        }
+        if (maxIdx >= 0)
+            selections[scope.key] = scope.values[maxIdx];
+    }
+    return selections;
+}

package/PermissionKey_FE.d.ts

@@ -1,24 +0,0 @@
-import { AppConfigKey_FE } from '@nu-art/thunderstorm-frontend/index';
-import { TypedKeyValue, UniqueId } from '@nu-art/ts-common';
-import { DB_PermissionKeyData, DomainToLevelValueMap, PermissionKey } from '@nu-art/permissions-shared';
-import { AccessLevel } from './modules/ModuleFE_PermissionsAssert.js';
-export type UI_PermissionKeyData = {
-    accessLevelIds: UniqueId[];
-    _accessLevels?: DomainToLevelValueMap;
-};
-export declare class PermissionKey_FE<K extends string = string> extends AppConfigKey_FE<TypedKeyValue<K, DB_PermissionKeyData>> {
-    static generatePermissionKeysByLevels: <K_ extends PermissionKey>(keysMapper: { [key in K_]: string; }) => { [key in K_]: PermissionKey_FE; };
-    constructor(key: K);
-    set(value: UI_PermissionKeyData): Promise<void>;
-    getAccessLevel(): AccessLevel;
-}
-export type ModuleFE_PermissionMapper<Mapper> = {
-    [key in keyof Mapper]: PermissionKey_FE;
-};
-/**
- * Permission mapper type for ModuleFEs
- */
-export type ModuleFE_DefaultPermissions<UIMapper, CollectionMapper> = {
-    ui: ModuleFE_PermissionMapper<UIMapper>;
-    collection: ModuleFE_PermissionMapper<CollectionMapper>;
-};

package/PermissionKey_FE.js

@@ -1,23 +0,0 @@
-import { AppConfigKey_FE, ModuleFE_AppConfig } from '@nu-art/thunderstorm-frontend/index';
-import { _keys } from '@nu-art/ts-common';
-import { ModuleFE_PermissionsAssert } from './modules/ModuleFE_PermissionsAssert.js';
-export class PermissionKey_FE extends AppConfigKey_FE {
-    static generatePermissionKeysByLevels = (keysMapper) => {
-        return _keys(keysMapper).reduce((mapper, currentKey) => {
-            if (!mapper[currentKey])
-                mapper[currentKey] = new PermissionKey_FE(keysMapper[currentKey]);
-            return mapper;
-        }, {});
-    };
-    constructor(key) {
-        super(key);
-        ModuleFE_PermissionsAssert.registerPermissionKey(this);
-    }
-    async set(value) {
-        // @ts-ignore
-        await ModuleFE_AppConfig.set(this, value);
-    }
-    getAccessLevel() {
-        return ModuleFE_PermissionsAssert.getAccessLevel(this);
-    }
-}

package/_entity/permission-access-level/ModuleFE_PermissionAccessLevel.d.ts

@@ -1,11 +0,0 @@
-import { ModuleFE_BaseApi } from '@nu-art/thunderstorm-frontend';
-import { ApiDefCaller } from '@nu-art/thunderstorm-shared';
-import { DispatcherDef, ThunderDispatcherV3 } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
-import { ApiStruct_PermissionAccessLevel, DBProto_PermissionAccessLevel } from '@nu-art/permissions-shared';
-export type DispatcherType_PermissionAccessLevel = DispatcherDef<DBProto_PermissionAccessLevel, `__onPermissionAccessLevelUpdated`>;
-export declare const dispatch_onPermissionAccessLevelChanged: ThunderDispatcherV3<DispatcherType_PermissionAccessLevel>;
-export declare class ModuleFE_PermissionAccessLevel_Class extends ModuleFE_BaseApi<DBProto_PermissionAccessLevel> implements ApiDefCaller<ApiStruct_PermissionAccessLevel> {
-    _v1: ApiDefCaller<ApiStruct_PermissionAccessLevel>['_v1'];
-    constructor();
-}
-export declare const ModuleFE_PermissionAccessLevel: ModuleFE_PermissionAccessLevel_Class;