@umbraco-cms/backoffice 1.0.0-next.6c429eee → 1.0.0-next.70bfba05

package/modal.d.ts

@@ -1,24 +1,23 @@
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
-import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement, TemplateResult } from 'lit';
+import * as lit_html from 'lit-html';
 import { UUIModalDialogElement, UUIModalSidebarElement, UUIModalSidebarSize } from '@umbraco-ui/uui';
-import { UmbControllerHostElement, UmbControllerInterface } from './controller';
-import { UmbContextToken } from './context-api';
-import { Params } from './router';
-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-api';
+import { UmbContextToken } from '@umbraco-cms/backoffice/context-api';
+import { Params } from '@umbraco-cms/backoffice/router';
+import { UmbModalToken as UmbModalToken$1, UmbModalConfig as UmbModalConfig$1, UmbTreePickerModalData as UmbTreePickerModalData$1, UmbPickerModalResult as UmbPickerModalResult$1, UmbPickerModalData as UmbPickerModalData$1 } from '@umbraco-cms/backoffice/modal';
+import { DocumentTreeItemResponseModel, EntityTreeItemResponseModel, LanguageResponseModel, ContentTreeItemResponseModel, UserResponseModel, FolderReponseModel, FolderTreeItemResponseModel } from '@umbraco-cms/backoffice/backend-api';
 
 declare class UmbSearchModalElement extends LitElement {
     #private;
-    static styles: lit.CSSResult[];
     private _input;
     private _search;
     private _groups;
     connectedCallback(): void;
     render(): lit_html.TemplateResult<1>;
+    static styles: lit.CSSResult[];
 }
 
 declare global {
@@ -27,38 +26,36 @@ declare global {
     }
 }
 
-declare class UmbModalToken<Data extends object = object, Result = unknown> {
+declare class UmbModalToken<ModalDataType extends object = object, ModalResultType = unknown> {
     protected alias: string;
     protected defaultConfig?: UmbModalConfig | undefined;
-    protected _desc?: string | undefined;
+    protected defaultData?: ModalDataType | undefined;
     /**
      * Get the data type of the token's data.
      *
      * @public
-     * @type      {Data}
+     * @type      {ModalDataType}
      * @memberOf  UmbModalToken
      * @example   `typeof MyModal.TYPE`
      * @returns   undefined
      */
-    readonly DATA: Data;
+    readonly DATA: ModalDataType;
     /**
      * Get the result type of the token
      *
      * @public
-     * @type      {Result}
+     * @type      {ModalResultType}
      * @memberOf  UmbModalToken
      * @example   `typeof MyModal.RESULT`
      * @returns   undefined
      */
-    readonly RESULT: Result;
+    readonly RESULT: ModalResultType;
     /**
      * @param alias   Unique identifier for the token,
      * @param defaultConfig  Default configuration for the modal,
-     * @param _desc   Description for the token,
-     *                used only for debugging purposes,
-     *                it should but does not need to be unique
+     * @param defaultData  Default data for the modal,
      */
-    constructor(alias: string, defaultConfig?: UmbModalConfig | undefined, _desc?: string | undefined);
+    constructor(alias: string, defaultConfig?: UmbModalConfig | undefined, defaultData?: ModalDataType | undefined);
     /**
      * This method must always return the unique alias of the token since that
      * will be used to look up the token in the injector.
@@ -67,6 +64,7 @@ declare class UmbModalToken<Data extends object = object, Result = unknown> {
      */
     toString(): string;
     getDefaultConfig(): UmbModalConfig | undefined;
+    getDefaultData(): ModalDataType | undefined;
 }
 
 /**
@@ -208,23 +206,13 @@ interface UmbContextDebuggerModalData {
 }
 declare const UMB_CONTEXT_DEBUGGER_MODAL: UmbModalToken$1<UmbContextDebuggerModalData, unknown>;
 
-interface UmbDocumentPickerModalData {
-    multiple?: boolean;
-    selection?: Array<string>;
-}
-interface UmbDocumentPickerModalResult {
-    selection: Array<string>;
-}
-declare const UMB_DOCUMENT_PICKER_MODAL: UmbModalToken$1<UmbDocumentPickerModalData, UmbDocumentPickerModalResult>;
+type UmbDocumentPickerModalData = UmbTreePickerModalData$1<DocumentTreeItemResponseModel>;
+type UmbDocumentPickerModalResult = UmbPickerModalResult$1;
+declare const UMB_DOCUMENT_PICKER_MODAL: UmbModalToken$1<UmbDocumentPickerModalData, UmbPickerModalResult$1>;
 
-interface UmbDocumentTypePickerModalData {
-    multiple?: boolean;
-    selection?: Array<string>;
-}
-interface UmbDocumentTypePickerModalResult {
-    selection: Array<string>;
-}
-declare const UMB_DOCUMENT_TYPE_PICKER_MODAL: UmbModalToken$1<UmbDocumentTypePickerModalData, UmbDocumentTypePickerModalResult>;
+type UmbDocumentTypePickerModalData = UmbTreePickerModalData$1<EntityTreeItemResponseModel>;
+type UmbDocumentTypePickerModalResult = UmbPickerModalResult$1;
+declare const UMB_DOCUMENT_TYPE_PICKER_MODAL: UmbModalToken$1<UmbDocumentTypePickerModalData, UmbPickerModalResult$1>;
 
 declare enum OEmbedStatus {
     NotSupported = 0,
@@ -267,8 +255,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;
@@ -289,11 +277,11 @@ declare const UMB_INVITE_USER_MODAL: UmbModalToken$1<object, unknown>;
 
 interface UmbLanguagePickerModalData {
     multiple?: boolean;
-    selection?: Array<string>;
+    selection?: Array<string | null>;
     filter?: (language: LanguageResponseModel) => boolean;
 }
 interface UmbLanguagePickerModalResult {
-    selection: Array<string>;
+    selection: Array<string | null>;
 }
 declare const UMB_LANGUAGE_PICKER_MODAL: UmbModalToken$1<UmbLanguagePickerModalData, UmbLanguagePickerModalResult>;
 
@@ -323,14 +311,9 @@ interface UmbLinkPickerConfig {
 }
 declare const UMB_LINK_PICKER_MODAL: UmbModalToken$1<UmbLinkPickerModalData, UmbLinkPickerModalResult>;
 
-interface UmbMediaPickerModalData {
-    multiple?: boolean;
-    selection: Array<string>;
-}
-interface UmbMediaPickerModalResult {
-    selection: Array<string>;
-}
-declare const UMB_MEDIA_PICKER_MODAL: UmbModalToken$1<UmbMediaPickerModalData, UmbMediaPickerModalResult>;
+type UmbMediaTreePickerModalData = UmbTreePickerModalData$1<ContentTreeItemResponseModel>;
+type UmbMediaTreePickerModalResult = UmbPickerModalResult$1;
+declare const UMB_MEDIA_TREE_PICKER_MODAL: UmbModalToken$1<UmbMediaTreePickerModalData, UmbPickerModalResult$1>;
 
 interface UmbPropertyEditorUIPickerModalData {
     selection?: Array<string>;
@@ -360,9 +343,12 @@ declare const UMB_SEARCH_MODAL: UmbModalToken$1<object, unknown>;
 
 interface UmbSectionPickerModalData {
     multiple: boolean;
-    selection: string[];
+    selection: Array<string | null>;
 }
-declare const UMB_SECTION_PICKER_MODAL: UmbModalToken$1<UmbSectionPickerModalData, unknown>;
+interface UmbSectionPickerModalResult {
+    selection: Array<string | null>;
+}
+declare const UMB_SECTION_PICKER_MODAL: UmbModalToken$1<UmbSectionPickerModalData, UmbSectionPickerModalResult>;
 
 interface UmbTemplateModalData {
     id: string;
@@ -373,18 +359,17 @@ interface UmbTemplateModalResult {
 }
 declare const UMB_TEMPLATE_MODAL: UmbModalToken$1<UmbTemplateModalData, UmbTemplateModalResult>;
 
-interface UmbTemplatePickerModalData {
-    multiple: boolean;
-    selection: string[];
-}
-interface UmbTemplatePickerModalResult {
-    selection: string[] | undefined;
-}
-declare const UMB_TEMPLATE_PICKER_MODAL: UmbModalToken$1<UmbTemplatePickerModalData, UmbTemplatePickerModalResult>;
+type UmbTemplatePickerModalData = UmbTreePickerModalData$1<EntityTreeItemResponseModel>;
+type UmbTemplatePickerModalResult = UmbPickerModalResult$1;
+declare const UMB_TEMPLATE_PICKER_MODAL: UmbModalToken$1<UmbTemplatePickerModalData, UmbPickerModalResult$1>;
 
-declare const UMB_USER_GROUP_PICKER_MODAL: UmbModalToken$1<UmbPickerModalData$1<UserDetails>, unknown>;
+declare const UMB_USER_GROUP_PICKER_MODAL: UmbModalToken$1<UmbPickerModalData$1<any>, unknown>;
 
-declare const UMB_USER_PICKER_MODAL: UmbModalToken$1<UmbPickerModalData$1<UserDetails>, unknown>;
+type UmbUserPickerModalData = UmbPickerModalData$1<UserResponseModel>;
+interface UmbUserPickerModalResult {
+    selection: Array<string | null>;
+}
+declare const UMB_USER_PICKER_MODAL: UmbModalToken$1<UmbUserPickerModalData, UmbUserPickerModalResult>;
 
 interface UmbFolderModalData {
     repositoryAlias: string;
@@ -395,13 +380,41 @@ interface UmbFolderModalResult {
 }
 declare const UMB_FOLDER_MODAL: UmbModalToken$1<UmbFolderModalData, UmbFolderModalResult>;
 
-interface UmbPickerModalData<T> {
+interface UmbPartialViewPickerModalData {
     multiple: boolean;
-    selection: Array<string>;
-    filter?: (language: T) => boolean;
+    selection: string[];
 }
-interface UmbPickerModalResult<T> {
-    selection: Array<string>;
+interface UmbPartialViewPickerModalResult {
+    selection: Array<string | null> | undefined;
+}
+declare const UMB_PARTIAL_VIEW_PICKER_MODAL_ALIAS = "Umb.Modal.PartialViewPicker";
+declare const UMB_PARTIAL_VIEW_PICKER_MODAL: UmbModalToken$1<UmbPartialViewPickerModalData, UmbPartialViewPickerModalResult>;
+
+interface UmbDictionaryItemPickerModalData {
+    multiple: boolean;
+    selection: string[];
+}
+interface UmbDictionaryItemPickerModalResult {
+    selection: Array<string | null>;
+}
+declare const UMB_DICTIONARY_ITEM_PICKER_MODAL_ALIAS = "Umb.Modal.DictionaryItemPicker";
+declare const UMB_DICTIONARY_ITEM_PICKER_MODAL: UmbModalToken$1<UmbDictionaryItemPickerModalData, UmbDictionaryItemPickerModalResult>;
+
+type UmbDataTypePickerModalData = UmbTreePickerModalData$1<FolderTreeItemResponseModel>;
+type UmbDataTypePickerModalResult = UmbPickerModalResult$1;
+declare const UMB_DATA_TYPE_PICKER_MODAL: UmbModalToken$1<UmbDataTypePickerModalData, UmbPickerModalResult$1>;
+
+interface UmbPickerModalData<ItemType> {
+    multiple?: boolean;
+    selection?: Array<string | null>;
+    filter?: (item: ItemType) => boolean;
+    pickableFilter?: (item: ItemType) => boolean;
+}
+interface UmbPickerModalResult {
+    selection: Array<string | null>;
+}
+interface UmbTreePickerModalData<TreeItemType> extends UmbPickerModalData<TreeItemType> {
+    treeAlias?: 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_DICTIONARY_ITEM_PICKER_MODAL, UMB_DICTIONARY_ITEM_PICKER_MODAL_ALIAS, 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_TREE_PICKER_MODAL, UMB_MODAL_CONTEXT_TOKEN, UMB_PARTIAL_VIEW_PICKER_MODAL, UMB_PARTIAL_VIEW_PICKER_MODAL_ALIAS, 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, UmbDictionaryItemPickerModalData, UmbDictionaryItemPickerModalResult, UmbDocumentPickerModalData, UmbDocumentPickerModalResult, UmbDocumentTypePickerModalData, UmbDocumentTypePickerModalResult, UmbEmbeddedMediaModalData, UmbEmbeddedMediaModalResult, UmbExamineFieldsSettingsModalData, UmbExportDictionaryModalData, UmbExportDictionaryModalResult, UmbFolderModalData, UmbFolderModalResult, UmbIconPickerModalData, UmbIconPickerModalResult, UmbImportDictionaryModalData, UmbImportDictionaryModalResult, UmbLanguagePickerModalData, UmbLanguagePickerModalResult, UmbLinkPickerConfig, UmbLinkPickerLink, UmbLinkPickerModalData, UmbLinkPickerModalResult, UmbMediaTreePickerModalData, UmbMediaTreePickerModalResult, UmbModalConfig, UmbModalContext, UmbModalHandler, UmbModalHandlerClass, UmbModalRouteBuilder, UmbModalRouteRegistration, UmbModalRouteRegistrationController, UmbModalToken, UmbModalType, UmbPartialViewPickerModalData, UmbPartialViewPickerModalResult, UmbPickerModalData, UmbPickerModalResult, UmbPropertyEditorUIPickerModalData, UmbPropertyEditorUIPickerModalResult, UmbPropertySettingsModalResult, UmbSectionPickerModalData, UmbSectionPickerModalResult, UmbTemplateModalData, UmbTemplateModalResult, UmbTemplatePickerModalData, UmbTemplatePickerModalResult, UmbTreePickerModalData, UmbUserPickerModalData, UmbUserPickerModalResult };

package/models.d.ts

@@ -1,80 +1,17 @@
-import { EntityTreeItemResponseModel, FolderTreeItemResponseModel, PackageManifestResponseModel } from './backend-api';
-
-type HTMLElementConstructor<T = HTMLElement> = new (...args: any[]) => T;
-type ClassConstructor<T> = new (...args: any[]) => T;
-interface Entity {
-    id: string;
-    name: string;
-    icon: string;
-    type: string;
-    hasChildren: boolean;
-    parentId: string | null;
-}
 /** Tried to find a common base of our entities — used by Entity Workspace Context */
-type BaseEntity = {
+type UmbEntityBase = {
     id?: string;
     name?: string;
 };
-interface UserEntity extends Entity {
-    type: 'user';
-}
-type UserStatus = 'enabled' | 'inactive' | 'invited' | 'disabled';
-interface UserDetails extends UserEntity {
-    email: string;
-    status: UserStatus;
-    language: string;
-    lastLoginDate?: string;
-    lastLockoutDate?: string;
-    lastPasswordChangeDate?: string;
-    updateDate: string;
-    createDate: string;
-    failedLoginAttempts: number;
-    userGroups: Array<string>;
-    contentStartNodes: Array<string>;
-    mediaStartNodes: Array<string>;
-}
-interface UserGroupEntity extends Entity {
-    type: 'user-group';
-}
-interface UserGroupDetails extends UserGroupEntity {
-    sections: Array<string>;
-    contentStartNode?: string;
-    mediaStartNode?: string;
-    permissions: Array<string>;
-}
-interface MemberTypeDetails extends EntityTreeItemResponseModel {
-    id: string;
-    alias: string;
-    properties: [];
-}
-interface MediaTypeDetails extends FolderTreeItemResponseModel {
-    id: string;
-    alias: string;
-    properties: [];
-}
-interface MemberGroupDetails extends EntityTreeItemResponseModel {
-    id: string;
-}
-interface MemberDetails extends EntityTreeItemResponseModel {
-    id: string;
-}
-interface DocumentBlueprintDetails {
-    id: string;
-    name: string;
-    type: 'document-blueprint';
-    properties: Array<any>;
-    data: Array<any>;
-    icon: string;
-    documentTypeKey: string;
-}
-interface SwatchDetails {
+interface UmbSwatchDetails {
     label: string;
     value: string;
 }
-type UmbPackage = PackageManifestResponseModel;
-type PackageManifestResponse = UmbPackage[];
-type UmbPackageWithMigrationStatus = UmbPackage & {
-    hasPendingMigrations: boolean;
-};
+interface ServertimeOffset {
+    /**
+     * offset in minutes relative to UTC
+     */
+    offset: number;
+}
 
-export { BaseEntity, ClassConstructor, DocumentBlueprintDetails, Entity, HTMLElementConstructor, MediaTypeDetails, MemberDetails, MemberGroupDetails, MemberTypeDetails, PackageManifestResponse, SwatchDetails, UmbPackage, UmbPackageWithMigrationStatus, UserDetails, UserEntity, UserGroupDetails, UserGroupEntity, UserStatus };
+export { ServertimeOffset, UmbEntityBase, UmbSwatchDetails };

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-api';
 
 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@umbraco-cms/backoffice",
-	"version": "1.0.0-next.6c429eee",
+	"version": "1.0.0-next.70bfba05",
 	"license": "MIT",
 	"keywords": [
 		"umbraco",
@@ -26,7 +26,7 @@
 	],
 	"peerDependencies": {
 		"@types/uuid": "^9.0.1",
-		"@umbraco-ui/uui": "^1.2.0-rc.0",
+		"@umbraco-ui/uui": "1.2.1",
 		"rxjs": "^7.8.0"
 	},
 	"customElements": "custom-elements.json"