@umbraco-cms/backoffice 17.4.0-rc3 → 18.0.0-beta1

package/dist-cms/packages/elements/folder/workspace/element-folder-menu-structure.context.js

@@ -0,0 +1,22 @@
+import { UMB_ELEMENT_TREE_REPOSITORY_ALIAS } from '../../tree/constants.js';
+import { UmbMenuTreeStructureWorkspaceContextBase } from '../../../core/menu/index.js';
+import { UMB_WORKSPACE_EDIT_PATH_PATTERN } from '../../../core/workspace/index.js';
+export class UmbElementFolderMenuStructureContext extends UmbMenuTreeStructureWorkspaceContextBase {
+    constructor(host) {
+        super(host, { treeRepositoryAlias: UMB_ELEMENT_TREE_REPOSITORY_ALIAS });
+    }
+    getItemHref(structureItem) {
+        const sectionName = this._sectionContext?.getPathname();
+        if (!sectionName)
+            return undefined;
+        if (!structureItem.unique) {
+            return `section/${sectionName}`;
+        }
+        return UMB_WORKSPACE_EDIT_PATH_PATTERN.generateAbsolute({
+            sectionName,
+            entityType: structureItem.entityType,
+            unique: structureItem.unique,
+        });
+    }
+}
+export default UmbElementFolderMenuStructureContext;

package/dist-cms/packages/elements/folder/workspace/element-folder-workspace.context.d.ts

@@ -0,0 +1,11 @@
+import type { UmbElementFolderRepository } from '../repository/index.js';
+import type { UmbElementFolderModel } from '../types.js';
+import { UmbEntityNamedDetailWorkspaceContextBase } from '../../../core/workspace/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import type { UmbRoutableWorkspaceContext, UmbSubmittableWorkspaceContext } from '../../../core/workspace/index.js';
+export declare class UmbElementFolderWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase<UmbElementFolderModel, UmbElementFolderRepository> implements UmbSubmittableWorkspaceContext, UmbRoutableWorkspaceContext {
+    #private;
+    readonly isTrashed: import("rxjs").Observable<boolean | undefined>;
+    constructor(host: UmbControllerHost);
+}
+export { UmbElementFolderWorkspaceContext as api };

package/dist-cms/packages/elements/folder/workspace/element-folder-workspace.context.js

@@ -0,0 +1,70 @@
+import { UMB_ELEMENT_FOLDER_REPOSITORY_ALIAS } from '../repository/constants.js';
+import { UMB_ELEMENT_FOLDER_ENTITY_TYPE } from '../../entity.js';
+import { UMB_ELEMENT_FOLDER_USER_PERMISSION_CONDITION_ALIAS, UMB_USER_PERMISSION_ELEMENT_FOLDER_UPDATE, } from '../user-permissions/constants.js';
+import { UMB_ELEMENT_FOLDER_WORKSPACE_ALIAS } from './constants.js';
+import { UmbElementFolderWorkspaceEditorElement } from './element-folder-editor.element.js';
+import { createExtensionApiByAlias } from '../../../core/extension-registry/index.js';
+import { UmbEntityNamedDetailWorkspaceContextBase } from '../../../core/workspace/index.js';
+import { UmbIsTrashedEntityContext } from '../../../core/recycle-bin/index.js';
+export class UmbElementFolderWorkspaceContext extends UmbEntityNamedDetailWorkspaceContextBase {
+    #isTrashedContext;
+    constructor(host) {
+        super(host, {
+            workspaceAlias: UMB_ELEMENT_FOLDER_WORKSPACE_ALIAS,
+            entityType: UMB_ELEMENT_FOLDER_ENTITY_TYPE,
+            detailRepositoryAlias: UMB_ELEMENT_FOLDER_REPOSITORY_ALIAS,
+        });
+        this.isTrashed = this._data.createObservablePartOfCurrent((data) => data?.isTrashed);
+        this.#isTrashedContext = new UmbIsTrashedEntityContext(this);
+        this.observe(this.isTrashed, (isTrashed) => this.#onTrashStateChange(isTrashed));
+        this.#setupNameWritePermissions();
+        this.routes.setRoutes([
+            {
+                path: 'edit/:unique',
+                component: UmbElementFolderWorkspaceEditorElement,
+                setup: (component, info) => {
+                    const unique = info.match.params.unique;
+                    this.load(unique);
+                },
+            },
+        ]);
+    }
+    #setupNameWritePermissions() {
+        const guardUnique = 'UMB_ALLOW_FOLDER_RENAME_WITH_PERMISSION';
+        // Default to not permitted until the condition confirms permission.
+        this.nameWriteGuard.fallbackToNotPermitted();
+        createExtensionApiByAlias(this, UMB_ELEMENT_FOLDER_USER_PERMISSION_CONDITION_ALIAS, [
+            {
+                config: {
+                    allOf: [UMB_USER_PERMISSION_ELEMENT_FOLDER_UPDATE],
+                },
+                onChange: (permitted) => {
+                    if (permitted) {
+                        this.nameWriteGuard.addRule({
+                            unique: guardUnique,
+                            permitted: true,
+                        });
+                    }
+                    else {
+                        this.nameWriteGuard.removeRule(guardUnique);
+                    }
+                },
+            },
+        ]);
+    }
+    #onTrashStateChange(isTrashed) {
+        this.#isTrashedContext.setIsTrashed(isTrashed ?? false);
+        const guardUnique = 'UMB_PREVENT_TRASHED_FOLDER_RENAME';
+        if (isTrashed) {
+            this.nameWriteGuard.addRule({
+                unique: guardUnique,
+                permitted: false,
+                message: 'Cannot rename folders in the recycle bin.',
+            });
+        }
+        else {
+            this.nameWriteGuard.removeRule(guardUnique);
+        }
+    }
+}
+export { UmbElementFolderWorkspaceContext as api };

package/dist-cms/packages/elements/folder/workspace/element-folder.workspace.context-token.d.ts

@@ -0,0 +1,4 @@
+import type { UmbElementFolderWorkspaceContext } from './element-folder-workspace.context.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+import type { UmbWorkspaceContext } from '../../../core/workspace/index.js';
+export declare const UMB_ELEMENT_FOLDER_WORKSPACE_CONTEXT: UmbContextToken<UmbWorkspaceContext, UmbElementFolderWorkspaceContext>;

package/dist-cms/packages/elements/folder/workspace/element-folder.workspace.context-token.js

@@ -0,0 +1,3 @@
+import { UMB_ELEMENT_FOLDER_ENTITY_TYPE } from '../../entity.js';
+import { UmbContextToken } from '../../../../libs/context-api/index.js';
+export const UMB_ELEMENT_FOLDER_WORKSPACE_CONTEXT = new UmbContextToken('UmbWorkspaceContext', undefined, (context) => context.getEntityType?.() === UMB_ELEMENT_FOLDER_ENTITY_TYPE);

package/dist-cms/packages/elements/folder/workspace/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist-cms/packages/elements/folder/workspace/manifests.js

@@ -0,0 +1,99 @@
+import { UMB_ELEMENT_FOLDER_ENTITY_TYPE } from '../../entity.js';
+import { UMB_ELEMENT_MENU_ITEM_ALIAS } from '../../menu/constants.js';
+import { UMB_ELEMENT_ROOT_WORKSPACE_ALIAS } from '../../workspace/element-root/constants.js';
+import { UMB_ELEMENT_FOLDER_USER_PERMISSION_CONDITION_ALIAS, UMB_USER_PERMISSION_ELEMENT_FOLDER_UPDATE, } from '../user-permissions/constants.js';
+import { UMB_ELEMENT_COLLECTION_ALIAS } from '../../collection/constants.js';
+import { UMB_ELEMENT_FOLDER_WORKSPACE_ALIAS } from './constants.js';
+import { UMB_WORKSPACE_CONDITION_ALIAS, UmbSubmitWorkspaceAction } from '../../../core/workspace/index.js';
+import { UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS } from '../../../core/recycle-bin/index.js';
+const workspace = {
+    type: 'workspace',
+    kind: 'routable',
+    alias: UMB_ELEMENT_FOLDER_WORKSPACE_ALIAS,
+    name: 'Element Folder Workspace',
+    api: () => import('./element-folder-workspace.context.js'),
+    meta: {
+        entityType: UMB_ELEMENT_FOLDER_ENTITY_TYPE,
+    },
+};
+const workspaceView = {
+    type: 'workspaceView',
+    kind: 'collection',
+    alias: 'Umb.WorkspaceView.Element.Collection',
+    name: 'Element Collection Workspace View',
+    meta: {
+        label: 'Folder',
+        pathname: 'folder',
+        icon: 'icon-folder',
+        collectionAlias: UMB_ELEMENT_COLLECTION_ALIAS,
+    },
+    conditions: [
+        {
+            alias: UMB_WORKSPACE_CONDITION_ALIAS,
+            oneOf: [UMB_ELEMENT_ROOT_WORKSPACE_ALIAS, UMB_ELEMENT_FOLDER_WORKSPACE_ALIAS],
+        },
+        {
+            alias: UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS,
+        },
+    ],
+};
+const workspaceAction = {
+    type: 'workspaceAction',
+    kind: 'default',
+    alias: 'Umb.WorkspaceAction.ElementFolder.Submit',
+    name: 'Submit Element Folder Workspace Action',
+    api: UmbSubmitWorkspaceAction,
+    meta: {
+        label: '#buttons_save',
+        look: 'primary',
+        color: 'positive',
+    },
+    conditions: [
+        {
+            alias: UMB_WORKSPACE_CONDITION_ALIAS,
+            match: UMB_ELEMENT_FOLDER_WORKSPACE_ALIAS,
+        },
+        {
+            alias: UMB_ELEMENT_FOLDER_USER_PERMISSION_CONDITION_ALIAS,
+            allOf: [UMB_USER_PERMISSION_ELEMENT_FOLDER_UPDATE],
+        },
+        {
+            alias: UMB_ENTITY_IS_NOT_TRASHED_CONDITION_ALIAS,
+        },
+    ],
+};
+const menuStructure = {
+    type: 'workspaceContext',
+    kind: 'menuStructure',
+    alias: 'Umb.Context.ElementFolder.Menu.Structure',
+    name: 'Element Folder Menu Structure Workspace Context',
+    api: () => import('./element-folder-menu-structure.context.js'),
+    meta: {
+        menuItemAlias: UMB_ELEMENT_MENU_ITEM_ALIAS,
+    },
+    conditions: [
+        {
+            alias: UMB_WORKSPACE_CONDITION_ALIAS,
+            match: UMB_ELEMENT_FOLDER_WORKSPACE_ALIAS,
+        },
+    ],
+};
+const workspaceFooterApp = {
+    type: 'workspaceFooterApp',
+    kind: 'menuBreadcrumb',
+    alias: 'Umb.WorkspaceFooterApp.ElementFolder.Breadcrumb',
+    name: 'Element Folder Breadcrumb Workspace Footer App',
+    conditions: [
+        {
+            alias: UMB_WORKSPACE_CONDITION_ALIAS,
+            match: UMB_ELEMENT_FOLDER_WORKSPACE_ALIAS,
+        },
+    ],
+};
+export const manifests = [
+    workspace,
+    workspaceView,
+    workspaceAction,
+    menuStructure,
+    workspaceFooterApp,
+];

package/dist-cms/packages/elements/folder/workspace/paths.d.ts

@@ -0,0 +1,7 @@
+import { UmbPathPattern } from '../../../core/router/index.js';
+export declare const UMB_ELEMENT_FOLDER_WORKSPACE_PATH: string;
+export declare const UMB_EDIT_ELEMENT_FOLDER_WORKSPACE_PATH_PATTERN: UmbPathPattern<{
+    unique: string;
+}, {
+    unique: string;
+}>;

package/dist-cms/packages/elements/folder/workspace/paths.js

@@ -0,0 +1,9 @@
+import { UMB_ELEMENT_FOLDER_ENTITY_TYPE } from '../../entity.js';
+import { UmbPathPattern } from '../../../core/router/index.js';
+import { UMB_LIBRARY_SECTION_PATHNAME } from '../../../library/index.js';
+import { UMB_WORKSPACE_PATH_PATTERN } from '../../../core/workspace/index.js';
+export const UMB_ELEMENT_FOLDER_WORKSPACE_PATH = UMB_WORKSPACE_PATH_PATTERN.generateAbsolute({
+    sectionName: UMB_LIBRARY_SECTION_PATHNAME,
+    entityType: UMB_ELEMENT_FOLDER_ENTITY_TYPE,
+});
+export const UMB_EDIT_ELEMENT_FOLDER_WORKSPACE_PATH_PATTERN = new UmbPathPattern('edit/:unique', UMB_ELEMENT_FOLDER_WORKSPACE_PATH);

package/dist-cms/packages/elements/global-components/index.d.ts

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

package/dist-cms/packages/elements/global-components/index.js

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

package/dist-cms/packages/elements/global-components/input-element.element.d.ts

@@ -0,0 +1,25 @@
+import { UmbLitElement } from '../../core/lit-element/index.js';
+import type { UmbTreeStartNode } from '../../core/tree/index.js';
+declare const UmbInputElementElement_base: import("../../../libs/extension-api/index.js").HTMLElementConstructor<import("../../core/validation/index.js").UmbFormControlMixinElement<string | undefined>> & typeof UmbLitElement;
+export declare class UmbInputElementElement extends UmbInputElementElement_base {
+    #private;
+    folderOnly: boolean;
+    min: number;
+    minMessage?: string;
+    max: number;
+    maxMessage?: string;
+    set selection(ids: Array<string>);
+    get selection(): Array<string>;
+    startNode?: UmbTreeStartNode;
+    set value(selectionString: string | undefined);
+    get value(): string | undefined;
+    readonly: boolean;
+    firstUpdated(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-input-element': UmbInputElementElement;
+    }
+}
+export {};

package/dist-cms/packages/elements/global-components/input-element.element.js

@@ -0,0 +1,98 @@
+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 { UmbElementTreePickerDataSource } from '../picker-data-source/element-tree.picker-data-source.js';
+import { html, customElement, property, ifDefined } from '../../../external/lit/index.js';
+import { splitStringToArray } from '../../core/utils/index.js';
+import { UmbChangeEvent } from '../../core/event/index.js';
+import { UmbFormControlMixin } from '../../core/validation/index.js';
+import { UmbLitElement } from '../../core/lit-element/index.js';
+let UmbInputElementElement = class UmbInputElementElement extends UmbFormControlMixin(UmbLitElement, undefined) {
+    constructor() {
+        super(...arguments);
+        this.#dataSourceApi = new UmbElementTreePickerDataSource(this);
+        this.folderOnly = false;
+        this.min = 0;
+        this.max = Infinity;
+        this.#selection = [];
+        this.readonly = false;
+    }
+    #dataSourceApi;
+    #selection;
+    set selection(ids) {
+        this.#selection = ids;
+        super.value = ids.length > 0 ? ids.join(',') : undefined;
+    }
+    get selection() {
+        return this.#selection;
+    }
+    set value(selectionString) {
+        this.#selection = splitStringToArray(selectionString);
+        super.value = selectionString; // Call the parent setter to ensure the value change is triggered in the FormControlMixin.
+    }
+    get value() {
+        return this.#selection.length > 0 ? this.#selection.join(',') : undefined;
+    }
+    firstUpdated() {
+        this.addFormControlElement(this.shadowRoot.querySelector('umb-input-entity-data'));
+    }
+    #onChange(event) {
+        this.#selection = event.target.selection;
+        this.value = event.target.value;
+        this.dispatchEvent(new UmbChangeEvent());
+    }
+    render() {
+        const dataSourceConfig = [
+            { alias: 'folderOnly', value: this.folderOnly },
+            { alias: 'startNode', value: this.startNode },
+        ];
+        return html `
+			<umb-input-entity-data
+				min-message=${ifDefined(this.minMessage)}
+				max-message=${ifDefined(this.maxMessage)}
+				.dataSourceConfig=${dataSourceConfig}
+				.dataSourceApi=${this.#dataSourceApi}
+				.value=${this.value}
+				.selection=${this.selection}
+				.min=${this.min}
+				.max=${this.max}
+				?readonly=${this.readonly}
+				@change=${this.#onChange}>
+			</umb-input-entity-data>
+		`;
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], UmbInputElementElement.prototype, "folderOnly", void 0);
+__decorate([
+    property({ type: Number })
+], UmbInputElementElement.prototype, "min", void 0);
+__decorate([
+    property({ type: String, attribute: 'min-message' })
+], UmbInputElementElement.prototype, "minMessage", void 0);
+__decorate([
+    property({ type: Number })
+], UmbInputElementElement.prototype, "max", void 0);
+__decorate([
+    property({ type: String, attribute: 'max-message' })
+], UmbInputElementElement.prototype, "maxMessage", void 0);
+__decorate([
+    property({ type: Array })
+], UmbInputElementElement.prototype, "selection", null);
+__decorate([
+    property({ type: Object, attribute: false })
+], UmbInputElementElement.prototype, "startNode", void 0);
+__decorate([
+    property({ type: String })
+], UmbInputElementElement.prototype, "value", null);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], UmbInputElementElement.prototype, "readonly", void 0);
+UmbInputElementElement = __decorate([
+    customElement('umb-input-element')
+], UmbInputElementElement);
+export { UmbInputElementElement };

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

@@ -0,0 +1,19 @@
+export * from './audit-log/index.js';
+export * from './collection/index.js';
+export * from './constants.js';
+export * from './entity-actions/index.js';
+export * from './entity.js';
+export * from './folder/index.js';
+export * from './global-components/index.js';
+export * from './item/index.js';
+export * from './menu/index.js';
+export * from './modals/index.js';
+export * from './paths.js';
+export * from './picker-data-source/index.js';
+export * from './publishing/index.js';
+export * from './recycle-bin/index.js';
+export * from './reference/index.js';
+export * from './repository/index.js';
+export * from './rollback/index.js';
+export * from './variant-state.js';
+export type * from './types.js';

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

@@ -0,0 +1,18 @@
+export * from './audit-log/index.js';
+export * from './collection/index.js';
+export * from './constants.js';
+export * from './entity-actions/index.js';
+export * from './entity.js';
+export * from './folder/index.js';
+export * from './global-components/index.js';
+export * from './item/index.js';
+export * from './menu/index.js';
+export * from './modals/index.js';
+export * from './paths.js';
+export * from './picker-data-source/index.js';
+export * from './publishing/index.js';
+export * from './recycle-bin/index.js';
+export * from './reference/index.js';
+export * from './repository/index.js';
+export * from './rollback/index.js';
+export * from './variant-state.js';

package/dist-cms/packages/elements/item/constants.d.ts

@@ -0,0 +1 @@
+export * from './repository/constants.js';

package/dist-cms/packages/elements/item/constants.js

@@ -0,0 +1 @@
+export * from './repository/constants.js';

package/dist-cms/packages/elements/item/data-resolver/element-item-data-resolver.d.ts

@@ -0,0 +1,105 @@
+import type { UmbElementEntityType, UmbElementFolderEntityType } from '../../entity.js';
+import { UmbElementVariantState } from '../../variant-state.js';
+import type { UmbElementItemModel } from '../types.js';
+import { UmbControllerBase } from '../../../../libs/class-api/index.js';
+import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
+import type { UmbEntityFlag } from '../../../core/entity-flag/index.js';
+import { type Observable } from '../../../../libs/observable-api/index.js';
+import type { UmbItemDataResolver } from '../../../core/entity-item/index.js';
+type UmbElementItemDataResolverModel = Omit<UmbElementItemModel, 'parent' | 'hasChildren' | 'entityType'> & {
+    entityType: UmbElementEntityType | UmbElementFolderEntityType;
+};
+/**
+ * A controller for resolving data for a element item
+ * @exports
+ * @class UmbElementItemDataResolver
+ * @augments {UmbControllerBase}
+ */
+export declare class UmbElementItemDataResolver<ElementItemModel extends UmbElementItemDataResolverModel> extends UmbControllerBase implements UmbItemDataResolver {
+    #private;
+    readonly entityType: Observable<"element" | "element-folder" | undefined>;
+    readonly unique: Observable<string | undefined>;
+    readonly icon: Observable<string | undefined>;
+    readonly typeUnique: Observable<string | undefined>;
+    readonly isTrashed: Observable<boolean | undefined>;
+    readonly name: Observable<string | undefined>;
+    readonly state: Observable<UmbElementVariantState | null | undefined>;
+    readonly isDraft: Observable<boolean | undefined>;
+    readonly createDate: Observable<Date | undefined>;
+    readonly updateDate: Observable<Date | undefined>;
+    readonly flags: Observable<UmbEntityFlag[]>;
+    constructor(host: UmbControllerHost);
+    /**
+     * Get the display culture or fallback culture
+     * @returns {string | null | undefined} The display culture or fallback culture
+     * @memberof UmbElementItemDataResolver
+     */
+    getCulture(): string | null | undefined;
+    /**
+     * Get the current item
+     * @returns {ElementItemModel | undefined} The current item
+     * @memberof UmbElementItemDataResolver
+     */
+    getData(): ElementItemModel | undefined;
+    /**
+     * Set the current item
+     * @param {ElementItemModel | undefined} data The current item
+     * @memberof UmbElementItemDataResolver
+     */
+    setData(data: ElementItemModel | undefined): void;
+    /**
+     * Get the entity type of the item
+     * @returns {Promise<string | undefined>} The entity type of the item
+     * @memberof UmbElementItemDataResolver
+     */
+    getEntityType(): Promise<string | undefined>;
+    /**
+     * Get the unique of the item
+     * @returns {Promise<string | undefined>} The unique of the item
+     * @memberof UmbElementItemDataResolver
+     */
+    getUnique(): Promise<string | undefined>;
+    /**
+     * Get the name of the item
+     * @returns {Promise<string>} The name of the item
+     * @memberof UmbElementItemDataResolver
+     */
+    getName(): Promise<string>;
+    /**
+     * Get the icon of the item
+     * @returns {Promise<string | undefined>} The icon of the item
+     * @memberof UmbElementItemDataResolver
+     */
+    getIcon(): Promise<string | undefined>;
+    /**
+     * Get the state of the item
+     * @returns {Promise<string | undefined>} The state of the item
+     * @memberof UmbElementItemDataResolver
+     */
+    getState(): Promise<UmbElementVariantState | null | undefined>;
+    /**
+     * Get the isDraft of the item
+     * @returns {Promise<boolean>} The isDraft of the item
+     * @memberof UmbElementItemDataResolver
+     */
+    getIsDraft(): Promise<boolean>;
+    /**
+     * Get the isTrashed of the item
+     * @returns {Promise<boolean | undefined>} The isTrashed of the item
+     * @memberof UmbElementItemDataResolver
+     */
+    getIsTrashed(): Promise<boolean>;
+    /**
+     * Get the create date of the item
+     * @returns {Promise<Date>} The create date of the item
+     * @memberof UmbElementItemDataResolver
+     */
+    getCreateDate(): Promise<Date>;
+    /**
+     * Get the update date of the item
+     * @returns {Promise<Date>} The update date of the item
+     * @memberof UmbElementItemDataResolver
+     */
+    getUpdateDate(): Promise<Date>;
+}
+export {};