@umbraco-cms/backoffice 14.0.0--preview004-52e41be8 → 14.0.0--preview004-f42e3cbb

package/dist-cms/custom-elements.json

@@ -2105,6 +2105,55 @@
         }
       ]
     },
+    {
+      "name": "umb-input-content-type",
+      "path": "./../src/packages/core/content-type/components/input-content-type/input-content-type.element.ts",
+      "attributes": [
+        {
+          "name": "type",
+          "type": "ContentType | undefined"
+        },
+        {
+          "name": "node-id",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "dynamic-path",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "type",
+          "attribute": "type",
+          "type": "ContentType | undefined"
+        },
+        {
+          "name": "nodeId",
+          "attribute": "node-id",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "dynamicPath",
+          "attribute": "dynamic-path",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ],
+      "events": [
+        {
+          "name": "change"
+        }
+      ]
+    },
     {
       "name": "umb-input-culture-select",
       "path": "./../src/packages/core/culture/components/input-culture-select/input-culture-select.element.ts",
@@ -4471,28 +4520,24 @@
       "path": "./../src/packages/core/property-editor/uis/tree-picker/config/start-node/property-editor-ui-tree-picker-start-node.element.ts",
       "attributes": [
         {
-          "name": "value",
-          "type": "string",
-          "default": "\"\""
+          "name": "value"
         }
       ],
       "properties": [
         {
           "name": "value",
-          "attribute": "value",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "config",
-          "type": "never[]",
-          "default": "[]"
+          "attribute": "value"
         },
         {
           "name": "styles",
           "type": "array",
           "default": "[\"UmbTextStyles\"]"
         }
+      ],
+      "events": [
+        {
+          "name": "property-value-change"
+        }
       ]
     },
     {
@@ -4512,6 +4557,35 @@
           "type": "string",
           "default": "\"\""
         },
+        {
+          "name": "type"
+        },
+        {
+          "name": "startNodeId",
+          "type": "string | null | undefined"
+        },
+        {
+          "name": "min",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "filter",
+          "type": "string | null | undefined"
+        },
+        {
+          "name": "showOpenButton",
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "ignoreUserStartNodes",
+          "type": "boolean | undefined"
+        },
         {
           "name": "config"
         },
@@ -4520,6 +4594,11 @@
           "type": "array",
           "default": "[\"UmbTextStyles\"]"
         }
+      ],
+      "events": [
+        {
+          "name": "property-value-change"
+        }
       ]
     },
     {
@@ -4724,6 +4803,98 @@
         }
       ]
     },
+    {
+      "name": "umb-input-tree",
+      "path": "./../src/packages/core/tree/components/input-tree/input-tree.element.ts",
+      "attributes": [
+        {
+          "name": "type"
+        },
+        {
+          "name": "startNodeId",
+          "type": "string | undefined"
+        },
+        {
+          "name": "min",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "max",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "filter",
+          "type": "string"
+        },
+        {
+          "name": "showOpenButton",
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "ignoreUserStartNodes",
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "value",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "type",
+          "attribute": "type"
+        },
+        {
+          "name": "startNodeId",
+          "attribute": "startNodeId",
+          "type": "string | undefined"
+        },
+        {
+          "name": "min",
+          "attribute": "min",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "filter",
+          "attribute": "filter",
+          "type": "string"
+        },
+        {
+          "name": "showOpenButton",
+          "attribute": "showOpenButton",
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "ignoreUserStartNodes",
+          "attribute": "ignoreUserStartNodes",
+          "type": "boolean | undefined"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "type": "string"
+        },
+        {
+          "name": "selectedIds",
+          "type": "string[]",
+          "default": "[]"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
     {
       "name": "umb-entity-tree-item",
       "path": "./../src/packages/core/tree/entity-tree-item/entity-tree-item.element.ts",

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

@@ -193,7 +193,35 @@ export const data = [
         parentId: null,
         propertyEditorAlias: 'Umbraco.MultiNodeTreePicker',
         propertyEditorUiAlias: 'Umb.PropertyEditorUi.TreePicker',
-        values: [],
+        values: [
+            {
+                alias: 'startNode',
+                value: {
+                    type: 'content',
+                    id: null,
+                },
+            },
+            {
+                alias: 'minNumber',
+                value: 0,
+            },
+            {
+                alias: 'maxNumber',
+                value: 3,
+            },
+            {
+                alias: 'ignoreUserStartNodes',
+                value: false,
+            },
+            {
+                alias: 'showOpenButton',
+                value: true,
+            },
+            {
+                alias: 'filter',
+                value: '',
+            },
+        ],
     },
     {
         type: 'data-type',

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

@@ -603,6 +603,56 @@ export const data = [
             keepLatestVersionPerDayForDays: null,
         },
     },
+    {
+        allowedTemplateIds: [],
+        defaultTemplateId: null,
+        id: 'simple-document-type-id',
+        alias: 'blogPost',
+        name: 'All property editors document type',
+        description: null,
+        icon: 'umb:item-arrangement',
+        allowedAsRoot: true,
+        variesByCulture: true,
+        variesBySegment: false,
+        isElement: false,
+        properties: [
+            {
+                id: '6',
+                containerId: 'all-properties-group-key',
+                alias: 'multiNodeTreePicker',
+                name: 'Multi Node Tree Picker',
+                description: '',
+                dataTypeId: 'dt-multiNodeTreePicker',
+                variesByCulture: false,
+                variesBySegment: false,
+                validation: {
+                    mandatory: true,
+                    mandatoryMessage: null,
+                    regEx: null,
+                    regExMessage: null,
+                },
+                appearance: {
+                    labelOnTop: false,
+                },
+            },
+        ],
+        containers: [
+            {
+                id: 'all-properties-group-key',
+                parentId: null,
+                name: 'Content',
+                type: 'Group',
+                sortOrder: 0,
+            },
+        ],
+        allowedContentTypes: [],
+        compositions: [],
+        cleanup: {
+            preventCleanup: false,
+            keepAllVersionsNewerThanDays: null,
+            keepLatestVersionPerDayForDays: null,
+        },
+    },
     {
         allowedTemplateIds: [],
         defaultTemplateId: null,
@@ -1001,6 +1051,15 @@ export const treeData = [
         parentId: null,
         icon: '',
     },
+    {
+        name: 'Simple document type',
+        type: 'document-type',
+        hasChildren: false,
+        id: 'simple-document-type-id',
+        isContainer: false,
+        parentId: null,
+        icon: '',
+    },
     {
         name: 'Page Document Type',
         type: 'document-type',

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

@@ -526,7 +526,12 @@ export const data = [
         ],
     },
     {
-        urls: [],
+        urls: [
+            {
+                culture: 'en-US',
+                url: '/',
+            },
+        ],
         templateId: null,
         id: 'simple-document-id',
         contentTypeId: 'simple-document-type-id',
@@ -541,6 +546,14 @@ export const data = [
                 updateDate: '2023-02-06T15:32:24.957009',
             },
         ],
+        values: [
+            {
+                alias: 'multiNodeTreePicker',
+                culture: null,
+                segment: null,
+                value: null,
+            },
+        ],
     },
 ];
 export const treeData = [

package/dist-cms/mocks/data/user-group.data.js

@@ -67,6 +67,13 @@ export const data = [
         documentStartNodeId: 'all-property-editors-document-id',
         permissions: [UMB_USER_PERMISSION_DOCUMENT_CREATE, UMB_USER_PERMISSION_DOCUMENT_DELETE],
     },
+    {
+        id: 'c630d49e-4e7b-42ea-b2bc-edc0edacb6b2',
+        name: 'Something',
+        icon: 'umb:medal',
+        documentStartNodeId: 'simple-document-id',
+        permissions: [UMB_USER_PERMISSION_DOCUMENT_CREATE, UMB_USER_PERMISSION_DOCUMENT_DELETE],
+    },
     {
         id: '9d24dc47-a4bf-427f-8a4a-b900f03b8a12',
         name: 'User Group 1',

package/dist-cms/packages/core/content-type/components/index.d.ts

@@ -0,0 +1 @@
+export * from './input-content-type/index.js';

package/dist-cms/packages/core/content-type/components/index.js

@@ -0,0 +1 @@
+export * from './input-content-type/index.js';

package/dist-cms/packages/core/content-type/components/input-content-type/index.d.ts

@@ -0,0 +1 @@
+export * from './input-content-type.element.js';

package/dist-cms/packages/core/content-type/components/input-content-type/index.js

@@ -0,0 +1 @@
+export * from './input-content-type.element.js';

package/dist-cms/packages/core/content-type/components/input-content-type/input-content-type.element.d.ts

@@ -0,0 +1,26 @@
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+export type ContentType = 'content' | 'member' | 'media';
+export type StartNode = {
+    type?: ContentType;
+    id?: string | null;
+    query?: string | null;
+};
+declare const UmbInputContentTypeElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
+export declare class UmbInputContentTypeElement extends UmbInputContentTypeElement_base {
+    #private;
+    protected getFormElement(): undefined;
+    private _type;
+    set type(value: StartNode['type']);
+    get type(): StartNode['type'];
+    nodeId: string;
+    dynamicPath: string;
+    _options: Array<Option>;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+export default UmbInputContentTypeElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-input-content-type': UmbInputContentTypeElement;
+    }
+}

package/dist-cms/packages/core/content-type/components/input-content-type/input-content-type.element.js

@@ -0,0 +1,104 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, customElement, property, css, state } from '../../../../../external/lit/index.js';
+import { FormControlMixin } from '../../../../../external/uui/index.js';
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { UmbChangeEvent } from '../../../event/index.js';
+export let UmbInputContentTypeElement = class UmbInputContentTypeElement extends FormControlMixin(UmbLitElement) {
+    constructor() {
+        super(...arguments);
+        this._type = 'content';
+        this.nodeId = '';
+        this.dynamicPath = '';
+        this._options = [
+            { value: 'content', name: 'Content' },
+            { value: 'member', name: 'Members' },
+            { value: 'media', name: 'Media' },
+        ];
+    }
+    getFormElement() {
+        return undefined;
+    }
+    set type(value) {
+        const oldValue = this._type;
+        this._options = this._options.map((option) => option.value === value ? { ...option, selected: true } : { ...option, selected: false });
+        this._type = value;
+        this.requestUpdate('type', oldValue);
+    }
+    get type() {
+        return this._type;
+    }
+    #onTypeChange(event) {
+        this.type = event.target.value;
+        // Clear others
+        this.nodeId = '';
+        this.dynamicPath = '';
+        this.dispatchEvent(new UmbChangeEvent());
+    }
+    #onIdChange(event) {
+        this.nodeId = event.target.selectedIds.join('');
+        this.dispatchEvent(new CustomEvent('change'));
+    }
+    render() {
+        return html `<umb-input-dropdown-list
+				.options=${this._options}
+				@change="${this.#onTypeChange}"></umb-input-dropdown-list>
+			${this.#renderType()}`;
+    }
+    #renderType() {
+        switch (this.type) {
+            case 'content':
+                return this.#renderTypeContent();
+            case 'media':
+                return this.#renderTypeMedia();
+            case 'member':
+                return this.#renderTypeMember();
+            default:
+                return 'No type found';
+        }
+    }
+    #renderTypeContent() {
+        const nodeId = this.nodeId ? [this.nodeId] : [];
+        //TODO: Dynamic paths
+        return html ` <umb-input-document @change=${this.#onIdChange} .selectedIds=${nodeId} max="1"></umb-input-document> `;
+    }
+    #renderTypeMedia() {
+        const nodeId = this.nodeId ? [this.nodeId] : [];
+        //TODO => MediaTypes
+        return html ` <umb-input-media @change=${this.#onIdChange} .selectedIds=${nodeId} max="1"></umb-input-media> `;
+    }
+    #renderTypeMember() {
+        const nodeId = this.nodeId ? [this.nodeId] : [];
+        //TODO => Members
+        return html ` <umb-input-member @change=${this.#onIdChange} .selectedIds=${nodeId} max="1"></umb-input-member> `;
+    }
+    static { this.styles = [
+        css `
+			:host {
+				display: flex;
+				flex-direction: column;
+				gap: var(--uui-size-4);
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property()
+], UmbInputContentTypeElement.prototype, "type", null);
+__decorate([
+    property({ attribute: 'node-id' })
+], UmbInputContentTypeElement.prototype, "nodeId", void 0);
+__decorate([
+    property({ attribute: 'dynamic-path' })
+], UmbInputContentTypeElement.prototype, "dynamicPath", void 0);
+__decorate([
+    state()
+], UmbInputContentTypeElement.prototype, "_options", void 0);
+UmbInputContentTypeElement = __decorate([
+    customElement('umb-input-content-type')
+], UmbInputContentTypeElement);
+export default UmbInputContentTypeElement;

package/dist-cms/packages/core/content-type/index.d.ts

@@ -1,3 +1,4 @@
 export * from './content-type-container-structure-helper.class.js';
 export * from './content-type-property-structure-helper.class.js';
 export * from './content-type-structure-manager.class.js';
+export * from './components/index.js';

package/dist-cms/packages/core/content-type/index.js

@@ -1,3 +1,4 @@
 export * from './content-type-container-structure-helper.class.js';
 export * from './content-type-property-structure-helper.class.js';
 export * from './content-type-structure-manager.class.js';
+export * from './components/index.js';

package/dist-cms/packages/core/property-editor/uis/tree-picker/config/start-node/property-editor-ui-tree-picker-start-node.element.d.ts

@@ -1,10 +1,11 @@
+import { StartNode } from '../../../../../content-type/index.js';
 import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
 /**
  * @element umb-property-editor-ui-tree-picker-start-node
  */
 export declare class UmbPropertyEditorUITreePickerStartNodeElement extends UmbLitElement {
-    value: string;
-    config: never[];
+    #private;
+    value?: StartNode;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }

package/dist-cms/packages/core/property-editor/uis/tree-picker/config/start-node/property-editor-ui-tree-picker-start-node.element.js

@@ -5,28 +5,31 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { html, customElement, property } from '../../../../../../../external/lit/index.js';
-import { UmbTextStyles } from "../../../../../../../shared/style/index.js";
+import { UmbTextStyles } from '../../../../../../../shared/style/index.js';
 import { UmbLitElement } from '../../../../../../../shared/lit-element/index.js';
 /**
  * @element umb-property-editor-ui-tree-picker-start-node
  */
 export let UmbPropertyEditorUITreePickerStartNodeElement = class UmbPropertyEditorUITreePickerStartNodeElement extends UmbLitElement {
-    constructor() {
-        super(...arguments);
-        this.value = '';
-        this.config = [];
+    #onChange(event) {
+        const target = event.target;
+        this.value = {
+            type: target.type,
+            id: target.nodeId,
+            query: target.dynamicPath,
+        };
+        this.dispatchEvent(new CustomEvent('property-value-change'));
     }
     render() {
-        return html `<div>umb-property-editor-ui-tree-picker-start-node</div>`;
+        return html `<umb-input-content-type
+			@change="${this.#onChange}"
+			.type=${this.value?.type}></umb-input-content-type>`;
     }
     static { this.styles = [UmbTextStyles]; }
 };
 __decorate([
-    property()
+    property({ type: Object })
 ], UmbPropertyEditorUITreePickerStartNodeElement.prototype, "value", void 0);
-__decorate([
-    property({ type: Array, attribute: false })
-], UmbPropertyEditorUITreePickerStartNodeElement.prototype, "config", void 0);
 UmbPropertyEditorUITreePickerStartNodeElement = __decorate([
     customElement('umb-property-editor-ui-tree-picker-start-node')
 ], UmbPropertyEditorUITreePickerStartNodeElement);

package/dist-cms/packages/core/property-editor/uis/tree-picker/manifests.js

@@ -13,7 +13,7 @@ const manifest = {
             properties: [
                 {
                     alias: 'startNode',
-                    label: 'Start node',
+                    label: 'Node type',
                     description: '',
                     propertyEditorUiAlias: 'Umb.PropertyEditorUi.TreePicker.StartNode',
                 },

package/dist-cms/packages/core/property-editor/uis/tree-picker/property-editor-ui-tree-picker.element.d.ts

@@ -1,12 +1,21 @@
 import { UmbPropertyEditorUiElement } from '../../../extension-registry/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 import { UmbPropertyEditorConfigCollection } from '../../index.js';
+import { StartNode } from '../../../content-type/index.js';
 /**
  * @element umb-property-editor-ui-tree-picker
  */
 export declare class UmbPropertyEditorUITreePickerElement extends UmbLitElement implements UmbPropertyEditorUiElement {
+    #private;
     value: string;
-    config?: UmbPropertyEditorConfigCollection;
+    type?: StartNode['type'];
+    startNodeId?: string | null;
+    min: number;
+    max: number;
+    filter?: string | null;
+    showOpenButton?: boolean;
+    ignoreUserStartNodes?: boolean;
+    set config(config: UmbPropertyEditorConfigCollection | undefined);
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }