@umbraco-cms/backoffice 1.0.0-next.ce55cd35 → 1.0.0-next.d2c0dcf1

package/modal.d.ts

@@ -4,11 +4,12 @@ import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement, TemplateResult } from 'lit';
 import { UUIModalDialogElement, UUIModalSidebarElement, UUIModalSidebarSize } from '@umbraco-ui/uui';
-import { UmbControllerHostElement, UmbControllerInterface } from './controller';
-import { UmbContextToken } from './context-api';
-import { UmbModalToken as UmbModalToken$1, UmbModalConfig as UmbModalConfig$1, UmbPickerModalData as UmbPickerModalData$1 } from './modal';
-import { LanguageResponseModel, FolderReponseModel } from './backend-api';
-import { UserDetails } from './models';
+import { UmbControllerHostElement, UmbControllerInterface } from '@umbraco-cms/backoffice/controller';
+import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+import { Params } from '@umbraco-cms/backoffice/router';
+import { UmbModalToken as UmbModalToken$1, UmbModalConfig as UmbModalConfig$1, UmbPickerModalData as UmbPickerModalData$1 } from '@umbraco-cms/backoffice/modal';
+import { LanguageResponseModel, FolderReponseModel } from '@umbraco-cms/backoffice/backend-api';
+import { UserDetails } from '@umbraco-cms/backoffice/models';
 
 declare class UmbSearchModalElement extends LitElement {
     #private;
@@ -126,316 +127,6 @@ declare class UmbModalContext {
 }
 declare const UMB_MODAL_CONTEXT_TOKEN: UmbContextToken<UmbModalContext>;
 
-interface IRouterSlot<D = any, P = any> extends HTMLElement {
-    readonly route: IRoute<D> | null;
-    readonly isRoot: boolean;
-    readonly fragments: IPathFragments | null;
-    readonly params: Params | null;
-    readonly match: IRouteMatch<D> | null;
-    routes: IRoute<D>[];
-    add: ((routes: IRoute<D>[], navigate?: boolean) => void);
-    clear: (() => void);
-    render: (() => Promise<void>);
-    constructAbsolutePath: ((path: PathFragment) => string);
-    parent: IRouterSlot<P> | null | undefined;
-    queryParentRouterSlot: (() => IRouterSlot<P> | null);
-}
-type IRoutingInfo<D = any, P = any> = {
-    slot: IRouterSlot<D, P>;
-    match: IRouteMatch<D>;
-};
-type CustomResolver<D = any, P = any> = ((info: IRoutingInfo<D>) => boolean | void | Promise<boolean> | Promise<void>);
-type Guard<D = any, P = any> = ((info: IRoutingInfo<D, P>) => boolean | Promise<boolean>);
-type PageComponent = HTMLElement;
-type ModuleResolver = Promise<{
-    default: any;
-}>;
-type Class<T extends PageComponent = PageComponent> = {
-    new (...args: any[]): T;
-};
-type Setup<D = any> = ((component: PageComponent, info: IRoutingInfo<D>) => void);
-type PathMatch = "prefix" | "suffix" | "full" | "fuzzy";
-/**
- * The base route interface.
- * D = the data type of the data
- */
-interface IRouteBase<D = any> {
-    path: PathFragment;
-    data?: D;
-    guards?: Guard[];
-    pathMatch?: PathMatch;
-}
-/**
- * Route type used for redirection.
- */
-interface IRedirectRoute<D = any> extends IRouteBase<D> {
-    redirectTo: string;
-    preserveQuery?: boolean;
-}
-/**
- * Route type used to resolve and stamp components.
- */
-interface IComponentRoute<D = any> extends IRouteBase<D> {
-    component: Class | ModuleResolver | PageComponent | (() => Class) | (() => PageComponent) | (() => ModuleResolver);
-    setup?: Setup;
-}
-/**
- * Route type used to take control of how the route should resolve.
- */
-interface IResolverRoute<D = any> extends IRouteBase<D> {
-    resolve: CustomResolver;
-}
-type IRoute<D = any> = IRedirectRoute<D> | IComponentRoute<D> | IResolverRoute<D>;
-type PathFragment = string;
-type IPathFragments = {
-    consumed: PathFragment;
-    rest: PathFragment;
-};
-interface IRouteMatch<D = any> {
-    route: IRoute<D>;
-    params: Params;
-    fragments: IPathFragments;
-    match: RegExpMatchArray;
-}
-type PushStateEvent = CustomEvent<null>;
-type ReplaceStateEvent = CustomEvent<null>;
-type ChangeStateEvent = CustomEvent<null>;
-type WillChangeStateEvent = CustomEvent<{
-    url?: string | null;
-    eventName: GlobalRouterEvent;
-}>;
-type NavigationStartEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
-type NavigationSuccessEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
-type NavigationCancelEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
-type NavigationErrorEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
-type NavigationEndEvent<D = any> = CustomEvent<IRoutingInfo<D>>;
-type Params = {
-    [key: string]: string;
-};
-/**
- * History related events.
- */
-type GlobalRouterEvent = "pushstate" | "replacestate" | "popstate" | "changestate" | "willchangestate" | "navigationstart" | "navigationcancel" | "navigationerror" | "navigationsuccess" | "navigationend";
-declare global {
-    interface GlobalEventHandlersEventMap {
-        "pushstate": PushStateEvent;
-        "replacestate": ReplaceStateEvent;
-        "popstate": PopStateEvent;
-        "changestate": ChangeStateEvent;
-        "navigationstart": NavigationStartEvent;
-        "navigationend": NavigationEndEvent;
-        "navigationsuccess": NavigationSuccessEvent;
-        "navigationcancel": NavigationCancelEvent;
-        "navigationerror": NavigationErrorEvent;
-        "willchangestate": WillChangeStateEvent;
-    }
-}
-
-/**
- * Slot for a node in the router tree.
- * @slot - Default content.
- * @event changestate - Dispatched when the router slot state changes.
- */
-declare class RouterSlot<D = any, P = any> extends HTMLElement implements IRouterSlot<D, P> {
-    /**
-     * Listeners on the router.
-     */
-    private listeners;
-    /**
-     * The available routes.
-     */
-    private _routes;
-    get routes(): IRoute<D>[];
-    set routes(routes: IRoute<D>[]);
-    /**
-     * The parent router.
-     * Is REQUIRED if this router is a child.
-     * When set, the relevant listeners are added or teared down because they depend on the parent.
-     */
-    _parent: IRouterSlot<P> | null | undefined;
-    get parent(): IRouterSlot<P> | null | undefined;
-    set parent(router: IRouterSlot<P> | null | undefined);
-    /**
-     * Whether the router is a root router.
-     */
-    get isRoot(): boolean;
-    /**
-     * The current route match.
-     */
-    private _routeMatch;
-    get match(): IRouteMatch<D> | null;
-    /**
-     * The current route of the match.
-     */
-    get route(): IRoute<D> | null;
-    /**
-     * The current path fragment of the match
-     */
-    get fragments(): IPathFragments | null;
-    /**
-     * The current params of the match.
-     */
-    get params(): Params | null;
-    /**
-     * Hooks up the element.
-     */
-    constructor();
-    /**
-     * Query the parent router slot when the router slot is connected.
-     */
-    connectedCallback(): void;
-    /**
-     * Tears down the element.
-     */
-    disconnectedCallback(): void;
-    /**
-     * Queries the parent router.
-     */
-    queryParentRouterSlot(): IRouterSlot<P> | null;
-    /**
-     * Returns an absolute path relative to the router slot.
-     * @param path
-     */
-    constructAbsolutePath(path: PathFragment): string;
-    /**
-     * Adds routes to the router.
-     * Navigates automatically if the router slot is the root and is connected.
-     * @param routes
-     * @param navigate
-     */
-    add(routes: IRoute<D>[], navigate?: boolean): void;
-    /**
-     * Removes all routes.
-     */
-    clear(): void;
-    /**
-     * Each time the path changes, load the new path.
-     */
-    render(): Promise<void>;
-    /**
-     * Attaches listeners, either globally or on the parent router.
-     */
-    protected attachListeners(): void;
-    /**
-     * Clears the children in the DOM.
-     */
-    protected clearChildren(): void;
-    /**
-     * Detaches the listeners.
-     */
-    protected detachListeners(): void;
-    /**
-     * Notify the listeners.
-     */
-    notifyChildRouters(info: any): void;
-    /**
-     * Loads a new path based on the routes.
-     * Returns true if a navigation was made to a new page.
-     */
-    protected renderPath(path: string | PathFragment): Promise<boolean>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "router-slot": RouterSlot;
-    }
-}
-
-/**
- * Router link.
- * @slot - Default content.
- */
-declare class RouterLink extends HTMLElement {
-    private listeners;
-    private _context;
-    static get observedAttributes(): string[];
-    /**
-     * The path of the navigation.
-     * @attr
-     */
-    set path(value: string | PathFragment);
-    get path(): string | PathFragment;
-    /**
-     * Whether the element is disabled or not.
-     * @attr
-     */
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    /**
-     * Whether the element is active or not.
-     * @attr
-     */
-    get active(): boolean;
-    set active(value: boolean);
-    /**
-     * Whether the focus should be delegated.
-     * @attr
-     */
-    get delegateFocus(): boolean;
-    set delegateFocus(value: boolean);
-    /**
-     * Whether the query should be preserved or not.
-     * @attr
-     */
-    get preserveQuery(): boolean;
-    set preserveQuery(value: boolean);
-    /**
-     * The current router slot context.
-     */
-    get context(): IRouterSlot | null;
-    set context(value: IRouterSlot | null);
-    /**
-     * Returns the absolute path.
-     */
-    get absolutePath(): string;
-    constructor();
-    /**
-     * Hooks up the element.
-     */
-    connectedCallback(): void;
-    /**
-     * Tear down listeners.
-     */
-    disconnectedCallback(): void;
-    /**
-     * Reacts to attribute changed callback.
-     * @param name
-     * @param oldValue
-     * @param newValue
-     */
-    attributeChangedCallback(name: string, oldValue: unknown, newValue: unknown): void;
-    private updateTabIndex;
-    /**
-     * Returns the absolute path constructed relative to the context.
-     * If no router parent was found the path property is the absolute one.
-     */
-    constructAbsolutePath(path: string): string;
-    /**
-     * Updates whether the route is active or not.
-     */
-    protected updateActive(): void;
-    /**
-     * Navigates to the specified path.
-     */
-    navigate(path: string, e?: Event): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "router-link": RouterLink;
-    }
-}
-
-declare global {
-    interface History {
-        "native": {
-            "back": ((distance?: any) => void);
-            "forward": ((distance?: any) => void);
-            "go": ((delta?: any) => void);
-            "pushState": ((data: any, title?: string, url?: string | null) => void);
-            "replaceState": ((data: any, title?: string, url?: string | null) => void);
-        };
-    }
-}
-
 type UmbModalRouteBuilder = (params: {
     [key: string]: string | number;
 }) => string;
@@ -576,8 +267,8 @@ interface UmbExportDictionaryModalResult {
 declare const UMB_EXPORT_DICTIONARY_MODAL: UmbModalToken$1<UmbExportDictionaryModalData, UmbExportDictionaryModalResult>;
 
 interface UmbIconPickerModalData {
-    multiple: boolean;
-    selection: string[];
+    color: string | undefined;
+    icon: string | undefined;
 }
 interface UmbIconPickerModalResult {
     color: string | undefined;
@@ -704,6 +395,15 @@ interface UmbFolderModalResult {
 }
 declare const UMB_FOLDER_MODAL: UmbModalToken$1<UmbFolderModalData, UmbFolderModalResult>;
 
+interface UmbDataTypePickerModalData {
+    selection?: Array<string>;
+    multiple?: boolean;
+}
+interface UmbDataTypePickerModalResult {
+    selection: Array<string>;
+}
+declare const UMB_DATA_TYPE_PICKER_MODAL: UmbModalToken$1<UmbDataTypePickerModalData, UmbDataTypePickerModalResult>;
+
 interface UmbPickerModalData<T> {
     multiple: boolean;
     selection: Array<string>;
@@ -713,4 +413,4 @@ interface UmbPickerModalResult<T> {
     selection: Array<string>;
 }
 
-export { OEmbedResult, OEmbedStatus, UMB_ALLOWED_DOCUMENT_TYPES_MODAL, UMB_CHANGE_PASSWORD_MODAL, UMB_CONFIRM_MODAL, UMB_CONTEXT_DEBUGGER_MODAL, UMB_CREATE_DICTIONARY_MODAL, UMB_CREATE_USER_MODAL, UMB_CURRENT_USER_MODAL, UMB_DOCUMENT_PICKER_MODAL, UMB_DOCUMENT_TYPE_PICKER_MODAL, UMB_EMBEDDED_MEDIA_MODAL, UMB_EXAMINE_FIELDS_SETTINGS_MODAL, UMB_EXPORT_DICTIONARY_MODAL, UMB_FOLDER_MODAL, UMB_ICON_PICKER_MODAL, UMB_IMPORT_DICTIONARY_MODAL, UMB_INVITE_USER_MODAL, UMB_LANGUAGE_PICKER_MODAL, UMB_LINK_PICKER_MODAL, UMB_MEDIA_PICKER_MODAL, UMB_MODAL_CONTEXT_TOKEN, UMB_PROPERTY_EDITOR_UI_PICKER_MODAL, UMB_PROPERTY_SETTINGS_MODAL, UMB_SEARCH_MODAL, UMB_SECTION_PICKER_MODAL, UMB_TEMPLATE_MODAL, UMB_TEMPLATE_PICKER_MODAL, UMB_USER_GROUP_PICKER_MODAL, UMB_USER_PICKER_MODAL, UmbAllowedDocumentTypesModalData, UmbAllowedDocumentTypesModalResult, UmbChangePasswordModalData, UmbConfirmModalData, UmbConfirmModalResult, UmbContextDebuggerModalData, UmbCreateDictionaryModalData, UmbCreateDictionaryModalResult, UmbCreateDocumentModalResultData, UmbDocumentPickerModalData, UmbDocumentPickerModalResult, UmbDocumentTypePickerModalData, UmbDocumentTypePickerModalResult, UmbEmbeddedMediaModalData, UmbEmbeddedMediaModalResult, UmbExamineFieldsSettingsModalData, UmbExportDictionaryModalData, UmbExportDictionaryModalResult, UmbFolderModalData, UmbFolderModalResult, UmbIconPickerModalData, UmbIconPickerModalResult, UmbImportDictionaryModalData, UmbImportDictionaryModalResult, UmbLanguagePickerModalData, UmbLanguagePickerModalResult, UmbLinkPickerConfig, UmbLinkPickerLink, UmbLinkPickerModalData, UmbLinkPickerModalResult, UmbMediaPickerModalData, UmbMediaPickerModalResult, UmbModalConfig, UmbModalContext, UmbModalHandler, UmbModalHandlerClass, UmbModalRouteBuilder, UmbModalRouteRegistration, UmbModalRouteRegistrationController, UmbModalToken, UmbModalType, UmbPickerModalData, UmbPickerModalResult, UmbPropertyEditorUIPickerModalData, UmbPropertyEditorUIPickerModalResult, UmbPropertySettingsModalResult, UmbSectionPickerModalData, UmbTemplateModalData, UmbTemplateModalResult, UmbTemplatePickerModalData, UmbTemplatePickerModalResult };
+export { OEmbedResult, OEmbedStatus, UMB_ALLOWED_DOCUMENT_TYPES_MODAL, UMB_CHANGE_PASSWORD_MODAL, UMB_CONFIRM_MODAL, UMB_CONTEXT_DEBUGGER_MODAL, UMB_CREATE_DICTIONARY_MODAL, UMB_CREATE_USER_MODAL, UMB_CURRENT_USER_MODAL, UMB_DATA_TYPE_PICKER_MODAL, UMB_DOCUMENT_PICKER_MODAL, UMB_DOCUMENT_TYPE_PICKER_MODAL, UMB_EMBEDDED_MEDIA_MODAL, UMB_EXAMINE_FIELDS_SETTINGS_MODAL, UMB_EXPORT_DICTIONARY_MODAL, UMB_FOLDER_MODAL, UMB_ICON_PICKER_MODAL, UMB_IMPORT_DICTIONARY_MODAL, UMB_INVITE_USER_MODAL, UMB_LANGUAGE_PICKER_MODAL, UMB_LINK_PICKER_MODAL, UMB_MEDIA_PICKER_MODAL, UMB_MODAL_CONTEXT_TOKEN, UMB_PROPERTY_EDITOR_UI_PICKER_MODAL, UMB_PROPERTY_SETTINGS_MODAL, UMB_SEARCH_MODAL, UMB_SECTION_PICKER_MODAL, UMB_TEMPLATE_MODAL, UMB_TEMPLATE_PICKER_MODAL, UMB_USER_GROUP_PICKER_MODAL, UMB_USER_PICKER_MODAL, UmbAllowedDocumentTypesModalData, UmbAllowedDocumentTypesModalResult, UmbChangePasswordModalData, UmbConfirmModalData, UmbConfirmModalResult, UmbContextDebuggerModalData, UmbCreateDictionaryModalData, UmbCreateDictionaryModalResult, UmbCreateDocumentModalResultData, UmbDataTypePickerModalData, UmbDataTypePickerModalResult, UmbDocumentPickerModalData, UmbDocumentPickerModalResult, UmbDocumentTypePickerModalData, UmbDocumentTypePickerModalResult, UmbEmbeddedMediaModalData, UmbEmbeddedMediaModalResult, UmbExamineFieldsSettingsModalData, UmbExportDictionaryModalData, UmbExportDictionaryModalResult, UmbFolderModalData, UmbFolderModalResult, UmbIconPickerModalData, UmbIconPickerModalResult, UmbImportDictionaryModalData, UmbImportDictionaryModalResult, UmbLanguagePickerModalData, UmbLanguagePickerModalResult, UmbLinkPickerConfig, UmbLinkPickerLink, UmbLinkPickerModalData, UmbLinkPickerModalResult, UmbMediaPickerModalData, UmbMediaPickerModalResult, UmbModalConfig, UmbModalContext, UmbModalHandler, UmbModalHandlerClass, UmbModalRouteBuilder, UmbModalRouteRegistration, UmbModalRouteRegistrationController, UmbModalToken, UmbModalType, UmbPickerModalData, UmbPickerModalResult, UmbPropertyEditorUIPickerModalData, UmbPropertyEditorUIPickerModalResult, UmbPropertySettingsModalResult, UmbSectionPickerModalData, UmbTemplateModalData, UmbTemplateModalResult, UmbTemplatePickerModalData, UmbTemplatePickerModalResult };

package/models.d.ts

@@ -1,4 +1,4 @@
-import { EntityTreeItemResponseModel, FolderTreeItemResponseModel, PackageManifestResponseModel } from './backend-api';
+import { EntityTreeItemResponseModel, FolderTreeItemResponseModel, PackageManifestResponseModel } from '@umbraco-cms/backoffice/backend-api';
 
 type HTMLElementConstructor<T = HTMLElement> = new (...args: any[]) => T;
 type ClassConstructor<T> = new (...args: any[]) => T;

package/notification.d.ts

@@ -1,5 +1,5 @@
 import * as rxjs from 'rxjs';
-import { UmbContextToken } from './context-api';
+import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
 
 /**
  * @export

package/observable-api.d.ts

@@ -1,6 +1,6 @@
 import * as rxjs from 'rxjs';
 import { Observable, BehaviorSubject } from 'rxjs';
-import { UmbControllerInterface, UmbControllerHostElement } from './controller';
+import { UmbControllerInterface, UmbControllerHostElement } from '@umbraco-cms/backoffice/controller';
 
 declare class UmbObserver<T> {
     #private;
@@ -18,55 +18,55 @@ declare class UmbObserverController<T = unknown> extends UmbObserver<T> implemen
 
 /**
  * @export
- * @class BasicState
+ * @class UmbBasicState
  * @extends {BehaviorSubject<T>}
  * @description - A RxJS BehaviorSubject this Subject ensures the data is unique, not updating any Observes unless there is an actual change of the value.
  */
-declare class BasicState<T> extends BehaviorSubject<T> {
+declare class UmbBasicState<T> extends BehaviorSubject<T> {
     constructor(initialData: T);
     next(newData: T): void;
 }
 
 /**
  * @export
- * @class BooleanState
+ * @class UmbBooleanState
  * @extends {BehaviorSubject<T>}
  * @description - A RxJS BehaviorSubject this Subject ensures the data is unique, not updating any Observes unless there is an actual change of the value.
  */
-declare class BooleanState<T> extends BasicState<T | boolean> {
+declare class UmbBooleanState<T> extends UmbBasicState<T | boolean> {
     constructor(initialData: T | boolean);
 }
 
 /**
  * @export
- * @class NumberState
+ * @class UmbNumberState
  * @extends {BehaviorSubject<T>}
  * @description - A RxJS BehaviorSubject this Subject ensures the data is unique, not updating any Observes unless there is an actual change of the value.
  */
-declare class NumberState<T> extends BasicState<T | number> {
+declare class UmbNumberState<T> extends UmbBasicState<T | number> {
     constructor(initialData: T | number);
 }
 
 /**
  * @export
- * @class StringState
- * @extends {BasicState<T>}
+ * @class UmbStringState
+ * @extends {UmbBasicState<T>}
  * @description - A RxJS BehaviorSubject this Subject ensures the data is unique, not updating any Observes unless there is an actual change of the value.
  */
-declare class StringState<T> extends BasicState<T | string> {
+declare class UmbStringState<T> extends UmbBasicState<T | string> {
     constructor(initialData: T | string);
 }
 
-interface ClassStateData {
-    equal(otherClass: ClassStateData): boolean;
+interface UmbClassStateData {
+    equal(otherClass: UmbClassStateData): boolean;
 }
 /**
  * @export
- * @class ClassState
+ * @class UmbClassState
  * @extends {BehaviorSubject<T>}
  * @description - A RxJS BehaviorSubject which can hold class instance which has a equal method to compare in coming instances for changes.
  */
-declare class ClassState<T extends ClassStateData | undefined | null> extends BehaviorSubject<T> {
+declare class UmbClassState<T extends UmbClassStateData | undefined | null> extends BehaviorSubject<T> {
     constructor(initialData: T);
     next(newData: T): void;
 }
@@ -77,12 +77,12 @@ type MemoizationFunction<R> = (previousResult: R, currentResult: R) => boolean;
 
 /**
  * @export
- * @class DeepState
+ * @class UmbDeepState
  * @extends {BehaviorSubject<T>}
  * @description - A RxJS BehaviorSubject which deepFreezes the data to ensure its not manipulated from any implementations.
  * Additionally the Subject ensures the data is unique, not updating any Observes unless there is an actual change of the content.
  */
-declare class DeepState<T> extends BehaviorSubject<T> {
+declare class UmbDeepState<T> extends BehaviorSubject<T> {
     constructor(initialData: T);
     getObservablePart<ReturnType>(mappingFunction: MappingFunction<T, ReturnType>, memoizationFunction?: MemoizationFunction<ReturnType>): rxjs.Observable<ReturnType>;
     next(newData: T): void;
@@ -90,14 +90,14 @@ declare class DeepState<T> extends BehaviorSubject<T> {
 
 /**
  * @export
- * @class ArrayState
- * @extends {DeepState<T>}
+ * @class UmbArrayState
+ * @extends {UmbDeepState<T>}
  * @description - A RxJS BehaviorSubject which deepFreezes the object-data to ensure its not manipulated from any implementations.
  * Additionally the Subject ensures the data is unique, not updating any Observes unless there is an actual change of the content.
  *
  * The ArrayState provides methods to append data when the data is an Object.
  */
-declare class ArrayState<T> extends DeepState<T[]> {
+declare class UmbArrayState<T> extends UmbDeepState<T[]> {
     #private;
     constructor(initialData: T[], getUniqueMethod?: (entry: T) => unknown);
     /**
@@ -109,7 +109,7 @@ declare class ArrayState<T> extends DeepState<T[]> {
      * 	{ key: 1, value: 'foo'},
      * 	{ key: 2, value: 'bar'}
      * ];
-     * const myState = new ArrayState(data, (x) => x.key);
+     * const myState = new UmbArrayState(data, (x) => x.key);
      * myState.sortBy((a, b) => (a.sortOrder || 0) - (b.sortOrder || 0));
      */
     sortBy(sortMethod?: (a: T, b: T) => number): this;
@@ -117,35 +117,35 @@ declare class ArrayState<T> extends DeepState<T[]> {
     /**
      * @method remove
      * @param {unknown[]} uniques - The unique values to remove.
-     * @return {ArrayState<T>} Reference to it self.
+     * @return {UmbArrayState<T>} Reference to it self.
      * @description - Remove some new data of this Subject.
      * @example <caption>Example remove entry with id '1' and '2'</caption>
      * const data = [
      * 	{ id: 1, value: 'foo'},
      * 	{ id: 2, value: 'bar'}
      * ];
-     * const myState = new ArrayState(data, (x) => x.id);
+     * const myState = new UmbArrayState(data, (x) => x.id);
      * myState.remove([1, 2]);
      */
     remove(uniques: unknown[]): this;
     /**
      * @method removeOne
      * @param {unknown} unique - The unique value to remove.
-     * @return {ArrayState<T>} Reference to it self.
+     * @return {UmbArrayState<T>} Reference to it self.
      * @description - Remove some new data of this Subject.
      * @example <caption>Example remove entry with id '1'</caption>
      * const data = [
      * 	{ id: 1, value: 'foo'},
      * 	{ id: 2, value: 'bar'}
      * ];
-     * const myState = new ArrayState(data, (x) => x.id);
+     * const myState = new UmbArrayState(data, (x) => x.id);
      * myState.removeOne(1);
      */
     removeOne(unique: unknown): this;
     /**
      * @method filter
      * @param {unknown} filterMethod - The unique value to remove.
-     * @return {ArrayState<T>} Reference to it self.
+     * @return {UmbArrayState<T>} Reference to it self.
      * @description - Remove some new data of this Subject.
      * @example <caption>Example remove entry with key '1'</caption>
      * const data = [
@@ -153,7 +153,7 @@ declare class ArrayState<T> extends DeepState<T[]> {
      * 	{ key: 2, value: 'bar'},
      * 	{ key: 3, value: 'poo'}
      * ];
-     * const myState = new ArrayState(data, (x) => x.key);
+     * const myState = new UmbArrayState(data, (x) => x.key);
      * myState.filter((entry) => entry.key !== 1);
      *
      * Result:
@@ -167,28 +167,28 @@ declare class ArrayState<T> extends DeepState<T[]> {
     /**
      * @method appendOne
      * @param {T} entry - new data to be added in this Subject.
-     * @return {ArrayState<T>} Reference to it self.
+     * @return {UmbArrayState<T>} Reference to it self.
      * @description - Append some new data to this Subject.
      * @example <caption>Example append some data.</caption>
      * const data = [
      * 	{ key: 1, value: 'foo'},
      * 	{ key: 2, value: 'bar'}
      * ];
-     * const myState = new ArrayState(data);
+     * const myState = new UmbArrayState(data);
      * myState.append({ key: 1, value: 'replaced-foo'});
      */
     appendOne(entry: T): this;
     /**
      * @method append
      * @param {T[]} entries - A array of new data to be added in this Subject.
-     * @return {ArrayState<T>} Reference to it self.
+     * @return {UmbArrayState<T>} Reference to it self.
      * @description - Append some new data to this Subject, if it compares to existing data it will replace it.
      * @example <caption>Example append some data.</caption>
      * const data = [
      * 	{ key: 1, value: 'foo'},
      * 	{ key: 2, value: 'bar'}
      * ];
-     * const myState = new ArrayState(data);
+     * const myState = new UmbArrayState(data);
      * myState.append([
      * 	{ key: 1, value: 'replaced-foo'},
      * 	{ key: 3, value: 'another-bla'}
@@ -199,14 +199,14 @@ declare class ArrayState<T> extends DeepState<T[]> {
      * @method updateOne
      * @param {unknown} unique - Unique value to find entry to update.
      * @param {Partial<T>} entry - new data to be added in this Subject.
-     * @return {ArrayState<T>} Reference to it self.
+     * @return {UmbArrayState<T>} Reference to it self.
      * @description - Update a item with some new data, requires the ArrayState to be constructed with a getUnique method.
      * @example <caption>Example append some data.</caption>
      * const data = [
      * 	{ key: 1, value: 'foo'},
      * 	{ key: 2, value: 'bar'}
      * ];
-     * const myState = new ArrayState(data, (x) => x.key);
+     * const myState = new UmbArrayState(data, (x) => x.key);
      * myState.updateOne(2, {value: 'updated-bar'});
      */
     updateOne(unique: unknown, entry: Partial<T>): this;
@@ -214,22 +214,22 @@ declare class ArrayState<T> extends DeepState<T[]> {
 
 /**
  * @export
- * @class ObjectState
- * @extends {DeepState<T>}
+ * @class UmbObjectState
+ * @extends {UmbDeepState<T>}
  * @description - A RxJS BehaviorSubject which deepFreezes the object-data to ensure its not manipulated from any implementations.
  * Additionally the Subject ensures the data is unique, not updating any Observes unless there is an actual change of the content.
  *
- * The ObjectState provides methods to append data when the data is an Object.
+ * The UmbObjectState provides methods to append data when the data is an Object.
  */
-declare class ObjectState<T> extends DeepState<T> {
+declare class UmbObjectState<T> extends UmbDeepState<T> {
     /**
      * @method update
      * @param {Partial<T>} partialData - A object containing some of the data to update in this Subject.
      * @description - Append some new data to this Object.
-     * @return {ObjectState<T>} Reference to it self.
+     * @return {UmbObjectState<T>} Reference to it self.
      * @example <caption>Example append some data.</caption>
      * const data = {key: 'myKey', value: 'myInitialValue'};
-     * const myState = new ObjectState(data);
+     * const myState = new UmbObjectState(data);
      * myState.update({value: 'myNewValue'});
      */
     update(partialData: Partial<T>): this;
@@ -254,13 +254,25 @@ declare function createObservablePart<R, T>(source$: Observable<T>, mappingFunct
  * @param {(mappable: T) => R} mappingFunction - Method to return the part for this Observable to return.
  * @param {(previousResult: R, currentResult: R) => boolean} [memoizationFunction] - Method to Compare if the data has changed. Should return true when data is different.
  * @description - Creates a RxJS Observable from RxJS Subject.
- * @example <caption>Example append new entry for a ArrayState or a part of DeepState/ObjectState it which is an array. Where the key is unique and the item will be updated if matched with existing.</caption>
+ * @example <caption>Example append new entry for a ArrayState or a part of UmbDeepState/UmbObjectState it which is an array. Where the key is unique and the item will be updated if matched with existing.</caption>
  * const entry = {id: 'myKey', value: 'myValue'};
  * const newDataSet = appendToFrozenArray(mySubject.getValue(), entry, x => x.id === id);
  * mySubject.next(newDataSet);
  */
 declare function appendToFrozenArray<T>(data: T[], entry: T, getUniqueMethod?: (entry: T) => unknown): T[];
 
+/**
+ * @export
+ * @method filterFrozenArray
+ * @param {Array<T>} data - RxJS Subject to use for this Observable.
+ * @param {(entry: T) => boolean} filterMethod - Method to filter the array.
+ * @description - Creates a RxJS Observable from RxJS Subject.
+ * @example <caption>Example remove an entry of a ArrayState or a part of DeepState/ObjectState it which is an array. Where the key is unique and the item will be updated if matched with existing.</caption>
+ * const newDataSet = filterFrozenArray(mySubject.getValue(), x => x.id !== "myKey");
+ * mySubject.next(newDataSet);
+ */
+declare function filterFrozenArray<T>(data: T[], filterMethod: (entry: T) => boolean): T[];
+
 /**
  * @export
  * @method partialUpdateFrozenArray
@@ -268,11 +280,11 @@ declare function appendToFrozenArray<T>(data: T[], entry: T, getUniqueMethod?: (
  * @param {(mappable: T) => R} mappingFunction - Method to return the part for this Observable to return.
  * @param {(previousResult: R, currentResult: R) => boolean} [memoizationFunction] - Method to Compare if the data has changed. Should return true when data is different.
  * @description - Creates a RxJS Observable from RxJS Subject.
- * @example <caption>Example append new entry for a ArrayState or a part of DeepState/ObjectState it which is an array. Where the key is unique and the item will be updated if matched with existing.</caption>
+ * @example <caption>Example append new entry for a ArrayState or a part of UmbDeepState/UmbObjectState it which is an array. Where the key is unique and the item will be updated if matched with existing.</caption>
  * const partialEntry = {value: 'myValue'};
  * const newDataSet = partialUpdateFrozenArray(mySubject.getValue(), partialEntry, x => x.key === 'myKey');
  * mySubject.next(newDataSet);
  */
 declare function partialUpdateFrozenArray<T>(data: T[], partialEntry: Partial<T>, findMethod: (entry: T) => boolean): T[];
 
-export { ArrayState, BasicState, BooleanState, ClassState, DeepState, MappingFunction, NumberState, ObjectState, StringState, UmbObserver, UmbObserverController, appendToFrozenArray, createObservablePart, partialUpdateFrozenArray };
+export { MappingFunction, UmbArrayState, UmbBasicState, UmbBooleanState, UmbClassState, UmbDeepState, UmbNumberState, UmbObjectState, UmbObserver, UmbObserverController, UmbStringState, appendToFrozenArray, createObservablePart, filterFrozenArray, partialUpdateFrozenArray };