@nu-art/permissions-frontend 0.401.9 → 0.500.0

package/PermissionKey_FE.d.ts

@@ -1,14 +1,15 @@
-import { AppConfigKey_FE } from '@nu-art/thunderstorm-frontend/index';
-import { TypedKeyValue, UniqueId } from '@nu-art/ts-common';
+import { 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>> {
+export declare class PermissionKey_FE<K extends string = string> {
+    readonly key: K;
     static generatePermissionKeysByLevels: <K_ extends PermissionKey>(keysMapper: { [key in K_]: string; }) => { [key in K_]: PermissionKey_FE; };
     constructor(key: K);
+    get(): DB_PermissionKeyData | undefined;
     set(value: UI_PermissionKeyData): Promise<void>;
     getAccessLevel(): AccessLevel;
 }

package/PermissionKey_FE.js

@@ -1,7 +1,8 @@
-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 {
+import { getAppConfigKeyHandler } from './permissions-wire.js';
+export class PermissionKey_FE {
+    key;
     static generatePermissionKeysByLevels = (keysMapper) => {
         return _keys(keysMapper).reduce((mapper, currentKey) => {
             if (!mapper[currentKey])
@@ -10,12 +11,14 @@ export class PermissionKey_FE extends AppConfigKey_FE {
         }, {});
     };
     constructor(key) {
-        super(key);
+        this.key = key;
         ModuleFE_PermissionsAssert.registerPermissionKey(this);
     }
+    get() {
+        return getAppConfigKeyHandler()?.get(this.key);
+    }
     async set(value) {
-        // @ts-ignore
-        await ModuleFE_AppConfig.set(this, value);
+        await getAppConfigKeyHandler()?.set(this.key, value);
     }
     getAccessLevel() {
         return ModuleFE_PermissionsAssert.getAccessLevel(this);

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

@@ -1,11 +1,12 @@
-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'];
+import { ModuleFE_BaseApi } from '@nu-art/db-api-frontend';
+import { ApiCallerEventType } from '@nu-art/db-api-shared';
+import { ThunderDispatcher } from '@nu-art/thunder-core';
+import { DatabaseDef_PermissionAccessLevel } from '@nu-art/permissions-shared';
+export interface OnPermissionAccessLevelUpdated {
+    __onPermissionAccessLevelUpdated: (...params: ApiCallerEventType<DatabaseDef_PermissionAccessLevel['dbType']>) => void;
+}
+export declare const dispatch_onPermissionAccessLevelChanged: ThunderDispatcher<OnPermissionAccessLevelUpdated, "__onPermissionAccessLevelUpdated", ApiCallerEventType<import("@nu-art/permissions-shared").DB_PermissionAccessLevel>, void>;
+export declare class ModuleFE_PermissionAccessLevel_Class extends ModuleFE_BaseApi<DatabaseDef_PermissionAccessLevel> {
     constructor();
 }
 export declare const ModuleFE_PermissionAccessLevel: ModuleFE_PermissionAccessLevel_Class;

package/_entity/permission-access-level/ModuleFE_PermissionAccessLevel.js

@@ -1,12 +1,15 @@
-import { ModuleFE_BaseApi } from '@nu-art/thunderstorm-frontend';
-import { ThunderDispatcherV3 } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
+import { ModuleFE_BaseApi, buildConfigFromDBDef } from '@nu-art/db-api-frontend';
+import { CrudApiDef } from '@nu-art/db-api-shared';
+import { ThunderDispatcher } from '@nu-art/thunder-core';
 import { DBDef_PermissionAccessLevel } from '@nu-art/permissions-shared';
-export const dispatch_onPermissionAccessLevelChanged = new ThunderDispatcherV3('__onPermissionAccessLevelUpdated');
+export const dispatch_onPermissionAccessLevelChanged = new ThunderDispatcher('__onPermissionAccessLevelUpdated');
 export class ModuleFE_PermissionAccessLevel_Class extends ModuleFE_BaseApi {
-    _v1;
     constructor() {
-        super(DBDef_PermissionAccessLevel, dispatch_onPermissionAccessLevelChanged);
-        this._v1 = {};
+        super({
+            config: buildConfigFromDBDef(DBDef_PermissionAccessLevel),
+            crudApiDef: CrudApiDef(DBDef_PermissionAccessLevel.dbKey),
+            dispatcher: (...args) => dispatch_onPermissionAccessLevelChanged.dispatchAll(...args)
+        });
     }
 }
 export const ModuleFE_PermissionAccessLevel = new ModuleFE_PermissionAccessLevel_Class();

package/_entity/permission-access-level/ui-components.d.ts

@@ -1,37 +1,5 @@
 export declare const DropDown_PermissionAccessLevel: {
-    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_PermissionAccessLevel) => (string | undefined)[]) | undefined;
-        noOptionsRenderer?: import("react").ReactNode | ((filter?: string) => import("react").ReactNode);
-        renderer?: ((item: import("@nu-art/permissions-shared").DB_PermissionAccessLevel) => 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_PermissionAccessLevel[], e: import("react").KeyboardEvent) => any) | undefined;
-        limitItems?: number;
-        hidePlaceholderOnOpen?: boolean;
-        itemResolver?: (() => import("@nu-art/permissions-shared").DB_PermissionAccessLevel[]) | undefined;
-        innerRef?: import("react").RefObject<any>;
-        tabIndex?: number;
-        unselectLabel?: string;
-        id?: string;
-        queryFilter?: ((item: import("@nu-art/permissions-shared").DB_PermissionAccessLevel) => boolean) | undefined;
-        sortBy?: ("name" | "_id" | "__metadata1" | "__hardDelete" | "__created" | "__updated" | "_v" | "_originDocId" | "_auditorId" | keyof import("@nu-art/permissions-shared").Base_AccessLevel | "uiLabel" | ((item: import("@nu-art/permissions-shared").DB_PermissionAccessLevel) => string | number))[] | undefined;
-    } & {
-        inputValue?: string;
-        boundingParentSelector?: string;
-        renderSearch?: ((dropDown: import("@nu-art/thunderstorm-frontend/index").TS_DropDown<import("@nu-art/permissions-shared").DB_PermissionAccessLevel>) => 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_PermissionAccessLevel | undefined, superOnSelected: (selected?: import("@nu-art/permissions-shared").DB_PermissionAccessLevel | 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_PermissionAccessLevel>) => import("react/jsx-runtime").JSX.Element;
+    editable: (props: import("@nu-art/editable-item").EditableItemProps_GenericDropDown<import("@nu-art/permissions-shared").DB_PermissionAccessLevel>) => import("react/jsx-runtime").JSX.Element;
+    selectable: (props: import("@nu-art/editable-item").AppLevelProps_TS_GenericDropDown<import("@nu-art/permissions-shared").DB_PermissionAccessLevel>) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const MultiSelect_PermissionAccessLevel: <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;
+export declare const MultiSelect_PermissionAccessLevel: <EnclosingItem_, Prop extends import("@nu-art/ts-common").SubsetKeys<keyof EnclosingItem_, EnclosingItem_, string[] | undefined>>(props: import("@nu-art/editable-item").DynamicProps_TS_MultiSelect_V2<EnclosingItem_, Prop> & Partial<import("@nu-art/editable-item").StaticProps_TS_MultiSelect_V2<string>>) => import("react/jsx-runtime").JSX.Element;

package/_entity/permission-access-level/ui-components.js

@@ -1,7 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { GenericDropDownV3, TS_MultiSelect_V2 } from '@nu-art/thunderstorm-frontend/index';
+import { DBItemDropDownMultiSelector, prepareGenericDropDown, TS_MultiSelect_V2, } from '@nu-art/editable-item';
 import { ModuleFE_PermissionAccessLevel } from './ModuleFE_PermissionAccessLevel.js';
-import { DBItemDropDownMultiSelector } from '@nu-art/thunderstorm-frontend/components/_TS_MultiSelect/DBItemDropDownMultiSelector';
 import { TS_Icons } from '@nu-art/ts-styles';
 const Props_DropDown = {
     module: ModuleFE_PermissionAccessLevel,
@@ -10,7 +9,7 @@ const Props_DropDown = {
     placeholder: 'Choose a PermissionAccessLevel',
     renderer: item => _jsx(_Fragment, { children: item.name })
 };
-export const DropDown_PermissionAccessLevel = GenericDropDownV3.prepare(Props_DropDown);
+export const DropDown_PermissionAccessLevel = prepareGenericDropDown(Props_DropDown);
 const Props_MultiSelect = DBItemDropDownMultiSelector.propsV3({
     module: ModuleFE_PermissionAccessLevel,
     itemRenderer: (item, onDelete) => {

package/_entity/permission-api/ModuleFE_PermissionAPI.d.ts

@@ -1,11 +1,12 @@
-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_PermissionAPI, DBProto_PermissionAPI } from '@nu-art/permissions-shared';
-export type DispatcherType_PermissionAPI = DispatcherDef<DBProto_PermissionAPI, `__onPermissionAPIUpdated`>;
-export declare const dispatch_onPermissionAPIChanged: ThunderDispatcherV3<DispatcherType_PermissionAPI>;
-export declare class ModuleFE_PermissionAPI_Class extends ModuleFE_BaseApi<DBProto_PermissionAPI> implements ApiDefCaller<ApiStruct_PermissionAPI> {
-    _v1: ApiDefCaller<ApiStruct_PermissionAPI>['_v1'];
+import { ModuleFE_BaseApi } from '@nu-art/db-api-frontend';
+import { ApiCallerEventType } from '@nu-art/db-api-shared';
+import { ThunderDispatcher } from '@nu-art/thunder-core';
+import { DatabaseDef_PermissionAPI } from '@nu-art/permissions-shared';
+export interface OnPermissionAPIUpdated {
+    __onPermissionAPIUpdated: (...params: ApiCallerEventType<DatabaseDef_PermissionAPI['dbType']>) => void;
+}
+export declare const dispatch_onPermissionAPIChanged: ThunderDispatcher<OnPermissionAPIUpdated, "__onPermissionAPIUpdated", ApiCallerEventType<import("@nu-art/permissions-shared").DB_PermissionAPI>, void>;
+export declare class ModuleFE_PermissionAPI_Class extends ModuleFE_BaseApi<DatabaseDef_PermissionAPI> {
     constructor();
 }
 export declare const ModuleFE_PermissionAPI: ModuleFE_PermissionAPI_Class;

package/_entity/permission-api/ModuleFE_PermissionAPI.js

@@ -1,12 +1,15 @@
-import { ModuleFE_BaseApi } from '@nu-art/thunderstorm-frontend/index';
-import { ThunderDispatcherV3 } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
+import { ModuleFE_BaseApi, buildConfigFromDBDef } from '@nu-art/db-api-frontend';
+import { CrudApiDef } from '@nu-art/db-api-shared';
+import { ThunderDispatcher } from '@nu-art/thunder-core';
 import { DBDef_PermissionAPI } from '@nu-art/permissions-shared';
-export const dispatch_onPermissionAPIChanged = new ThunderDispatcherV3('__onPermissionAPIUpdated');
+export const dispatch_onPermissionAPIChanged = new ThunderDispatcher('__onPermissionAPIUpdated');
 export class ModuleFE_PermissionAPI_Class extends ModuleFE_BaseApi {
-    _v1;
     constructor() {
-        super(DBDef_PermissionAPI, dispatch_onPermissionAPIChanged);
-        this._v1 = {};
+        super({
+            config: buildConfigFromDBDef(DBDef_PermissionAPI),
+            crudApiDef: CrudApiDef(DBDef_PermissionAPI.dbKey),
+            dispatcher: (...args) => dispatch_onPermissionAPIChanged.dispatchAll(...args)
+        });
     }
 }
 export const ModuleFE_PermissionAPI = new ModuleFE_PermissionAPI_Class();

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

@@ -1,37 +1,5 @@
 export declare const DropDown_PermissionAPI: {
-    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_PermissionAPI) => (string | undefined)[]) | undefined;
-        noOptionsRenderer?: import("react").ReactNode | ((filter?: string) => import("react").ReactNode);
-        renderer?: ((item: import("@nu-art/permissions-shared").DB_PermissionAPI) => 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_PermissionAPI[], e: import("react").KeyboardEvent) => any) | undefined;
-        limitItems?: number;
-        hidePlaceholderOnOpen?: boolean;
-        itemResolver?: (() => import("@nu-art/permissions-shared").DB_PermissionAPI[]) | undefined;
-        innerRef?: import("react").RefObject<any>;
-        tabIndex?: number;
-        unselectLabel?: string;
-        id?: string;
-        queryFilter?: ((item: import("@nu-art/permissions-shared").DB_PermissionAPI) => boolean) | undefined;
-        sortBy?: ("path" | "_id" | "__metadata1" | "__hardDelete" | "__created" | "__updated" | "_v" | "_originDocId" | "_auditorId" | "projectId" | "_accessLevels" | "accessLevelIds" | "deprecated" | "onlyForApplication" | ((item: import("@nu-art/permissions-shared").DB_PermissionAPI) => string | number))[] | undefined;
-    } & {
-        inputValue?: string;
-        boundingParentSelector?: string;
-        renderSearch?: ((dropDown: import("@nu-art/thunderstorm-frontend/index").TS_DropDown<import("@nu-art/permissions-shared").DB_PermissionAPI>) => 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_PermissionAPI | undefined, superOnSelected: (selected?: import("@nu-art/permissions-shared").DB_PermissionAPI | 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_PermissionAPI>) => import("react/jsx-runtime").JSX.Element;
+    editable: (props: import("@nu-art/editable-item").EditableItemProps_GenericDropDown<import("@nu-art/permissions-shared").DB_PermissionAPI>) => import("react/jsx-runtime").JSX.Element;
+    selectable: (props: import("@nu-art/editable-item").AppLevelProps_TS_GenericDropDown<import("@nu-art/permissions-shared").DB_PermissionAPI>) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const MultiSelect_PermissionAPI: <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;
+export declare const MultiSelect_PermissionAPI: <EnclosingItem_, Prop extends import("@nu-art/ts-common").SubsetKeys<keyof EnclosingItem_, EnclosingItem_, string[] | undefined>>(props: import("@nu-art/editable-item").DynamicProps_TS_MultiSelect_V2<EnclosingItem_, Prop> & Partial<import("@nu-art/editable-item").StaticProps_TS_MultiSelect_V2<string>>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,6 @@
 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 { prepareGenericDropDown, TS_MultiSelect_V2, DBItemDropDownMultiSelector, } from '@nu-art/editable-item';
 import { ModuleFE_PermissionAPI } from './ModuleFE_PermissionAPI.js';
-import { DBItemDropDownMultiSelector } from '@nu-art/thunderstorm-frontend/components/_TS_MultiSelect/DBItemDropDownMultiSelector';
 import { TS_Icons } from '@nu-art/ts-styles';
 const Props_DropDown = {
     module: ModuleFE_PermissionAPI,
@@ -10,7 +9,8 @@ const Props_DropDown = {
     placeholder: 'Choose a PermissionAPI',
     renderer: item => _jsxs("div", { className: "ll_h_c", children: [" ", item.path, " "] })
 };
-export const DropDown_PermissionAPI = GenericDropDownV3.prepare(Props_DropDown);
+// Editable pattern: use .editable with editable+prop, .selectable for multi-select (same as EDITABLE.GenericDropDownV3).
+export const DropDown_PermissionAPI = prepareGenericDropDown(Props_DropDown);
 const Props_MultiSelect = DBItemDropDownMultiSelector.propsV3({
     module: ModuleFE_PermissionAPI,
     itemRenderer: (item, onDelete) => {

package/_entity/permission-domain/ModuleFE_PermissionDomain.d.ts

@@ -1,9 +1,12 @@
-import { ModuleFE_BaseApi } from '@nu-art/thunderstorm-frontend/index';
-import { DispatcherDef, ThunderDispatcherV3 } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
-import { DBProto_PermissionDomain } from '@nu-art/permissions-shared';
-export type DispatcherType_PermissionDomain = DispatcherDef<DBProto_PermissionDomain, `__onPermissionDomainUpdated`>;
-export declare const dispatch_onPermissionDomainChanged: ThunderDispatcherV3<DispatcherType_PermissionDomain>;
-export declare class ModuleFE_PermissionDomain_Class extends ModuleFE_BaseApi<DBProto_PermissionDomain> {
+import { ModuleFE_BaseApi } from '@nu-art/db-api-frontend';
+import { ApiCallerEventType } from '@nu-art/db-api-shared';
+import { ThunderDispatcher } from '@nu-art/thunder-core';
+import { DatabaseDef_PermissionDomain } from '@nu-art/permissions-shared';
+export interface OnPermissionDomainUpdated {
+    __onPermissionDomainUpdated: (...params: ApiCallerEventType<DatabaseDef_PermissionDomain['dbType']>) => void;
+}
+export declare const dispatch_onPermissionDomainChanged: ThunderDispatcher<OnPermissionDomainUpdated, "__onPermissionDomainUpdated", ApiCallerEventType<import("@nu-art/permissions-shared").DB_PermissionDomain>, void>;
+export declare class ModuleFE_PermissionDomain_Class extends ModuleFE_BaseApi<DatabaseDef_PermissionDomain> {
     constructor();
 }
 export declare const ModuleFE_PermissionDomain: ModuleFE_PermissionDomain_Class;

package/_entity/permission-domain/ModuleFE_PermissionDomain.js

@@ -1,10 +1,15 @@
-import { ModuleFE_BaseApi } from '@nu-art/thunderstorm-frontend/index';
-import { ThunderDispatcherV3 } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
+import { ModuleFE_BaseApi, buildConfigFromDBDef } from '@nu-art/db-api-frontend';
+import { CrudApiDef } from '@nu-art/db-api-shared';
+import { ThunderDispatcher } from '@nu-art/thunder-core';
 import { DBDef_PermissionDomain } from '@nu-art/permissions-shared';
-export const dispatch_onPermissionDomainChanged = new ThunderDispatcherV3('__onPermissionDomainUpdated');
+export const dispatch_onPermissionDomainChanged = new ThunderDispatcher('__onPermissionDomainUpdated');
 export class ModuleFE_PermissionDomain_Class extends ModuleFE_BaseApi {
     constructor() {
-        super(DBDef_PermissionDomain, dispatch_onPermissionDomainChanged);
+        super({
+            config: buildConfigFromDBDef(DBDef_PermissionDomain),
+            crudApiDef: CrudApiDef(DBDef_PermissionDomain.dbKey),
+            dispatcher: (...args) => dispatch_onPermissionDomainChanged.dispatchAll(...args)
+        });
     }
 }
 export const ModuleFE_PermissionDomain = new ModuleFE_PermissionDomain_Class();

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

@@ -1,37 +1,5 @@
 export declare const DropDown_PermissionDomain: {
-    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_PermissionDomain) => (string | undefined)[]) | undefined;
-        noOptionsRenderer?: import("react").ReactNode | ((filter?: string) => import("react").ReactNode);
-        renderer?: ((item: import("@nu-art/permissions-shared").DB_PermissionDomain) => 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_PermissionDomain[], e: import("react").KeyboardEvent) => any) | undefined;
-        limitItems?: number;
-        hidePlaceholderOnOpen?: boolean;
-        itemResolver?: (() => import("@nu-art/permissions-shared").DB_PermissionDomain[]) | undefined;
-        innerRef?: import("react").RefObject<any>;
-        tabIndex?: number;
-        unselectLabel?: string;
-        id?: string;
-        queryFilter?: ((item: import("@nu-art/permissions-shared").DB_PermissionDomain) => boolean) | undefined;
-        sortBy?: ("_id" | "__metadata1" | "__hardDelete" | "__created" | "__updated" | "_v" | "_originDocId" | "_auditorId" | "projectId" | "namespace" | ((item: import("@nu-art/permissions-shared").DB_PermissionDomain) => string | number))[] | undefined;
-    } & {
-        inputValue?: string;
-        boundingParentSelector?: string;
-        renderSearch?: ((dropDown: import("@nu-art/thunderstorm-frontend/index").TS_DropDown<import("@nu-art/permissions-shared").DB_PermissionDomain>) => 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_PermissionDomain | undefined, superOnSelected: (selected?: import("@nu-art/permissions-shared").DB_PermissionDomain | 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_PermissionDomain>) => import("react/jsx-runtime").JSX.Element;
+    editable: (props: import("@nu-art/editable-item").EditableItemProps_GenericDropDown<import("@nu-art/permissions-shared").DB_PermissionDomain>) => import("react/jsx-runtime").JSX.Element;
+    selectable: (props: import("@nu-art/editable-item").AppLevelProps_TS_GenericDropDown<import("@nu-art/permissions-shared").DB_PermissionDomain>) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const MultiSelect_PermissionDomain: <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;
+export declare const MultiSelect_PermissionDomain: <EnclosingItem_, Prop extends import("@nu-art/ts-common").SubsetKeys<keyof EnclosingItem_, EnclosingItem_, string[] | undefined>>(props: import("@nu-art/editable-item").DynamicProps_TS_MultiSelect_V2<EnclosingItem_, Prop> & Partial<import("@nu-art/editable-item").StaticProps_TS_MultiSelect_V2<string>>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { GenericDropDownV3, TS_MultiSelect_V2 } from '@nu-art/thunderstorm-frontend/index';
+import { DBItemDropDownMultiSelector, prepareGenericDropDown, TS_MultiSelect_V2, } from '@nu-art/editable-item';
 import { ModuleFE_PermissionDomain } from './ModuleFE_PermissionDomain.js';
-import { DBItemDropDownMultiSelector } from '@nu-art/thunderstorm-frontend/components/_TS_MultiSelect/DBItemDropDownMultiSelector';
 import { TS_Icons } from '@nu-art/ts-styles';
 const Props_DropDown = {
     module: ModuleFE_PermissionDomain,
@@ -10,7 +9,7 @@ const Props_DropDown = {
     placeholder: 'Choose a PermissionDomain',
     renderer: item => _jsx(_Fragment, { children: item.namespace })
 };
-export const DropDown_PermissionDomain = GenericDropDownV3.prepare(Props_DropDown);
+export const DropDown_PermissionDomain = prepareGenericDropDown(Props_DropDown);
 const Props_MultiSelect = DBItemDropDownMultiSelector.propsV3({
     module: ModuleFE_PermissionDomain,
     itemRenderer: (item, onDelete) => {

package/_entity/permission-group/ModuleFE_PermissionGroup.d.ts

@@ -1,11 +1,12 @@
-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_PermissionGroup, DBProto_PermissionGroup } from '@nu-art/permissions-shared';
-export type DispatcherType_PermissionGroup = DispatcherDef<DBProto_PermissionGroup, `__onPermissionGroupUpdated`>;
-export declare const dispatch_onPermissionGroupChanged: ThunderDispatcherV3<DispatcherType_PermissionGroup>;
-export declare class ModuleFE_PermissionGroup_Class extends ModuleFE_BaseApi<DBProto_PermissionGroup> implements ApiDefCaller<ApiStruct_PermissionGroup> {
-    _v1: ApiDefCaller<ApiStruct_PermissionGroup>['_v1'];
+import { ModuleFE_BaseApi } from '@nu-art/db-api-frontend';
+import { ApiCallerEventType } from '@nu-art/db-api-shared';
+import { ThunderDispatcher } from '@nu-art/thunder-core';
+import { DatabaseDef_PermissionGroup } from '@nu-art/permissions-shared';
+export interface OnPermissionGroupUpdated {
+    __onPermissionGroupUpdated: (...params: ApiCallerEventType<DatabaseDef_PermissionGroup['dbType']>) => void;
+}
+export declare const dispatch_onPermissionGroupChanged: ThunderDispatcher<OnPermissionGroupUpdated, "__onPermissionGroupUpdated", ApiCallerEventType<import("@nu-art/permissions-shared").DB_PermissionGroup>, void>;
+export declare class ModuleFE_PermissionGroup_Class extends ModuleFE_BaseApi<DatabaseDef_PermissionGroup> {
     constructor();
 }
 export declare const ModuleFE_PermissionGroup: ModuleFE_PermissionGroup_Class;

package/_entity/permission-group/ModuleFE_PermissionGroup.js

@@ -1,12 +1,15 @@
-import { ModuleFE_BaseApi } from '@nu-art/thunderstorm-frontend/index';
-import { ThunderDispatcherV3 } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
+import { ModuleFE_BaseApi, buildConfigFromDBDef } from '@nu-art/db-api-frontend';
+import { CrudApiDef } from '@nu-art/db-api-shared';
+import { ThunderDispatcher } from '@nu-art/thunder-core';
 import { DBDef_PermissionGroup } from '@nu-art/permissions-shared';
-export const dispatch_onPermissionGroupChanged = new ThunderDispatcherV3('__onPermissionGroupUpdated');
+export const dispatch_onPermissionGroupChanged = new ThunderDispatcher('__onPermissionGroupUpdated');
 export class ModuleFE_PermissionGroup_Class extends ModuleFE_BaseApi {
-    _v1;
     constructor() {
-        super(DBDef_PermissionGroup, dispatch_onPermissionGroupChanged);
-        this._v1 = {};
+        super({
+            config: buildConfigFromDBDef(DBDef_PermissionGroup),
+            crudApiDef: CrudApiDef(DBDef_PermissionGroup.dbKey),
+            dispatcher: (...args) => dispatch_onPermissionGroupChanged.dispatchAll(...args)
+        });
     }
 }
 export const ModuleFE_PermissionGroup = new ModuleFE_PermissionGroup_Class();

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

@@ -1,37 +1,5 @@
 export declare const DropDown_PermissionGroup: {
-    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_PermissionGroup) => (string | undefined)[]) | undefined;
-        noOptionsRenderer?: import("react").ReactNode | ((filter?: string) => import("react").ReactNode);
-        renderer?: ((item: import("@nu-art/permissions-shared").DB_PermissionGroup) => 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_PermissionGroup[], e: import("react").KeyboardEvent) => any) | undefined;
-        limitItems?: number;
-        hidePlaceholderOnOpen?: boolean;
-        itemResolver?: (() => import("@nu-art/permissions-shared").DB_PermissionGroup[]) | undefined;
-        innerRef?: import("react").RefObject<any>;
-        tabIndex?: number;
-        unselectLabel?: string;
-        id?: string;
-        queryFilter?: ((item: import("@nu-art/permissions-shared").DB_PermissionGroup) => boolean) | undefined;
-        sortBy?: ("label" | "_id" | "__metadata1" | "__hardDelete" | "__created" | "__updated" | "_v" | "_originDocId" | "_auditorId" | "projectId" | "uiLabel" | "accessLevelIds" | "_levelsMap" | ((item: import("@nu-art/permissions-shared").DB_PermissionGroup) => string | number))[] | undefined;
-    } & {
-        inputValue?: string;
-        boundingParentSelector?: string;
-        renderSearch?: ((dropDown: import("@nu-art/thunderstorm-frontend/index").TS_DropDown<import("@nu-art/permissions-shared").DB_PermissionGroup>) => 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_PermissionGroup | undefined, superOnSelected: (selected?: import("@nu-art/permissions-shared").DB_PermissionGroup | 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_PermissionGroup>) => import("react/jsx-runtime").JSX.Element;
+    editable: (props: import("@nu-art/editable-item").EditableItemProps_GenericDropDown<import("@nu-art/permissions-shared").DB_PermissionGroup>) => import("react/jsx-runtime").JSX.Element;
+    selectable: (props: import("@nu-art/editable-item").AppLevelProps_TS_GenericDropDown<import("@nu-art/permissions-shared").DB_PermissionGroup>) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const MultiSelect_PermissionGroup: <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;
+export declare const MultiSelect_PermissionGroup: <EnclosingItem_, Prop extends import("@nu-art/ts-common").SubsetKeys<keyof EnclosingItem_, EnclosingItem_, string[] | undefined>>(props: import("@nu-art/editable-item").DynamicProps_TS_MultiSelect_V2<EnclosingItem_, Prop> & Partial<import("@nu-art/editable-item").StaticProps_TS_MultiSelect_V2<string>>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { GenericDropDownV3, TS_MultiSelect_V2 } from '@nu-art/thunderstorm-frontend/index';
+import { prepareGenericDropDown, TS_MultiSelect_V2, DBItemDropDownMultiSelector, } from '@nu-art/editable-item';
 import { ModuleFE_PermissionGroup } from './ModuleFE_PermissionGroup.js';
-import { DBItemDropDownMultiSelector } from '@nu-art/thunderstorm-frontend/components/_TS_MultiSelect/DBItemDropDownMultiSelector';
 import { TS_Icons } from '@nu-art/ts-styles';
 const Props_DropDown = {
     module: ModuleFE_PermissionGroup,
@@ -10,7 +9,7 @@ const Props_DropDown = {
     placeholder: 'Choose a PermissionGroup',
     renderer: item => _jsx(_Fragment, { children: item.label })
 };
-export const DropDown_PermissionGroup = GenericDropDownV3.prepare(Props_DropDown);
+export const DropDown_PermissionGroup = prepareGenericDropDown(Props_DropDown);
 const Props_MultiSelect = DBItemDropDownMultiSelector.propsV3({
     module: ModuleFE_PermissionGroup,
     itemRenderer: (item, onDelete) => {

package/_entity/permission-project/ModuleFE_PermissionProject.d.ts

@@ -1,11 +1,12 @@
-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_PermissionProject, DBProto_PermissionProject } from '@nu-art/permissions-shared';
-export type DispatcherType_PermissionProject = DispatcherDef<DBProto_PermissionProject, `__onPermissionProjectUpdated`>;
-export declare const dispatch_onPermissionProjectChanged: ThunderDispatcherV3<DispatcherType_PermissionProject>;
-export declare class ModuleFE_PermissionProject_Class extends ModuleFE_BaseApi<DBProto_PermissionProject> implements ApiDefCaller<ApiStruct_PermissionProject> {
-    _v1: ApiDefCaller<ApiStruct_PermissionProject>['_v1'];
+import { ModuleFE_BaseApi } from '@nu-art/db-api-frontend';
+import { ApiCallerEventType } from '@nu-art/db-api-shared';
+import { ThunderDispatcher } from '@nu-art/thunder-core';
+import { DatabaseDef_PermissionProject } from '@nu-art/permissions-shared';
+export interface OnPermissionProjectUpdated {
+    __onPermissionProjectUpdated: (...params: ApiCallerEventType<DatabaseDef_PermissionProject['dbType']>) => void;
+}
+export declare const dispatch_onPermissionProjectChanged: ThunderDispatcher<OnPermissionProjectUpdated, "__onPermissionProjectUpdated", ApiCallerEventType<import("@nu-art/permissions-shared").DB_PermissionProject>, void>;
+export declare class ModuleFE_PermissionProject_Class extends ModuleFE_BaseApi<DatabaseDef_PermissionProject> {
     constructor();
 }
 export declare const ModuleFE_PermissionProject: ModuleFE_PermissionProject_Class;

package/_entity/permission-project/ModuleFE_PermissionProject.js

@@ -1,12 +1,15 @@
-import { ModuleFE_BaseApi } from '@nu-art/thunderstorm-frontend/index';
-import { ThunderDispatcherV3 } from '@nu-art/thunderstorm-frontend/core/db-api-gen/types';
+import { ModuleFE_BaseApi, buildConfigFromDBDef } from '@nu-art/db-api-frontend';
+import { CrudApiDef } from '@nu-art/db-api-shared';
+import { ThunderDispatcher } from '@nu-art/thunder-core';
 import { DBDef_PermissionProject } from '@nu-art/permissions-shared';
-export const dispatch_onPermissionProjectChanged = new ThunderDispatcherV3('__onPermissionProjectUpdated');
+export const dispatch_onPermissionProjectChanged = new ThunderDispatcher('__onPermissionProjectUpdated');
 export class ModuleFE_PermissionProject_Class extends ModuleFE_BaseApi {
-    _v1;
     constructor() {
-        super(DBDef_PermissionProject, dispatch_onPermissionProjectChanged);
-        this._v1 = {};
+        super({
+            config: buildConfigFromDBDef(DBDef_PermissionProject),
+            crudApiDef: CrudApiDef(DBDef_PermissionProject.dbKey),
+            dispatcher: (...args) => dispatch_onPermissionProjectChanged.dispatchAll(...args)
+        });
     }
 }
 export const ModuleFE_PermissionProject = new ModuleFE_PermissionProject_Class();

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

@@ -1,37 +1,5 @@
 export declare const DropDown_PermissionProject: {
-    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_PermissionProject) => (string | undefined)[]) | undefined;
-        noOptionsRenderer?: import("react").ReactNode | ((filter?: string) => import("react").ReactNode);
-        renderer?: ((item: import("@nu-art/permissions-shared").DB_PermissionProject) => 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_PermissionProject[], e: import("react").KeyboardEvent) => any) | undefined;
-        limitItems?: number;
-        hidePlaceholderOnOpen?: boolean;
-        itemResolver?: (() => import("@nu-art/permissions-shared").DB_PermissionProject[]) | undefined;
-        innerRef?: import("react").RefObject<any>;
-        tabIndex?: number;
-        unselectLabel?: string;
-        id?: string;
-        queryFilter?: ((item: import("@nu-art/permissions-shared").DB_PermissionProject) => boolean) | undefined;
-        sortBy?: ("name" | "_id" | "__metadata1" | "__hardDelete" | "__created" | "__updated" | "_v" | "_originDocId" | "_auditorId" | ((item: import("@nu-art/permissions-shared").DB_PermissionProject) => string | number))[] | undefined;
-    } & {
-        inputValue?: string;
-        boundingParentSelector?: string;
-        renderSearch?: ((dropDown: import("@nu-art/thunderstorm-frontend/index").TS_DropDown<import("@nu-art/permissions-shared").DB_PermissionProject>) => 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_PermissionProject | undefined, superOnSelected: (selected?: import("@nu-art/permissions-shared").DB_PermissionProject | 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_PermissionProject>) => import("react/jsx-runtime").JSX.Element;
+    editable: (props: import("@nu-art/editable-item").EditableItemProps_GenericDropDown<import("@nu-art/permissions-shared").DB_PermissionProject>) => import("react/jsx-runtime").JSX.Element;
+    selectable: (props: import("@nu-art/editable-item").AppLevelProps_TS_GenericDropDown<import("@nu-art/permissions-shared").DB_PermissionProject>) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const MultiSelect_PermissionProject: <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;
+export declare const MultiSelect_PermissionProject: <EnclosingItem_, Prop extends import("@nu-art/ts-common").SubsetKeys<keyof EnclosingItem_, EnclosingItem_, string[] | undefined>>(props: import("@nu-art/editable-item").DynamicProps_TS_MultiSelect_V2<EnclosingItem_, Prop> & Partial<import("@nu-art/editable-item").StaticProps_TS_MultiSelect_V2<string>>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,6 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { GenericDropDownV3, TS_MultiSelect_V2 } from '@nu-art/thunderstorm-frontend/index';
+import { prepareGenericDropDown, TS_MultiSelect_V2, DBItemDropDownMultiSelector, } from '@nu-art/editable-item';
 import { ModuleFE_PermissionProject } from './ModuleFE_PermissionProject.js';
-import { DBItemDropDownMultiSelector } from '@nu-art/thunderstorm-frontend/components/_TS_MultiSelect/DBItemDropDownMultiSelector';
 import { TS_Icons } from '@nu-art/ts-styles';
 const Props_DropDown = {
     module: ModuleFE_PermissionProject,
@@ -10,7 +9,7 @@ const Props_DropDown = {
     placeholder: 'Choose a PermissionProject',
     renderer: item => _jsx(_Fragment, { children: item.name })
 };
-export const DropDown_PermissionProject = GenericDropDownV3.prepare(Props_DropDown);
+export const DropDown_PermissionProject = prepareGenericDropDown(Props_DropDown);
 const Props_MultiSelect = DBItemDropDownMultiSelector.propsV3({
     module: ModuleFE_PermissionProject,
     itemRenderer: (item, onDelete) => {