@umbraco-cms/backoffice 14.0.0-d335c2c2 → 14.0.0-d87d656d

package/dist-cms/libs/class-api/class.mixin.js

@@ -6,7 +6,7 @@ export const UmbClassMixin = (superClass) => {
         constructor(host, controllerAlias) {
             super();
             this._host = host;
-            this._controllerAlias = controllerAlias ?? undefined; // ?? Symbol();
+            this._controllerAlias = controllerAlias ?? Symbol(); // This will fallback to a Symbol, ensuring that this class is only appended to the controller host once.
         }
         getHostElement() {
             return this._host.getHostElement();

package/dist-cms/libs/observable-api/deep-state.d.ts

@@ -10,6 +10,6 @@ import { BehaviorSubject } from '../../external/rxjs/index.js';
  */
 export declare class UmbDeepState<T> extends BehaviorSubject<T> {
     constructor(initialData: T);
-    getObservablePart<ReturnType>(mappingFunction: MappingFunction<T, ReturnType>, memoizationFunction?: MemoizationFunction<ReturnType>): import("rxjs/internal/Observable.js").Observable<ReturnType>;
+    asObservablePart<ReturnType>(mappingFunction: MappingFunction<T, ReturnType>, memoizationFunction?: MemoizationFunction<ReturnType>): import("rxjs/internal/Observable.js").Observable<ReturnType>;
     next(newData: T): void;
 }

package/dist-cms/libs/observable-api/deep-state.js

@@ -13,7 +13,7 @@ export class UmbDeepState extends BehaviorSubject {
     constructor(initialData) {
         super(deepFreeze(initialData));
     }
-    getObservablePart(mappingFunction, memoizationFunction) {
+    asObservablePart(mappingFunction, memoizationFunction) {
         return createObservablePart(this, mappingFunction, memoizationFunction);
     }
     next(newData) {

package/dist-cms/mocks/data/data-type.data.js

@@ -4,7 +4,6 @@ import { createFolderTreeItem } from './utils.js';
 // TODO: investigate why we don't get an type as part of the DataTypeModel
 export const data = [
     {
-        $type: '',
         type: 'data-type',
         name: 'Folder 1',
         id: 'dt-folder1',
@@ -12,7 +11,6 @@ export const data = [
         isFolder: true,
     },
     {
-        $type: '',
         type: 'data-type',
         id: '0cc0eba1-9960-42c9-bf9b-60e150b429ae',
         parentId: null,
@@ -22,7 +20,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Text',
         id: 'dt-textBox',
@@ -37,7 +34,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Text Area',
         id: 'dt-textArea',
@@ -47,7 +43,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'My JS Property Editor',
         id: 'dt-custom',
@@ -57,7 +52,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Color Picker',
         id: 'dt-colorPicker',
@@ -113,7 +107,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Content Picker',
         id: 'dt-contentPicker',
@@ -128,7 +121,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Eye Dropper',
         id: 'dt-eyeDropper',
@@ -165,7 +157,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Multi URL Picker',
         id: 'dt-multiUrlPicker',
@@ -196,7 +187,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Multi Node Tree Picker',
         id: 'dt-multiNodeTreePicker',
@@ -206,7 +196,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Date Picker',
         id: 'dt-datePicker',
@@ -230,7 +219,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Date Picker With Time',
         id: 'dt-datePicker-time',
@@ -248,7 +236,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Time',
         id: 'dt-time',
@@ -267,7 +254,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Email',
         id: 'dt-email',
@@ -277,7 +263,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Multiple Text String',
         id: 'dt-multipleTextString',
@@ -296,7 +281,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Dropdown',
         id: 'dt-dropdown',
@@ -306,7 +290,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Slider',
         id: 'dt-slider',
@@ -341,7 +324,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Toggle',
         id: 'dt-toggle',
@@ -368,7 +350,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Tags',
         id: 'dt-tags',
@@ -387,7 +368,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Markdown Editor',
         id: 'dt-markdownEditor',
@@ -397,7 +377,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Radio Button List',
         id: 'dt-radioButtonList',
@@ -416,7 +395,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Checkbox List',
         id: 'dt-checkboxList',
@@ -435,7 +413,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Block List',
         id: 'dt-blockList',
@@ -445,7 +422,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Media Picker',
         id: 'dt-mediaPicker',
@@ -455,7 +431,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Image Cropper',
         id: 'dt-imageCropper',
@@ -465,7 +440,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Upload Field',
         id: 'dt-uploadField',
@@ -484,7 +458,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Block Grid',
         id: 'dt-blockGrid',
@@ -494,7 +467,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Collection View',
         id: 'dt-collectionView',
@@ -504,7 +476,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Icon Picker',
         id: 'dt-iconPicker',
@@ -514,7 +485,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Number Range',
         id: 'dt-numberRange',
@@ -524,7 +494,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Order Direction',
         id: 'dt-orderDirection',
@@ -534,7 +503,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Overlay Size',
         id: 'dt-overlaySize',
@@ -544,7 +512,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Rich Text Editor',
         id: 'dt-richTextEditor',
@@ -622,7 +589,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Label',
         id: 'dt-label',
@@ -632,7 +598,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Integer',
         id: 'dt-integer',
@@ -642,7 +607,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Decimal',
         id: 'dt-decimal',
@@ -657,7 +621,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'User Picker',
         id: 'dt-userPicker',
@@ -667,7 +630,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Member Picker',
         id: 'dt-memberPicker',
@@ -677,7 +639,6 @@ export const data = [
         values: [],
     },
     {
-        $type: '',
         type: 'data-type',
         name: 'Member Group Picker',
         id: 'dt-memberGroupPicker',
@@ -715,7 +676,6 @@ class UmbDataTypeData extends UmbEntityData {
             name: folder.name,
             id: folder.id,
             parentId: folder.parentId,
-            $type: 'FolderTreeItemResponseModel',
             isFolder: true,
             isContainer: false,
         };

package/dist-cms/mocks/data/dictionary.data.js

@@ -2,7 +2,6 @@ import { UmbEntityData } from './entity.data.js';
 import { createEntityTreeItem } from './utils.js';
 export const data = [
     {
-        $type: '',
         name: 'Hello',
         id: 'aae7d0ab-53ba-485d-b8bd-12537f9925cb',
         translations: [
@@ -17,7 +16,6 @@ export const data = [
         ],
     },
     {
-        $type: '',
         name: 'Hello again',
         id: 'bbe7d0ab-53bb-485d-b8bd-12537f9925cb',
         translations: [
@@ -34,24 +32,20 @@ export const data = [
 ];
 const dictionaryTree = [
     {
-        $type: '',
         parentId: null,
         name: 'Hello',
         id: 'aae7d0ab-53ba-485d-b8bd-12537f9925cb',
         hasChildren: true,
         type: 'dictionary-item',
         isContainer: false,
-        icon: 'umb:book-alt',
     },
     {
-        $type: '',
         parentId: 'aae7d0ab-53ba-485d-b8bd-12537f9925cb',
         name: 'Hello again',
         id: 'bbe7d0ab-53bb-485d-b8bd-12537f9925cb',
         hasChildren: false,
         type: 'dictionary-item',
         isContainer: false,
-        icon: 'umb:book-alt',
     },
 ];
 // Temp mocked database

package/dist-cms/mocks/data/document-type.data.d.ts

@@ -11,6 +11,8 @@ declare class UmbDocumentTypeData extends UmbEntityData<DocumentTypeResponseMode
     getTreeItemChildren(id: string): Array<DocumentTypeTreeItemResponseModel>;
     getTreeItem(ids: Array<string>): Array<DocumentTypeTreeItemResponseModel>;
     getAllowedTypesOf(id: string): Array<DocumentTypeTreeItemResponseModel>;
+    /** For internal use */
+    getAll(): DocumentTypeResponseModel[];
 }
 export declare const umbDocumentTypeData: UmbDocumentTypeData;
 export {};

package/dist-cms/mocks/data/document-type.data.js

@@ -20,7 +20,7 @@ export const data = [
                 containerId: 'all-properties-group-key',
                 alias: 'richTextEditor',
                 name: 'Rich Text editor',
-                description: '',
+                description: 'Some description to test with a long description.',
                 dataTypeId: 'dt-richTextEditor',
                 variesByCulture: false,
                 variesBySegment: false,
@@ -33,7 +33,8 @@ export const data = [
                 appearance: {
                     labelOnTop: false,
                 },
-            }, {
+            },
+            {
                 id: '2',
                 containerId: 'all-properties-group-id',
                 alias: 'colorPicker',
@@ -1049,7 +1050,6 @@ export const data = [
 ];
 export const treeData = [
     {
-        $type: 'DocumentTypeTreeItemViewModel',
         name: 'All property editors document type',
         type: 'document-type',
         hasChildren: false,
@@ -1059,7 +1059,6 @@ export const treeData = [
         icon: '',
     },
     {
-        $type: 'DocumentTypeTreeItemViewModel',
         name: 'Page Document Type',
         type: 'document-type',
         hasChildren: false,
@@ -1069,7 +1068,6 @@ export const treeData = [
         icon: 'umb:document',
     },
     {
-        $type: 'DocumentTypeTreeItemViewModel',
         name: 'Page Document Type Compositional',
         type: 'document-type',
         hasChildren: false,
@@ -1079,7 +1077,6 @@ export const treeData = [
         icon: 'umb:document',
     },
     {
-        $type: 'DocumentTypeTreeItemViewModel',
         name: 'Page Document Type Inherited',
         type: 'document-type',
         hasChildren: false,
@@ -1089,7 +1086,6 @@ export const treeData = [
         icon: 'umb:document',
     },
     {
-        $type: 'DocumentTypeTreeItemViewModel',
         name: 'Simple Document Type',
         type: 'document-type',
         hasChildren: false,
@@ -1099,7 +1095,6 @@ export const treeData = [
         icon: 'umb:document',
     },
     {
-        $type: 'DocumentTypeTreeItemViewModel',
         name: 'Simple Document Type 2',
         type: 'document-type',
         hasChildren: false,
@@ -1155,5 +1150,9 @@ class UmbDocumentTypeData extends UmbEntityData {
         const items = this.treeData.filter((item) => allowedTypeKeys.includes(item.id ?? ''));
         return items.map((item) => item);
     }
+    /** For internal use */
+    getAll() {
+        return this.data;
+    }
 }
 export const umbDocumentTypeData = new UmbDocumentTypeData();

package/dist-cms/mocks/data/document.data.d.ts

@@ -1,5 +1,5 @@
 import { UmbEntityData } from './entity.data.js';
-import { DocumentResponseModel, DocumentTreeItemResponseModel, PagedDocumentTreeItemResponseModel } from '../../external/backend-api/index.js';
+import { DocumentResponseModel, DocumentTreeItemResponseModel, PagedDocumentTreeItemResponseModel, PagedDocumentTypeResponseModel } from '../../external/backend-api/index.js';
 export declare const data: Array<DocumentResponseModel>;
 export declare const treeData: Array<DocumentTreeItemResponseModel>;
 declare class UmbDocumentData extends UmbEntityData<DocumentResponseModel> {
@@ -10,6 +10,8 @@ declare class UmbDocumentData extends UmbEntityData<DocumentResponseModel> {
     getTreeRoot(): PagedDocumentTreeItemResponseModel;
     getTreeItemChildren(id: string): PagedDocumentTreeItemResponseModel;
     getTreeItem(ids: Array<string>): Array<DocumentTreeItemResponseModel>;
+    getDocumentByIdAllowedDocumentTypes(id: string): PagedDocumentTypeResponseModel;
+    getAllowedDocumentTypesAtRoot(): PagedDocumentTypeResponseModel;
 }
 export declare const umbDocumentData: UmbDocumentData;
 export {};