yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

delete UmbInputListBaseElement

Browse Source
This commit is contained in:
Mads Rasmussen
2024-04-22 11:01:37 +02:00
parent f6c04089b0
commit 2382039db0
3 changed files with 0 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/Umbraco.Web.UI.Client/src/packages/core/components/index.ts
View File

@@ -20,7 +20,6 @@ export * from './input-date/index.js';
export * from './input-dropdown/index.js';
export * from './input-entity/index.js';
export * from './input-eye-dropper/index.js';
export * from './input-list-base/index.js';
export * from './input-manifest/index.js';
export * from './input-multi-url/index.js';
export * from './input-number-range/index.js';

1
src/Umbraco.Web.UI.Client/src/packages/core/components/input-list-base/index.ts
View File

@@ -1 +0,0 @@
export * from './input-list-base.js';

64
src/Umbraco.Web.UI.Client/src/packages/core/components/input-list-base/input-list-base.ts
View File

@@ -1,64 +0,0 @@
import { html, property } from '@umbraco-cms/backoffice/external/lit';
import type { UUIModalSidebarSize } from '@umbraco-cms/backoffice/external/uui';
import type { UmbModalToken, UmbModalType, UmbPickerModalValue } from '@umbraco-cms/backoffice/modal';
import { UMB_MODAL_MANAGER_CONTEXT } from '@umbraco-cms/backoffice/modal';
import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
/** TODO: Make use of UUI FORM Mixin, to make it easily take part of a form. */
export class UmbInputListBaseElement extends UmbLitElement {
@property({ type: Array })
public value: Array<string> = [];
@property({ type: Boolean })
public multiple = true;
@property({ type: String })
public modalType: UmbModalType = 'sidebar';
@property({ type: String })
public modalSize: UUIModalSidebarSize = 'small';
// TODO: not great that we use any, any here. Investigate if we can have some interface or base modal token for this type.
protected pickerToken?: UmbModalToken<any, any>;
async #openPicker() {
if (!this.pickerToken) return;
const modalManager = await this.getContext(UMB_MODAL_MANAGER_CONTEXT);
const modalContext = modalManager.open(this, this.pickerToken, {
data: {
multiple: this.multiple,
selection: this.value,
},
});
modalContext?.onSubmit().then((data: UmbPickerModalValue) => {
if (data) {
this.value = data.selection?.filter((id) => id !== null && id !== undefined) as Array<string>;
this.selectionUpdated();
}
});
}
protected removeFromSelection(id?: string | null) {
this.value = this.value.filter((k) => k !== id);
this.selectionUpdated();
}
protected selectionUpdated() {
// override this method to react to selection changes
}
protected renderButton() {
return html`<uui-button id="add-button" look="placeholder" @click=${this.#openPicker} label="open">
${this.localize.term('general_add')}
</uui-button>`;
}
protected renderContent() {
return html``;
}
render() {
return html`${this.renderContent()}${this.renderButton()}`;
}
}