@umbraco-cms/backoffice 14.0.0--preview005-4682d2b5 → 14.0.0--preview005-ab659bc0

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

@@ -9,7 +9,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
-var _UmbInputMemberElement_instances, _UmbInputMemberElement_renderItems, _UmbInputMemberElement_renderAddButton;
+var _UmbInputMemberElement_instances, _UmbInputMemberElement_pickableFilter, _UmbInputMemberElement_openPicker, _UmbInputMemberElement_requestRemoveItem, _UmbInputMemberElement_renderItems, _UmbInputMemberElement_renderAddButton, _UmbInputMemberElement_renderItem, _UmbInputMemberElement_renderIsTrashed;
 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';
@@ -22,10 +22,12 @@ let UmbInputMemberElement = class UmbInputMemberElement extends FormControlMixin
      * @default 0
      */
     get min() {
+        // TODO: Uncomment, once `UmbMemberPickerContext` has been implemented. [LK]
         //return this.#pickerContext.min;
         return 0;
     }
     set min(value) {
+        // TODO: Uncomment, once `UmbMemberPickerContext` has been implemented. [LK]
         //this.#pickerContext.min = value;
     }
     /**
@@ -35,17 +37,21 @@ let UmbInputMemberElement = class UmbInputMemberElement extends FormControlMixin
      * @default Infinity
      */
     get max() {
+        // TODO: Uncomment, once `UmbMemberPickerContext` has been implemented. [LK]
         //return this.#pickerContext.max;
         return Infinity;
     }
     set max(value) {
+        // TODO: Uncomment, once `UmbMemberPickerContext` has been implemented. [LK]
         //this.#pickerContext.max = value;
     }
     get selectedIds() {
+        // TODO: Uncomment, once `UmbMemberPickerContext` has been implemented. [LK]
         //return this.#pickerContext.getSelection();
         return [];
     }
     set selectedIds(ids) {
+        // TODO: Uncomment, once `UmbMemberPickerContext` has been implemented. [LK]
         //this.#pickerContext.setSelection(ids);
     }
     set value(idsString) {
@@ -71,6 +77,15 @@ let UmbInputMemberElement = class UmbInputMemberElement extends FormControlMixin
          * @default
          */
         this.maxMessage = 'This field exceeds the allowed amount of items';
+        _UmbInputMemberElement_pickableFilter.set(this, (item) => {
+            // TODO: Uncomment, once `UmbMemberPickerContext` has been implemented. [LK]
+            console.log('member.pickableFilter', item);
+            // 	if (this.allowedContentTypeIds && this.allowedContentTypeIds.length > 0) {
+            // 		return this.allowedContentTypeIds.includes(item.contentTypeId);
+            // 	}
+            return true;
+        });
+        // TODO: Uncomment, once `UmbMemberPickerContext` has been implemented. [LK]
         // this.addValidator(
         // 	'rangeUnderflow',
         // 	() => this.minMessage,
@@ -84,49 +99,34 @@ let UmbInputMemberElement = class UmbInputMemberElement extends FormControlMixin
         // 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 `
-			${__classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_renderItems).call(this)}
-			${__classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_renderAddButton).call(this)}
-		`;
-    }
-    _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>
-		`;
+        return html ` ${__classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_renderItems).call(this)} ${__classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_renderAddButton).call(this)} `;
     }
 };
+_UmbInputMemberElement_pickableFilter = new WeakMap();
 _UmbInputMemberElement_instances = new WeakSet();
+_UmbInputMemberElement_openPicker = function _UmbInputMemberElement_openPicker() {
+    // TODO: Uncomment, once `UmbMemberPickerContext` has been implemented. [LK]
+    console.log('member.openPicker');
+    // this.#pickerContext.openPicker({
+    // 	hideTreeRoot: true,
+    //	pickableFilter: this.#pickableFilter,
+    // });
+};
+_UmbInputMemberElement_requestRemoveItem = function _UmbInputMemberElement_requestRemoveItem(item) {
+    // TODO: Uncomment, once `UmbMemberPickerContext` has been implemented. [LK]
+    console.log('member.requestRemoveItem', item);
+    //this.#pickerContext.requestRemoveItem(item.id!);
+};
 _UmbInputMemberElement_renderItems = function _UmbInputMemberElement_renderItems() {
     if (!this._items)
         return;
     // TODO: Add sorting. [LK]
     return html `<uui-ref-list
-			>${repeat(this._items, (item) => item.id, (item) => this._renderItem(item))}
+			>${repeat(this._items, (item) => item.id, (item) => __classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_renderItem).call(this, item))}
 		</uui-ref-list>`;
 };
 _UmbInputMemberElement_renderAddButton = function _UmbInputMemberElement_renderAddButton() {
@@ -135,8 +135,27 @@ _UmbInputMemberElement_renderAddButton = function _UmbInputMemberElement_renderA
     return html `<uui-button
 			id="add-button"
 			look="placeholder"
-			@click=${this._openPicker}
-			label=${this.localize.term('general_add')}></uui-button>`;
+			@click=${__classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_openPicker)}
+			label=${this.localize.term('general_choose')}></uui-button>`;
+};
+_UmbInputMemberElement_renderItem = function _UmbInputMemberElement_renderItem(item) {
+    if (!item.id)
+        return;
+    return html `
+			<uui-ref-node name=${ifDefined(item.name)} detail=${ifDefined(item.id)}>
+				${__classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_renderIsTrashed).call(this, item)}
+				<uui-action-bar slot="actions">
+					<uui-button @click=${() => __classPrivateFieldGet(this, _UmbInputMemberElement_instances, "m", _UmbInputMemberElement_requestRemoveItem).call(this, item)} label="Remove member ${item.name}"
+						>Remove</uui-button
+					>
+				</uui-action-bar>
+			</uui-ref-node>
+		`;
+};
+_UmbInputMemberElement_renderIsTrashed = function _UmbInputMemberElement_renderIsTrashed(item) {
+    // TODO: Uncomment, once the Management API model support deleted members. [LK]
+    //if (!item.isTrashed) return;
+    //return html`<uui-tag size="s" slot="tag" color="danger">Trashed</uui-tag>`;
 };
 UmbInputMemberElement.styles = [
     css `
@@ -157,6 +176,9 @@ __decorate([
 __decorate([
     property({ type: String, attribute: 'min-message' })
 ], UmbInputMemberElement.prototype, "maxMessage", void 0);
+__decorate([
+    property({ type: Array })
+], UmbInputMemberElement.prototype, "allowedContentTypeIds", void 0);
 __decorate([
     property()
 ], UmbInputMemberElement.prototype, "value", null);