@umbraco-cms/backoffice 18.0.1 → 18.1.0-rc

package/dist-cms/packages/members/member-group/collection/views/table/member-group-table-collection-view.element.js

@@ -1,93 +0,0 @@
-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 { UMB_COLLECTION_CONTEXT } from '../../../../../core/collection/index.js';
-import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
-import { UmbTextStyles } from '../../../../../core/style/index.js';
-import { UmbLitElement } from '../../../../../core/lit-element/index.js';
-let UmbMemberGroupTableCollectionViewElement = class UmbMemberGroupTableCollectionViewElement extends UmbLitElement {
-    #collectionContext;
-    constructor() {
-        super();
-        this._tableConfig = {
-            allowSelection: false,
-        };
-        this._tableColumns = [
-            {
-                name: this.localize.term('general_name'),
-                alias: 'memberGroupName',
-            },
-            {
-                name: '',
-                alias: 'entityActions',
-                align: 'right',
-            },
-        ];
-        this._tableItems = [];
-        this.consumeContext(UMB_COLLECTION_CONTEXT, (instance) => {
-            this.#collectionContext = instance;
-            this.#observeCollectionItems();
-        });
-    }
-    #observeCollectionItems() {
-        if (!this.#collectionContext)
-            return;
-        this.observe(this.#collectionContext.items, (items) => this.#createTableItems(items), 'umbCollectionItemsObserver');
-    }
-    #createTableItems(memberGroups) {
-        this._tableItems = memberGroups.map((memberGroup) => {
-            return {
-                id: memberGroup.unique,
-                icon: 'icon-users',
-                data: [
-                    {
-                        columnAlias: 'memberGroupName',
-                        value: html `<a href=${'section/member-management/workspace/member-group/edit/' + memberGroup.unique}
-							>${memberGroup.name}</a
-						>`,
-                    },
-                    {
-                        columnAlias: 'entityActions',
-                        value: html `<umb-entity-actions-table-column-view
-							.value=${{
-                            entityType: memberGroup.entityType,
-                            unique: memberGroup.unique,
-                            name: memberGroup.name,
-                        }}></umb-entity-actions-table-column-view>`,
-                    },
-                ],
-            };
-        });
-    }
-    render() {
-        return html `
-			<umb-table .config=${this._tableConfig} .columns=${this._tableColumns} .items=${this._tableItems}></umb-table>
-		`;
-    }
-    static { this.styles = [
-        UmbTextStyles,
-        css `
-			:host {
-				display: flex;
-				flex-direction: column;
-			}
-		`,
-    ]; }
-};
-__decorate([
-    state()
-], UmbMemberGroupTableCollectionViewElement.prototype, "_tableConfig", void 0);
-__decorate([
-    state()
-], UmbMemberGroupTableCollectionViewElement.prototype, "_tableColumns", void 0);
-__decorate([
-    state()
-], UmbMemberGroupTableCollectionViewElement.prototype, "_tableItems", void 0);
-UmbMemberGroupTableCollectionViewElement = __decorate([
-    customElement('umb-member-group-table-collection-view')
-], UmbMemberGroupTableCollectionViewElement);
-export { UmbMemberGroupTableCollectionViewElement };
-export default UmbMemberGroupTableCollectionViewElement;

package/dist-cms/packages/property-editors/date-time/date-time-with-time-zone-picker/value-summary/value-summary.element.d.ts

@@ -1,12 +0,0 @@
-import type { UmbDateTimeWithTimeZonePropertyEditorValue } from '../types.js';
-import { nothing } from '../../../../../external/lit/index.js';
-import { UmbValueSummaryElementBase } from '../../../../core/value-summary/index.js';
-export declare class UmbDateTimeWithTimeZonePropertyEditorValueSummaryElement extends UmbValueSummaryElementBase<UmbDateTimeWithTimeZonePropertyEditorValue> {
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
-}
-export { UmbDateTimeWithTimeZonePropertyEditorValueSummaryElement as element };
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-date-time-with-time-zone-property-editor-value-summary': UmbDateTimeWithTimeZonePropertyEditorValueSummaryElement;
-    }
-}

package/dist-cms/packages/property-editors/date-time/date-time-with-time-zone-picker/value-summary/value-summary.element.js

@@ -1,23 +0,0 @@
-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 { customElement, html, nothing } from '../../../../../external/lit/index.js';
-import { DateTime } from '../../../../../external/luxon/index.js';
-import { UmbValueSummaryElementBase } from '../../../../core/value-summary/index.js';
-let UmbDateTimeWithTimeZonePropertyEditorValueSummaryElement = class UmbDateTimeWithTimeZonePropertyEditorValueSummaryElement extends UmbValueSummaryElementBase {
-    render() {
-        if (!this._value?.date || !this._value?.timeZone)
-            return nothing;
-        // TODO: Replace Luxon with `Temporal.PlainDateTime.from(date).toZonedDateTime(timeZone).toLocaleString()` once Temporal is available in all browsers.
-        const localDate = DateTime.fromISO(this._value.date, { zone: this._value.timeZone }).toLocal();
-        return html `<span>${localDate.toFormat('ff')}</span>`;
-    }
-};
-UmbDateTimeWithTimeZonePropertyEditorValueSummaryElement = __decorate([
-    customElement('umb-date-time-with-time-zone-property-editor-value-summary')
-], UmbDateTimeWithTimeZonePropertyEditorValueSummaryElement);
-export { UmbDateTimeWithTimeZonePropertyEditorValueSummaryElement };
-export { UmbDateTimeWithTimeZonePropertyEditorValueSummaryElement as element };

package/dist-cms/packages/relations/relation-types/collection/views/table/relation-type-table-collection-view.element.d.ts

@@ -1,16 +0,0 @@
-import { UmbLitElement } from '../../../../../core/lit-element/index.js';
-export declare class UmbRelationTypeTableCollectionViewElement extends UmbLitElement {
-    #private;
-    private _tableConfig;
-    private _tableColumns;
-    private _tableItems;
-    constructor();
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
-}
-export default UmbRelationTypeTableCollectionViewElement;
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-relation-type-table-collection-view': UmbRelationTypeTableCollectionViewElement;
-    }
-}

package/dist-cms/packages/relations/relation-types/collection/views/table/relation-type-table-collection-view.element.js

@@ -1,83 +0,0 @@
-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 { UMB_EDIT_RELATION_TYPE_WORKSPACE_PATH_PATTERN } from '../../../paths.js';
-import { UMB_COLLECTION_CONTEXT } from '../../../../../core/collection/index.js';
-import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
-import { UmbTextStyles } from '../../../../../core/style/index.js';
-import { UmbLitElement } from '../../../../../core/lit-element/index.js';
-let UmbRelationTypeTableCollectionViewElement = class UmbRelationTypeTableCollectionViewElement extends UmbLitElement {
-    #collectionContext;
-    constructor() {
-        super();
-        this._tableConfig = {
-            allowSelection: false,
-        };
-        this._tableColumns = [
-            {
-                name: 'Relation Type',
-                alias: 'relationTypeName',
-            },
-        ];
-        this._tableItems = [];
-        this.consumeContext(UMB_COLLECTION_CONTEXT, (instance) => {
-            this.#collectionContext = instance;
-            this.#observeCollectionItems();
-        });
-    }
-    #observeCollectionItems() {
-        if (!this.#collectionContext)
-            return;
-        this.observe(this.#collectionContext.items, (items) => this.#createTableItems(items), 'umbCollectionItemsObserver');
-    }
-    #createTableItems(relationTypes) {
-        this._tableItems = relationTypes.map((relationType) => {
-            return {
-                id: relationType.unique,
-                icon: 'icon-trafic',
-                data: [
-                    {
-                        columnAlias: 'relationTypeName',
-                        value: html `<a
-							href=${UMB_EDIT_RELATION_TYPE_WORKSPACE_PATH_PATTERN.generateAbsolute({
-                            unique: relationType.unique,
-                        })}
-							>${relationType.name}</a
-						>`,
-                    },
-                ],
-            };
-        });
-    }
-    render() {
-        return html `
-			<umb-table .config=${this._tableConfig} .columns=${this._tableColumns} .items=${this._tableItems}></umb-table>
-		`;
-    }
-    static { this.styles = [
-        UmbTextStyles,
-        css `
-			:host {
-				display: flex;
-				flex-direction: column;
-			}
-		`,
-    ]; }
-};
-__decorate([
-    state()
-], UmbRelationTypeTableCollectionViewElement.prototype, "_tableConfig", void 0);
-__decorate([
-    state()
-], UmbRelationTypeTableCollectionViewElement.prototype, "_tableColumns", void 0);
-__decorate([
-    state()
-], UmbRelationTypeTableCollectionViewElement.prototype, "_tableItems", void 0);
-UmbRelationTypeTableCollectionViewElement = __decorate([
-    customElement('umb-relation-type-table-collection-view')
-], UmbRelationTypeTableCollectionViewElement);
-export { UmbRelationTypeTableCollectionViewElement };
-export default UmbRelationTypeTableCollectionViewElement;

package/dist-cms/packages/user/user/collection/views/table/column-layouts/name/user-table-name-column-layout.element.d.ts

@@ -1,20 +0,0 @@
-import { LitElement } from '../../../../../../../../external/lit/index.js';
-import type { UmbTableColumn } from '../../../../../../../core/components/index.js';
-export declare class UmbUserTableNameColumnLayoutElement extends LitElement {
-    column: UmbTableColumn;
-    value: {
-        name: string;
-        unique: string;
-        kind: string;
-        avatarUrls: Record<string, string>;
-        href?: string;
-    };
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
-}
-export default UmbUserTableNameColumnLayoutElement;
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-user-table-name-column-layout': UmbUserTableNameColumnLayoutElement;
-    }
-}

package/dist-cms/packages/user/user/collection/views/table/column-layouts/name/user-table-name-column-layout.element.js

@@ -1,35 +0,0 @@
-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, LitElement, customElement, property } from '../../../../../../../../external/lit/index.js';
-import { UmbTextStyles } from '../../../../../../../core/style/index.js';
-let UmbUserTableNameColumnLayoutElement = class UmbUserTableNameColumnLayoutElement extends LitElement {
-    render() {
-        return html ` <div style="display: flex; align-items: center;">
-			<umb-user-avatar
-				style="margin-right: var(--uui-size-space-3);"
-				name=${this.value.name}
-				kind=${this.value.kind}
-				.imgUrls=${this.value.avatarUrls}></umb-user-avatar>
-
-			${this.value.href
-            ? html `<a style="font-weight: bold;" href="${this.value.href}">${this.value.name}</a>`
-            : html ` <span>${this.value.name}</span>`}
-		</div>`;
-    }
-    static { this.styles = [UmbTextStyles]; }
-};
-__decorate([
-    property({ type: Object, attribute: false })
-], UmbUserTableNameColumnLayoutElement.prototype, "column", void 0);
-__decorate([
-    property({ attribute: false })
-], UmbUserTableNameColumnLayoutElement.prototype, "value", void 0);
-UmbUserTableNameColumnLayoutElement = __decorate([
-    customElement('umb-user-table-name-column-layout')
-], UmbUserTableNameColumnLayoutElement);
-export { UmbUserTableNameColumnLayoutElement };
-export default UmbUserTableNameColumnLayoutElement;

package/dist-cms/packages/user/user/collection/views/table/column-layouts/status/user-table-status-column-layout.element.d.ts

@@ -1,11 +0,0 @@
-import { LitElement } from '../../../../../../../../external/lit/index.js';
-export declare class UmbUserTableStatusColumnLayoutElement extends LitElement {
-    value: any;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default UmbUserTableStatusColumnLayoutElement;
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-user-table-status-column-layout': UmbUserTableStatusColumnLayoutElement;
-    }
-}

package/dist-cms/packages/user/user/collection/views/table/column-layouts/status/user-table-status-column-layout.element.js

@@ -1,28 +0,0 @@
-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 { getDisplayStateFromUserStatus } from '../../../../../utils.js';
-import { html, LitElement, nothing, customElement, property } from '../../../../../../../../external/lit/index.js';
-let UmbUserTableStatusColumnLayoutElement = class UmbUserTableStatusColumnLayoutElement extends LitElement {
-    render() {
-        return html `${this.value.status && this.value.status !== 'enabled'
-            ? html `<uui-tag
-					size="s"
-					look="${getDisplayStateFromUserStatus(this.value.status).look}"
-					color="${getDisplayStateFromUserStatus(this.value.status).color}">
-					${this.value.status}
-				</uui-tag>`
-            : nothing}`;
-    }
-};
-__decorate([
-    property({ attribute: false })
-], UmbUserTableStatusColumnLayoutElement.prototype, "value", void 0);
-UmbUserTableStatusColumnLayoutElement = __decorate([
-    customElement('umb-user-table-status-column-layout')
-], UmbUserTableStatusColumnLayoutElement);
-export { UmbUserTableStatusColumnLayoutElement };
-export default UmbUserTableStatusColumnLayoutElement;

package/dist-cms/packages/user/user/collection/views/table/user-table-collection-view.element.d.ts

@@ -1,20 +0,0 @@
-import type { UmbUserDetailModel } from '../../../types.js';
-import { UmbCollectionViewElementBase } from '../../../../../core/collection/index.js';
-import './column-layouts/name/user-table-name-column-layout.element.js';
-import './column-layouts/status/user-table-status-column-layout.element.js';
-export declare class UmbUserTableCollectionViewElement extends UmbCollectionViewElementBase {
-    #private;
-    private _tableColumns;
-    private _tableItems;
-    private _userGroupItems;
-    protected _items: Array<UmbUserDetailModel>;
-    updated(changedProperties: any): void;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: import("lit").CSSResult[];
-}
-export default UmbUserTableCollectionViewElement;
-declare global {
-    interface HTMLElementTagNameMap {
-        'umb-user-table-collection-view': UmbUserTableCollectionViewElement;
-    }
-}

package/dist-cms/packages/user/user/collection/views/table/user-table-collection-view.element.js

@@ -1,189 +0,0 @@
-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 { UmbUserKind } from '../../../utils/index.js';
-import { css, html, customElement, state } from '../../../../../../external/lit/index.js';
-import { UmbTextStyles } from '../../../../../core/style/index.js';
-import { UmbUserGroupItemRepository } from '../../../../user-group/index.js';
-import { UmbCollectionViewElementBase } from '../../../../../core/collection/index.js';
-import './column-layouts/name/user-table-name-column-layout.element.js';
-import './column-layouts/status/user-table-status-column-layout.element.js';
-let UmbUserTableCollectionViewElement = class UmbUserTableCollectionViewElement extends UmbCollectionViewElementBase {
-    constructor() {
-        super(...arguments);
-        this._tableColumns = [
-            {
-                name: 'Name',
-                alias: 'userName',
-                elementName: 'umb-user-table-name-column-layout',
-            },
-            {
-                name: 'User group',
-                alias: 'userGroup',
-            },
-            {
-                name: 'Last login',
-                alias: 'userLastLogin',
-            },
-            {
-                name: 'Status',
-                alias: 'userStatus',
-                elementName: 'umb-user-table-status-column-layout',
-            },
-            {
-                name: '',
-                alias: 'entityActions',
-                align: 'right',
-            },
-        ];
-        this._tableItems = [];
-        this._userGroupItems = [];
-        this.#userGroupItemRepository = new UmbUserGroupItemRepository(this);
-        this._items = [];
-    }
-    #userGroupItemRepository;
-    updated(changedProperties) {
-        if (changedProperties.has('_items')) {
-            this.#createTableItems();
-            this.#observeUserGroups();
-        }
-    }
-    async #observeUserGroups() {
-        if (this._items.length === 0)
-            return;
-        const userGroupsUniques = [
-            ...new Set(this._items.flatMap((user) => user.userGroupUniques.map((reference) => reference.unique))),
-        ];
-        const { asObservable } = await this.#userGroupItemRepository.requestItems(userGroupsUniques);
-        this.observe(asObservable?.(), (userGroups) => {
-            this._userGroupItems = userGroups ?? [];
-            this.#createTableItems();
-        }, 'umbUserGroupItemsObserver');
-    }
-    #getUserGroupNames(references) {
-        return references
-            .map((reference) => {
-            return this._userGroupItems.find((x) => x.unique === reference.unique)?.name;
-        })
-            .join(', ');
-    }
-    #createTableItems() {
-        this._tableItems = this._items.map((user) => {
-            return {
-                id: user.unique,
-                icon: user.kind === UmbUserKind.API ? 'icon-unplug' : 'icon-user',
-                selectable: this._isSelectableItem(user),
-                data: [
-                    {
-                        columnAlias: 'userName',
-                        value: {
-                            unique: user.unique,
-                            name: user.name,
-                            avatarUrls: user.avatarUrls,
-                            kind: user.kind,
-                            href: user.unique ? this._itemHrefs.get(user.unique) : undefined,
-                        },
-                    },
-                    {
-                        columnAlias: 'userGroup',
-                        value: this.#getUserGroupNames(user.userGroupUniques ?? []),
-                    },
-                    {
-                        columnAlias: 'userLastLogin',
-                        value: user.lastLoginDate,
-                    },
-                    {
-                        columnAlias: 'userStatus',
-                        value: {
-                            status: user.state,
-                        },
-                    },
-                    {
-                        columnAlias: 'entityActions',
-                        value: html `<umb-entity-actions-table-column-view
-							.value=${{
-                            entityType: user.entityType,
-                            unique: user.unique,
-                            name: user.name,
-                        }}></umb-entity-actions-table-column-view>`,
-                    },
-                ],
-            };
-        });
-    }
-    #onSelected(event) {
-        event.stopPropagation();
-        const itemId = event.getItemId();
-        // We get the same event for both single and multiple selection.
-        if (itemId) {
-            this._selectItem(itemId);
-        }
-        else {
-            const target = event.target;
-            this._setSelection(target.selection);
-        }
-    }
-    #onDeselected(event) {
-        event.stopPropagation();
-        const itemId = event.getItemId();
-        // We get the same event for both single and multiple deselection.
-        if (itemId) {
-            this._deselectItem(itemId);
-        }
-        else {
-            const target = event.target;
-            this._setSelection(target.selection);
-        }
-    }
-    #onOrdering(event) {
-        const table = event.target;
-        const orderingColumn = table.orderingColumn;
-        const orderingDesc = table.orderingDesc;
-        console.log(`fetch users, order column: ${orderingColumn}, desc: ${orderingDesc}`);
-    }
-    render() {
-        return html `
-			<umb-table
-				.config=${{
-            allowSelection: this._selectable,
-            allowSelectAll: this._multiple,
-            selectOnly: this._selectOnly,
-        }}
-				.columns=${this._tableColumns}
-				.items=${this._tableItems}
-				.selection=${this._selection}
-				@selected="${this.#onSelected}"
-				@deselected="${this.#onDeselected}"
-				@ordered="${this.#onOrdering}"></umb-table>
-		`;
-    }
-    static { this.styles = [
-        UmbTextStyles,
-        css `
-			:host {
-				display: flex;
-				flex-direction: column;
-			}
-		`,
-    ]; }
-};
-__decorate([
-    state()
-], UmbUserTableCollectionViewElement.prototype, "_tableColumns", void 0);
-__decorate([
-    state()
-], UmbUserTableCollectionViewElement.prototype, "_tableItems", void 0);
-__decorate([
-    state()
-], UmbUserTableCollectionViewElement.prototype, "_userGroupItems", void 0);
-__decorate([
-    state()
-], UmbUserTableCollectionViewElement.prototype, "_items", void 0);
-UmbUserTableCollectionViewElement = __decorate([
-    customElement('umb-user-table-collection-view')
-], UmbUserTableCollectionViewElement);
-export { UmbUserTableCollectionViewElement };
-export default UmbUserTableCollectionViewElement;