@umbraco-cms/backoffice 14.0.0--preview004-0d5e0b19 → 14.0.0--preview004-e91a3686

package/dist-cms/custom-elements.json

@@ -7706,6 +7706,84 @@
         }
       ]
     },
+    {
+      "name": "umb-input-member",
+      "path": "./../src/packages/members/members/components/input-member/input-member.element.ts",
+      "attributes": [
+        {
+          "name": "min",
+          "description": "This is a minimum amount of selected items in this input.",
+          "type": "number",
+          "default": "\"0\""
+        },
+        {
+          "name": "max",
+          "description": "This is a maximum amount of selected items in this input.",
+          "type": "number",
+          "default": "\"Infinity\""
+        },
+        {
+          "name": "min-message",
+          "description": "Min validation message.",
+          "type": "boolean",
+          "default": "\"\""
+        },
+        {
+          "name": "maxMessage",
+          "description": "Max validation message.",
+          "type": "boolean",
+          "default": "\"\""
+        },
+        {
+          "name": "value",
+          "type": "string"
+        }
+      ],
+      "properties": [
+        {
+          "name": "min",
+          "attribute": "min",
+          "description": "This is a minimum amount of selected items in this input.",
+          "type": "number",
+          "default": "\"0\""
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "description": "This is a maximum amount of selected items in this input.",
+          "type": "number",
+          "default": "\"Infinity\""
+        },
+        {
+          "name": "minMessage",
+          "attribute": "min-message",
+          "description": "Min validation message.",
+          "type": "boolean",
+          "default": "\"\""
+        },
+        {
+          "name": "maxMessage",
+          "attribute": "maxMessage",
+          "description": "Max validation message.",
+          "type": "boolean",
+          "default": "\"\""
+        },
+        {
+          "name": "selectedIds",
+          "type": "string[]"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "type": "string"
+        },
+        {
+          "name": "styles",
+          "type": "array",
+          "default": "[null]"
+        }
+      ]
+    },
     {
       "name": "umb-member-workspace-editor",
       "path": "./../src/packages/members/members/workspace/member-workspace-editor.element.ts",

package/dist-cms/packages/members/manifests.d.ts

@@ -1 +1,2 @@
+import './members/components/index.js';
 export declare const manifests: (import("../core/index.js").ManifestSectionSidebarApp | import("../core/index.js").ManifestDashboard | import("../core/index.js").ManifestEntityAction | import("../core/index.js").ManifestMenu | import("../core/index.js").ManifestMenuItemTreeKind | import("../core/index.js").ManifestSection | import("../core/index.js").ManifestStore | import("../core/index.js").ManifestTree | import("../core/index.js").ManifestTreeItem | import("../core/index.js").ManifestTreeStore | import("../core/index.js").ManifestWorkspace | import("../core/index.js").ManifestWorkspaceAction | import("../core/index.js").ManifestWorkspaceView | import("../core/index.js").ManifestRepository<import("../../libs/extension-api/index.js").UmbApi>)[];

package/dist-cms/packages/members/manifests.js

@@ -3,6 +3,7 @@ import { manifests as menuSectionManifests } from './menu.manifests.js';
 import { manifests as memberGroupManifests } from './member-groups/manifests.js';
 import { manifests as memberTypeManifests } from './member-types/manifests.js';
 import { manifests as memberManifests } from './members/manifests.js';
+import './members/components/index.js';
 export const manifests = [
     ...memberSectionManifests,
     ...menuSectionManifests,

package/dist-cms/packages/members/members/components/index.d.ts

@@ -0,0 +1,2 @@
+import './input-member/input-member.element.js';
+export * from './input-member/input-member.element.js';

package/dist-cms/packages/members/members/components/index.js

@@ -0,0 +1,2 @@
+import './input-member/input-member.element.js';
+export * from './input-member/input-member.element.js';

package/dist-cms/packages/members/members/components/input-member/input-member.element.d.ts

@@ -0,0 +1,53 @@
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import type { MemberItemResponseModel } from '../../../../../external/backend-api/index.js';
+declare const UmbInputMemberElement_base: (new (...args: any[]) => import("../../../../../external/uui/index.js").FormControlMixinInterface) & typeof UmbLitElement;
+export declare class UmbInputMemberElement extends UmbInputMemberElement_base {
+    #private;
+    /**
+     * This is a minimum amount of selected items in this input.
+     * @type {number}
+     * @attr
+     * @default 0
+     */
+    get min(): number;
+    set min(value: number);
+    /**
+     * Min validation message.
+     * @type {boolean}
+     * @attr
+     * @default
+     */
+    minMessage: string;
+    /**
+     * This is a maximum amount of selected items in this input.
+     * @type {number}
+     * @attr
+     * @default Infinity
+     */
+    get max(): number;
+    set max(value: number);
+    /**
+     * Max validation message.
+     * @type {boolean}
+     * @attr
+     * @default
+     */
+    maxMessage: string;
+    get selectedIds(): Array<string>;
+    set selectedIds(ids: Array<string>);
+    set value(idsString: string);
+    private _items?;
+    constructor();
+    protected _openPicker(): void;
+    protected _requestRemoveItem(item: MemberItemResponseModel): void;
+    protected getFormElement(): undefined;
+    render(): import("lit-html").TemplateResult<1>;
+    private _renderItem;
+    static styles: import("@lit/reactive-element/css-tag").CSSResult[];
+}
+export default UmbInputMemberElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-input-member': UmbInputMemberElement;
+    }
+}

package/dist-cms/packages/members/members/components/input-member/input-member.element.js

@@ -0,0 +1,162 @@
+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 { css, html, customElement, property, state, ifDefined, repeat } from '../../../../../external/lit/index.js';
+import { FormControlMixin } from '../../../../../external/uui/index.js';
+import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
+import { splitStringToArray } from '../../../../../shared/utils/index.js';
+let UmbInputMemberElement = class UmbInputMemberElement extends FormControlMixin(UmbLitElement) {
+    /**
+     * This is a minimum amount of selected items in this input.
+     * @type {number}
+     * @attr
+     * @default 0
+     */
+    get min() {
+        //return this.#pickerContext.min;
+        return 0;
+    }
+    set min(value) {
+        //this.#pickerContext.min = value;
+    }
+    /**
+     * This is a maximum amount of selected items in this input.
+     * @type {number}
+     * @attr
+     * @default Infinity
+     */
+    get max() {
+        //return this.#pickerContext.max;
+        return Infinity;
+    }
+    set max(value) {
+        //this.#pickerContext.max = value;
+    }
+    get selectedIds() {
+        //return this.#pickerContext.getSelection();
+        return [];
+    }
+    set selectedIds(ids) {
+        //this.#pickerContext.setSelection(ids);
+    }
+    set value(idsString) {
+        // Its with full purpose we don't call super.value, as thats being handled by the observation of the context selection.
+        this.selectedIds = splitStringToArray(idsString);
+    }
+    // TODO: Create the `UmbMemberPickerContext` [LK]
+    //#pickerContext = new UmbMemberPickerContext(this);
+    constructor() {
+        super();
+        /**
+         * Min validation message.
+         * @type {boolean}
+         * @attr
+         * @default
+         */
+        this.minMessage = 'This field need more items';
+        /**
+         * Max validation message.
+         * @type {boolean}
+         * @attr
+         * @default
+         */
+        this.maxMessage = 'This field exceeds the allowed amount of items';
+        // this.addValidator(
+        // 	'rangeUnderflow',
+        // 	() => this.minMessage,
+        // 	() => !!this.min && this.#pickerContext.getSelection().length < this.min,
+        // );
+        // this.addValidator(
+        // 	'rangeOverflow',
+        // 	() => this.maxMessage,
+        // 	() => !!this.max && this.#pickerContext.getSelection().length > this.max,
+        // );
+        // this.observe(this.#pickerContext.selection, (selection) => (super.value = selection.join(',')));
+        // this.observe(this.#pickerContext.selectedItems, (selectedItems) => (this._items = selectedItems));
+    }
+    _openPicker() {
+        console.log("member.openPicker");
+        // this.#pickerContext.openPicker({
+        // 	hideTreeRoot: true,
+        // });
+    }
+    _requestRemoveItem(item) {
+        console.log("member.requestRemoveItem", item);
+        //this.#pickerContext.requestRemoveItem(item.id!);
+    }
+    getFormElement() {
+        return undefined;
+    }
+    render() {
+        return html `
+			${this.#renderItems()}
+			${this.#renderAddButton()}
+		`;
+    }
+    #renderItems() {
+        if (!this._items)
+            return;
+        // TODO: Add sorting. [LK]
+        return html `<uui-ref-list
+			>${repeat(this._items, (item) => item.id, (item) => this._renderItem(item))}
+		</uui-ref-list>`;
+    }
+    #renderAddButton() {
+        if (this.max > 0 && this.selectedIds.length >= this.max)
+            return;
+        return html `<uui-button
+			id="add-button"
+			look="placeholder"
+			@click=${this._openPicker}
+			label=${this.localize.term('general_add')}></uui-button>`;
+    }
+    _renderItem(item) {
+        if (!item.id)
+            return;
+        return html `
+			<uui-ref-node name=${ifDefined(item.name)} detail=${ifDefined(item.id)}>
+				<!-- TODO: implement is deleted <uui-tag size="s" slot="tag" color="danger">Deleted</uui-tag> -->
+				<uui-action-bar slot="actions">
+					<uui-button
+						@click=${() => this._requestRemoveItem(item)}
+						label="Remove member ${item.name}"
+						>Remove</uui-button
+					>
+				</uui-action-bar>
+			</uui-ref-node>
+		`;
+    }
+    static { this.styles = [
+        css `
+			#add-button {
+				width: 100%;
+			}
+		`,
+    ]; }
+};
+__decorate([
+    property({ type: Number })
+], UmbInputMemberElement.prototype, "min", null);
+__decorate([
+    property({ type: String, attribute: 'min-message' })
+], UmbInputMemberElement.prototype, "minMessage", void 0);
+__decorate([
+    property({ type: Number })
+], UmbInputMemberElement.prototype, "max", null);
+__decorate([
+    property({ type: String, attribute: 'min-message' })
+], UmbInputMemberElement.prototype, "maxMessage", void 0);
+__decorate([
+    property()
+], UmbInputMemberElement.prototype, "value", null);
+__decorate([
+    state()
+], UmbInputMemberElement.prototype, "_items", void 0);
+UmbInputMemberElement = __decorate([
+    customElement('umb-input-member')
+], UmbInputMemberElement);
+export { UmbInputMemberElement };
+export default UmbInputMemberElement;

package/dist-cms/packages/members/members/index.d.ts

@@ -1 +1,3 @@
+import './components/index.js';
+export * from './components/index.js';
 export * from './repository/index.js';

package/dist-cms/packages/members/members/index.js

@@ -1 +1,3 @@
+import './components/index.js';
+export * from './components/index.js';
 export * from './repository/index.js';

package/dist-cms/packages/settings/languages/entity-actions/language-create-entity-action.d.ts

@@ -3,5 +3,5 @@ import { UmbEntityActionBase } from '../../../core/entity-action/index.js';
 import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
 export declare class UmbLanguageCreateEntityAction extends UmbEntityActionBase<UmbLanguageRepository> {
     constructor(host: UmbControllerHostElement, repositoryAlias: string, unique: string);
-    getHref(): Promise<string>;
+    execute(): Promise<void>;
 }

package/dist-cms/packages/settings/languages/entity-actions/language-create-entity-action.js

@@ -4,8 +4,8 @@ export class UmbLanguageCreateEntityAction extends UmbEntityActionBase {
     constructor(host, repositoryAlias, unique) {
         super(host, repositoryAlias, unique);
     }
-    // TODO: Generate the href or retrieve it from something?
-    async getHref() {
-        return 'section/settings/workspace/language/create';
+    async execute() {
+        // TODO: Generate the href or retrieve it from something?
+        history.pushState(null, '', `section/settings/workspace/language/create`);
     }
 }

package/dist-cms/shared/utils/selection-manager/selection.manager.js

@@ -53,7 +53,7 @@ export class UmbSelectionManager extends UmbBaseController {
             return;
         if (value === undefined)
             throw new Error('Value cannot be undefined');
-        const newSelection = this.getMultiple() ? value : [value[0]];
+        const newSelection = this.getMultiple() ? value : value.slice(0, 1);
         this.#selection.next(newSelection);
     }
     /**