@umbraco-cms/backoffice 17.1.0 → 17.2.0-rc2

package/dist-cms/packages/documents/documents/workspace/document-workspace-split-view-variant-selector.element.d.ts

@@ -1,8 +1,9 @@
 import type { UmbDocumentVariantOptionModel } from '../types.js';
+import { sortVariants } from '../utils.js';
 import { UmbWorkspaceSplitViewVariantSelectorElement } from '../../../core/workspace/index.js';
 export declare class UmbDocumentWorkspaceSplitViewVariantSelectorElement extends UmbWorkspaceSplitViewVariantSelectorElement<UmbDocumentVariantOptionModel> {
     #private;
-    protected _variantSorter: (a: UmbDocumentVariantOptionModel, b: UmbDocumentVariantOptionModel) => number;
+    protected _variantSorter: typeof sortVariants;
     private _variantsWithPendingChanges;
     constructor();
     protected _renderVariantDetails(variantOption: UmbDocumentVariantOptionModel): import("lit-html").TemplateResult<1>;

package/dist-cms/packages/documents/documents/workspace/document-workspace.context.js

@@ -6,7 +6,6 @@ import { UmbDocumentValidationRepository } from '../repository/validation/index.
 import { UMB_DOCUMENT_CONFIGURATION_CONTEXT } from '../index.js';
 import { UMB_DOCUMENT_DETAIL_MODEL_VARIANT_SCAFFOLD, UMB_DOCUMENT_WORKSPACE_ALIAS } from './constants.js';
 import { createExtensionApiByAlias } from '../../../core/extension-registry/index.js';
-import { observeMultiple } from '../../../../libs/observable-api/index.js';
 import { umbPeekError } from '../../../core/notification/index.js';
 import { UmbContentDetailWorkspaceContextBase } from '../../../content/content/index.js';
 import { UmbDeprecation } from '../../../core/utils/index.js';
@@ -61,7 +60,6 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
         this.consumeContext(UMB_DOCUMENT_CONFIGURATION_CONTEXT, async (context) => {
             const config = await context?.getDocumentConfiguration();
             const allowSegmentCreation = config?.allowNonExistingSegmentsCreation ?? false;
-            const allowEditInvariantFromNonDefault = config?.allowEditInvariantFromNonDefault ?? true;
             // Deprecation warning for allowNonExistingSegmentsCreation (default from server is true, so we warn on false)
             if (!allowSegmentCreation) {
                 new UmbDeprecation({
@@ -78,9 +76,6 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
                 }
                 return true;
             };
-            if (allowEditInvariantFromNonDefault === false) {
-                this.#preventEditInvariantFromNonDefault();
-            }
         });
         this.consumeContext(UMB_ACTION_EVENT_CONTEXT, (actionEventContext) => {
             this.#removeEventListeners();
@@ -301,30 +296,6 @@ export class UmbDocumentWorkspaceContext extends UmbContentDetailWorkspaceContex
             permitted: true,
         });
     }
-    #preventEditInvariantFromNonDefault() {
-        this.observe(observeMultiple([this.structure.contentTypeProperties, this.variantOptions]), ([properties, variantOptions]) => {
-            if (properties.length === 0)
-                return;
-            if (variantOptions.length === 0)
-                return;
-            variantOptions.forEach((variantOption) => {
-                // Do not add a rule for the default language. It is always permitted to edit.
-                if (variantOption.language.isDefault)
-                    return;
-                const datasetVariantId = UmbVariantId.CreateFromPartial(variantOption);
-                const invariantVariantId = UmbVariantId.CreateInvariant();
-                const unique = `UMB_PREVENT_EDIT_INVARIANT_FROM_NON_DEFAULT_DATASET=${datasetVariantId.toString()}_PROPERTY_${invariantVariantId.toString()}`;
-                const rule = {
-                    unique,
-                    message: 'Shared properties can only be edited in the default language',
-                    variantId: invariantVariantId,
-                    datasetVariantId,
-                    permitted: false,
-                };
-                this.propertyWriteGuard.addRule(rule);
-            });
-        });
-    }
     #addEventListeners() {
         this.#actionEventContext?.addEventListener(UmbEntityTrashedEvent.TYPE, this.#onRecycleBinEvent);
         this.#actionEventContext?.addEventListener(UmbEntityRestoredFromRecycleBinEvent.TYPE, this.#onRecycleBinEvent);

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

@@ -14,6 +14,7 @@ let UmbExtensionTableCollectionViewElement = class UmbExtensionTableCollectionVi
         super();
         this._tableConfig = {
             allowSelection: false,
+            hideIcon: true,
         };
         this._tableColumns = [
             {

package/dist-cms/packages/language/conditions/language-user-permission/manifests.js

@@ -1,7 +1,8 @@
 import { UMB_LANGUAGE_USER_PERMISSION_CONDITION_ALIAS } from './constants.js';
+import { UmbLanguageUserPermissionCondition } from './language-user-permission.condition.js';
 export const manifest = {
     type: 'condition',
     name: 'Language User Permission Condition',
     alias: UMB_LANGUAGE_USER_PERMISSION_CONDITION_ALIAS,
-    api: () => import('./language-user-permission.condition.js'),
+    api: UmbLanguageUserPermissionCondition,
 };

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

@@ -9,6 +9,7 @@ import { manifests as menuManifests } from './menu/manifests.js';
 import { manifests as modalManifests } from './modals/manifests.js';
 import { manifests as repositoryManifests } from './repository/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
+import * as entryPointModule from './entry-point.js';
 import { UMB_WORKSPACE_CONDITION_ALIAS } from '../core/workspace/index.js';
 export const manifests = [
     ...appLanguageSelect,
@@ -38,6 +39,6 @@ export const manifests = [
         name: 'Language Backoffice Entry Point',
         alias: 'Umb.EntryPoint.Language',
         type: 'backofficeEntryPoint',
-        js: () => import('./entry-point.js'),
+        js: entryPointModule,
     },
 ];

package/dist-cms/packages/language/repository/detail/manifests.js

@@ -1,4 +1,5 @@
 import { UMB_LANGUAGE_DETAIL_REPOSITORY_ALIAS, UMB_LANGUAGE_DETAIL_STORE_ALIAS } from './constants.js';
+import { UmbLanguageDetailStore } from './language-detail.store.js';
 export const manifests = [
     {
         type: 'repository',
@@ -10,6 +11,6 @@ export const manifests = [
         type: 'store',
         alias: UMB_LANGUAGE_DETAIL_STORE_ALIAS,
         name: 'Language Detail Store',
-        api: () => import('./language-detail.store.js'),
+        api: UmbLanguageDetailStore,
     },
 ];

package/dist-cms/packages/language/repository/item/manifests.js

@@ -1,4 +1,5 @@
 import { UMB_LANGUAGE_ITEM_REPOSITORY_ALIAS, UMB_LANGUAGE_STORE_ALIAS } from './constants.js';
+import { UmbLanguageItemStore } from './language-item.store.js';
 export const manifests = [
     {
         type: 'repository',
@@ -10,6 +11,6 @@ export const manifests = [
         type: 'itemStore',
         alias: UMB_LANGUAGE_STORE_ALIAS,
         name: 'Language Item Store',
-        api: () => import('./language-item.store.js'),
+        api: UmbLanguageItemStore,
     },
 ];

package/dist-cms/packages/log-viewer/workspace/logviewer-workspace.context.js

@@ -242,22 +242,36 @@ export class UmbLogViewerWorkspaceContext extends UmbContextBase {
     setLogLevelsFilter(logLevels) {
         this.#logLevelsFilter.setValue(logLevels);
     }
+    #startPolling(interval) {
+        this.stopPolling();
+        this.#intervalID = setInterval(() => {
+            this.currentPage = 1;
+            this.getLogs();
+        }, interval);
+    }
     togglePolling() {
         const isEnabled = !this.#polling.getValue().enabled;
         this.#polling.update({
             enabled: isEnabled,
         });
         if (isEnabled) {
-            this.#intervalID = setInterval(() => {
-                this.currentPage = 1;
-                this.getLogs();
-            }, this.#polling.getValue().interval);
+            this.#startPolling(this.#polling.getValue().interval);
             return;
         }
         this.stopPolling();
     }
     setPollingInterval(interval) {
+        const wasEnabled = this.#polling.getValue().enabled;
         this.#polling.update({ interval });
+        // If polling was already enabled, restart it with the new interval
+        // If polling was disabled, enable it and start it with the new interval
+        if (wasEnabled) {
+            this.#startPolling(interval);
+        }
+        else {
+            this.#polling.update({ enabled: true });
+            this.#startPolling(interval);
+        }
     }
     toggleSortOrder() {
         const direction = this.#sortingDirection.getValue();

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-log-level-filter-menu.element.d.ts

@@ -5,7 +5,7 @@ export declare class UmbLogViewerLogLevelFilterMenuElement extends UmbLitElement
     private _logLevelFilter;
     private set _logViewerContext(value);
     private get _logViewerContext();
-    setLogLevelDebounce: (this: any, ...args: any[]) => void;
+    setLogLevelDebounce: import("../../../../../core/utils/index.js").UmbDebouncedFunction<() => void>;
     render(): import("lit-html").TemplateResult<1>;
     static styles: import("lit").CSSResult[];
 }

package/dist-cms/packages/log-viewer/workspace/views/search/components/log-viewer-polling-button.element.js

@@ -40,7 +40,6 @@ let UmbLogViewerPollingButtonElement = class UmbLogViewerPollingButtonElement ex
         if (this._dropdownElement) {
             this._dropdownElement.open = false;
         }
-        this.#togglePolling();
     }
     #getPollingLabel() {
         const seconds = this._poolingConfig.interval / 1000;

package/dist-cms/packages/media/dropzone/dropzone-change.event.js

@@ -1,3 +1,4 @@
+// TODO: Should be changed into a custom 'type' as it is different from the native 'change' event. [NL]
 export class UmbDropzoneChangeEvent extends Event {
     static { this.TYPE = 'change'; }
     constructor(items, args) {

package/dist-cms/packages/media/dropzone/dropzone-submitted.event.d.ts

@@ -7,3 +7,8 @@ export declare class UmbDropzoneSubmittedEvent extends Event {
     items: UmbUploadableItem[];
     constructor(items: Array<UmbUploadableItem>, args?: EventInit);
 }
+declare global {
+    interface GlobalEventHandlersEventMap {
+        [UmbDropzoneSubmittedEvent.TYPE]: UmbDropzoneSubmittedEvent;
+    }
+}

package/dist-cms/packages/media/imaging/components/imaging-thumbnail.element.js

@@ -133,7 +133,8 @@ let UmbImagingThumbnailElement = class UmbImagingThumbnailElement extends UmbLit
 				display: block;
 				width: 100%;
 				height: 100%;
-				object-fit: cover;
+				object-fit: contain;
+				object-position: center;
 
 				background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill-opacity=".1"><path d="M50 0h50v50H50zM0 50h50v50H0z"/></svg>');
 				background-size: 10px 10px;

package/dist-cms/packages/media/imaging/manifests.js

@@ -1,4 +1,5 @@
 import { UMB_IMAGING_REPOSITORY_ALIAS, UMB_IMAGING_STORE_ALIAS } from './constants.js';
+import { UmbImagingStore } from './imaging.store.js';
 export const manifests = [
     {
         type: 'repository',
@@ -10,6 +11,6 @@ export const manifests = [
         type: 'store',
         alias: UMB_IMAGING_STORE_ALIAS,
         name: 'Imaging Store',
-        api: () => import('./imaging.store.js'),
+        api: UmbImagingStore,
     },
 ];

package/dist-cms/packages/media/media/components/input-image-cropper/crop-change.event.d.ts

@@ -2,3 +2,8 @@ export declare class UmbImageCropChangeEvent extends Event {
     static readonly TYPE = "imagecrop-change";
     constructor(args?: EventInit);
 }
+declare global {
+    interface GlobalEventHandlersEventMap {
+        [UmbImageCropChangeEvent.TYPE]: UmbImageCropChangeEvent;
+    }
+}

package/dist-cms/packages/media/media/components/input-image-cropper/focalpoint-change.event.d.ts

@@ -4,3 +4,8 @@ export declare class UmbFocalPointChangeEvent extends Event {
     focalPoint: UmbFocalPointModel;
     constructor(focalPoint: UmbFocalPointModel, args?: EventInit);
 }
+declare global {
+    interface GlobalEventHandlersEventMap {
+        [UmbFocalPointChangeEvent.TYPE]: UmbFocalPointChangeEvent;
+    }
+}

package/dist-cms/packages/media/media/components/input-image-cropper/image-cropper-focus-setter.element.js

@@ -5,6 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { UmbFocalPointChangeEvent } from './focalpoint-change.event.js';
+import { isCentered } from './utils.js';
 import { drag } from '../../../../../external/uui/index.js';
 import { clamp } from '../../../../core/utils/index.js';
 import { css, customElement, classMap, ifDefined, html, nothing, state, property, query, } from '../../../../../external/lit/index.js';
@@ -83,7 +84,7 @@ let UmbImageCropperFocusSetterElement = class UmbImageCropperFocusSetterElement
     #isCentered(focalPoint) {
         if (!this.focalPoint)
             return;
-        return focalPoint.left === 0.5 && focalPoint.top === 0.5;
+        return isCentered(focalPoint);
     }
     #resetCoords() {
         if (!this.imageElement)

package/dist-cms/packages/media/media/components/input-image-cropper/utils.d.ts

@@ -0,0 +1,6 @@
+import type { UmbFocalPointModel } from '../../types.js';
+/**
+ * @description Helper function to check if the focal point is centered.
+ * @param focalPoint UmbFocalPointModel
+ */
+export declare function isCentered(focalPoint: UmbFocalPointModel): boolean;

package/dist-cms/packages/media/media/components/input-image-cropper/utils.js

@@ -0,0 +1,7 @@
+/**
+ * @description Helper function to check if the focal point is centered.
+ * @param focalPoint UmbFocalPointModel
+ */
+export function isCentered(focalPoint) {
+    return focalPoint.left === 0.5 && focalPoint.top === 0.5;
+}

package/dist-cms/packages/media/media/components/input-media/input-media.context.js

@@ -1,6 +1,7 @@
 import { UMB_MEDIA_ITEM_REPOSITORY_ALIAS } from '../../constants.js';
 import { UMB_MEDIA_PICKER_MODAL } from '../../modals/index.js';
 import { UMB_MEDIA_SEARCH_PROVIDER_ALIAS } from '../../search/constants.js';
+import { isMediaTreeItem } from '../../tree/utils.js';
 import { UmbPickerInputContext } from '../../../../core/picker-input/index.js';
 import { UMB_VARIANT_CONTEXT } from '../../../../core/variant/index.js';
 export class UmbMediaPickerInputContext extends UmbPickerInputContext {
@@ -32,6 +33,10 @@ export class UmbMediaPickerInputContext extends UmbPickerInputContext {
         await super.openPicker(combinedPickerData);
     }
     #pickableFilter = (item, allowedContentTypes) => {
+        // Check if the user has no access to this item (tree items only)
+        if (isMediaTreeItem(item) && item.noAccess) {
+            return false;
+        }
         if (allowedContentTypes && allowedContentTypes.length > 0) {
             return allowedContentTypes
                 .map((contentTypeReference) => contentTypeReference.unique)

package/dist-cms/packages/media/media/components/input-rich-media/input-rich-media.element.js

@@ -275,6 +275,7 @@ let UmbInputRichMediaElement = class UmbInputRichMediaElement extends UmbFormCon
         return html `<umb-dropzone-media
 			id="dropzone"
 			?multiple=${this.multiple}
+			.parentUnique=${this.startNode?.unique ?? null}
 			@change=${this.#onUploadCompleted}></umb-dropzone-media>`;
     }
     #renderItems() {

package/dist-cms/packages/media/media/dropzone/dropzone-media.element.js

@@ -25,17 +25,53 @@ let UmbDropzoneMediaElement = class UmbDropzoneMediaElement extends UmbInputDrop
         return this._progressItems;
     }
     #dragCounter;
+    // Event handlers as arrow functions to maintain consistent references
+    #handleDragEnter;
+    #handleDragOver;
+    #handleDragLeave;
+    #handleDrop;
     constructor() {
         super();
         this.parentUnique = null;
         this.#dragCounter = 0;
+        // Event handlers as arrow functions to maintain consistent references
+        this.#handleDragEnter = (e) => {
+            if (this.disabled)
+                return;
+            // Normalize types for Safari
+            const types = Array.from(e.dataTransfer?.types || []).map((t) => t.toLowerCase());
+            if (!types.includes('files'))
+                return;
+            this.#dragCounter++;
+            this.toggleAttribute('dragging', true);
+            e.preventDefault();
+        };
+        this.#handleDragOver = (e) => {
+            e.preventDefault();
+        };
+        this.#handleDragLeave = () => {
+            if (this.disabled)
+                return;
+            this.#dragCounter--;
+            if (this.#dragCounter <= 0) {
+                this.toggleAttribute('dragging', false);
+                this.#dragCounter = 0;
+            }
+        };
+        this.#handleDrop = (event) => {
+            event.preventDefault();
+            if (this.disabled)
+                return;
+            this.#dragCounter = 0;
+            this.toggleAttribute('dragging', false);
+        };
         this._manager = new UmbMediaDropzoneManager(this);
         this.progressItems = () => this._manager.progressItems;
         this.progress = () => this._manager.progress;
-        document.addEventListener('dragenter', this.#handleDragEnter.bind(this));
-        document.addEventListener('dragleave', this.#handleDragLeave.bind(this));
-        document.addEventListener('dragover', this.#handleDragOver.bind(this));
-        document.addEventListener('drop', this.#handleDrop.bind(this));
+        document.addEventListener('dragenter', this.#handleDragEnter);
+        document.addEventListener('dragleave', this.#handleDragLeave);
+        document.addEventListener('dragover', this.#handleDragOver);
+        document.addEventListener('drop', this.#handleDrop);
         // TODO: Revisit this. I am not sure why it is needed to call these methods here when they are already called in the constructor of the parent class.
         // If we do not call them here, the observer will use the wrong instance of the dropzone manager (UmbDropZoneManager instead of UmbMediaDropzoneManager).
         this._observeProgress();
@@ -52,10 +88,10 @@ let UmbDropzoneMediaElement = class UmbDropzoneMediaElement extends UmbInputDrop
     }
     disconnectedCallback() {
         super.disconnectedCallback();
-        document.removeEventListener('dragenter', this.#handleDragEnter.bind(this));
-        document.removeEventListener('dragleave', this.#handleDragLeave.bind(this));
-        document.removeEventListener('dragover', this.#handleDragOver.bind(this));
-        document.removeEventListener('drop', this.#handleDrop.bind(this));
+        document.removeEventListener('dragenter', this.#handleDragEnter);
+        document.removeEventListener('dragleave', this.#handleDragLeave);
+        document.removeEventListener('dragover', this.#handleDragOver);
+        document.removeEventListener('drop', this.#handleDrop);
     }
     async onUpload(event) {
         if (this.disabled)
@@ -65,36 +101,6 @@ let UmbDropzoneMediaElement = class UmbDropzoneMediaElement extends UmbInputDrop
         const uploadable = this._manager.createMediaItems(event.detail, this.parentUnique);
         this.dispatchEvent(new UmbDropzoneSubmittedEvent(uploadable));
     }
-    #handleDragEnter(e) {
-        if (this.disabled)
-            return;
-        // Normalize types for Safari
-        const types = Array.from(e.dataTransfer?.types || []).map((t) => t.toLowerCase());
-        if (!types.includes('files'))
-            return;
-        this.#dragCounter++;
-        this.toggleAttribute('dragging', true);
-        e.preventDefault();
-    }
-    #handleDragOver(e) {
-        e.preventDefault();
-    }
-    #handleDragLeave() {
-        if (this.disabled)
-            return;
-        this.#dragCounter--;
-        if (this.#dragCounter <= 0) {
-            this.toggleAttribute('dragging', false);
-            this.#dragCounter = 0;
-        }
-    }
-    #handleDrop(event) {
-        event.preventDefault();
-        if (this.disabled)
-            return;
-        this.#dragCounter = 0;
-        this.toggleAttribute('dragging', false);
-    }
     static { this.styles = [
         ...UmbInputDropzoneElement.styles,
         css `

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

@@ -2,7 +2,7 @@ export * from './audit-log/index.js';
 export * from './components/index.js';
 export * from './constants.js';
 export * from './dropzone/index.js';
-export { UMB_IMAGE_CROPPER_EDITOR_MODAL, UMB_MEDIA_PICKER_MODAL } from './modals/index.js';
+export * from './modals/index.js';
 export * from './recycle-bin/index.js';
 export * from './reference/index.js';
 export * from './repository/index.js';

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

@@ -2,7 +2,7 @@ export * from './audit-log/index.js';
 export * from './components/index.js';
 export * from './constants.js';
 export * from './dropzone/index.js';
-export { UMB_IMAGE_CROPPER_EDITOR_MODAL, UMB_MEDIA_PICKER_MODAL } from './modals/index.js';
+export * from './modals/index.js';
 export * from './recycle-bin/index.js';
 export * from './reference/index.js';
 export * from './repository/index.js';

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

@@ -15,6 +15,7 @@ import { manifests as sectionViewManifests } from './dashboard/manifests.js';
 import { manifests as treeManifests } from './tree/manifests.js';
 import { manifests as urlManifests } from './url/manifests.js';
 import { manifests as workspaceManifests } from './workspace/manifests.js';
+import * as entryPointModule from './entry-point.js';
 export const manifests = [
     ...auditLogManifests,
     ...collectionManifests,
@@ -37,6 +38,6 @@ export const manifests = [
         name: 'Media Backoffice Entry Point',
         alias: 'Umb.EntryPoint.Media',
         type: 'backofficeEntryPoint',
-        js: () => import('./entry-point.js'),
+        js: entryPointModule,
     },
 ];

package/dist-cms/packages/media/media/modals/image-cropper-editor/image-cropper-editor-modal.element.d.ts

@@ -1,5 +1,6 @@
 import type { UmbImageCropperEditorModalData, UmbImageCropperEditorModalValue } from './image-cropper-editor-modal.token.js';
 import { UmbModalBaseElement } from '../../../../core/modal/index.js';
+import './components/index.js';
 import '../../components/input-upload-field/file-upload-preview.element.js';
 export declare class UmbImageCropperEditorModalElement extends UmbModalBaseElement<UmbImageCropperEditorModalData<any>, UmbImageCropperEditorModalValue> {
     #private;

package/dist-cms/packages/media/media/modals/image-cropper-editor/image-cropper-editor-modal.element.js

@@ -12,6 +12,7 @@ import { UmbTemporaryFileConfigRepository } from '../../../../core/temporary-fil
 import { UmbTextStyles } from '../../../../core/style/index.js';
 import { UMB_MODAL_MANAGER_CONTEXT, UmbModalBaseElement } from '../../../../core/modal/index.js';
 import { UMB_WORKSPACE_MODAL } from '../../../../core/workspace/index.js';
+import './components/index.js';
 import '../../components/input-upload-field/file-upload-preview.element.js';
 let UmbImageCropperEditorModalElement = class UmbImageCropperEditorModalElement extends UmbModalBaseElement {
     #urlRepository;

package/dist-cms/packages/media/media/modals/image-cropper-editor/index.d.ts

@@ -1,3 +1 @@
-export * from './components/index.js';
-export * from './image-cropper-editor-modal.element.js';
 export * from './image-cropper-editor-modal.token.js';

package/dist-cms/packages/media/media/modals/image-cropper-editor/index.js

@@ -1,3 +1 @@
-export * from './components/index.js';
-export * from './image-cropper-editor-modal.element.js';
 export * from './image-cropper-editor-modal.token.js';

package/dist-cms/packages/media/media/modals/media-caption-alt-text/index.d.ts

@@ -1 +1 @@
-export * from './media-caption-alt-text-modal.element.js';
+export * from './media-caption-alt-text-modal.token.js';

package/dist-cms/packages/media/media/modals/media-caption-alt-text/index.js

@@ -1 +1 @@
-export * from './media-caption-alt-text-modal.element.js';
+export * from './media-caption-alt-text-modal.token.js';

package/dist-cms/packages/media/media/modals/media-picker/index.d.ts

@@ -1,4 +1,2 @@
-export * from './components/index.js';
-export * from './media-picker-modal.element.js';
 export * from './media-picker-modal.token.js';
 export type * from './types.js';

package/dist-cms/packages/media/media/modals/media-picker/index.js

@@ -1,3 +1 @@
-export * from './components/index.js';
-export * from './media-picker-modal.element.js';
 export * from './media-picker-modal.token.js';

package/dist-cms/packages/media/media/modals/media-picker/media-picker-modal.element.d.ts

@@ -3,6 +3,7 @@ import type { UmbMediaPickerModalData, UmbMediaPickerModalValue } from './media-
 import { UmbPickerModalBaseElement } from '../../../../core/picker/index.js';
 import type { PropertyValues } from '../../../../../external/lit/index.js';
 import type { UmbPickerContext } from '../../../../core/picker/index.js';
+import './components/index.js';
 import '../../../imaging/index.js';
 export declare class UmbMediaPickerModalElement extends UmbPickerModalBaseElement<UmbMediaTreeItemModel, UmbMediaPickerModalData, UmbMediaPickerModalValue> {
     #private;

package/dist-cms/packages/media/media/modals/media-picker/media-picker-modal.element.js

@@ -15,6 +15,8 @@ import { isUmbracoFolder } from '../../../media-types/index.js';
 import { UmbPickerModalBaseElement } from '../../../../core/picker/index.js';
 import { UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT } from '../../../../content/content/index.js';
 import { UMB_VARIANT_CONTEXT } from '../../../../core/variant/index.js';
+import { UmbFileDropzoneItemStatus } from '../../../dropzone/index.js';
+import './components/index.js';
 import '../../../imaging/index.js';
 const root = { name: 'Media', unique: null, entityType: UMB_MEDIA_ROOT_ENTITY_TYPE };
 // TODO: investigate how we can reuse the picker-search-field element, picker context etc.
@@ -92,7 +94,7 @@ let UmbMediaPickerModalElement = class UmbMediaPickerModalElement extends UmbPic
         this.#loadChildrenOfCurrentMediaItem();
     }
     // TODO: move to location manager in context
-    async #loadChildrenOfCurrentMediaItem(selectedItems) {
+    async #loadChildrenOfCurrentMediaItem() {
         const key = this._currentMediaEntity.entityType + this._currentMediaEntity.unique;
         let paginationManager = this.#pagingMap.get(key);
         if (!paginationManager) {
@@ -115,16 +117,44 @@ let UmbMediaPickerModalElement = class UmbMediaPickerModalElement extends UmbPic
         paginationManager.setTotalItems(data?.total ?? 0);
         this._currentPage = paginationManager.getCurrentPageNumber();
         this._currentTotalPages = paginationManager.getTotalPages();
-        if (selectedItems?.length) {
-            const selectedItem = this._currentChildren.find((x) => x.unique == selectedItems[0].unique);
-            if (selectedItem) {
-                this.#onSelected(selectedItem);
-            }
-        }
     }
-    #onDropzoneChange(evt) {
+    async #onDropzoneChange(evt) {
         const target = evt.target;
-        this.#loadChildrenOfCurrentMediaItem(target.value);
+        const uploadedItems = target.value;
+        // Filter for successfully completed uploads only
+        const completedItems = uploadedItems?.filter((item) => item.status === UmbFileDropzoneItemStatus.COMPLETE) ?? [];
+        if (completedItems.length === 0) {
+            return;
+        }
+        // Navigate to the last page where new items appear (they get highest SortOrder)
+        await this.#navigateToLastPage();
+        // Auto-select uploaded items based on picker mode (single vs multiple)
+        const completedUniques = completedItems.map((item) => item.unique);
+        if (this.data?.multiple) {
+            // Multiple selection: add all uploaded items to selection, avoiding duplicates
+            const existingSelection = this.value?.selection ?? [];
+            const newSelection = [...new Set([...existingSelection, ...completedUniques])];
+            this._isSelectionMode = newSelection.length > 0;
+            this.modalContext?.setValue({ selection: newSelection });
+        }
+        else {
+            // Single selection: select the first uploaded item
+            this._isSelectionMode = true;
+            this.modalContext?.setValue({ selection: [completedUniques[0]] });
+        }
+    }
+    async #navigateToLastPage() {
+        // First reload to get fresh total from server (including newly uploaded items)
+        await this.#loadChildrenOfCurrentMediaItem();
+        // If we're not on the last page, navigate there
+        if (this._currentPage < this._currentTotalPages) {
+            const key = this._currentMediaEntity.entityType + this._currentMediaEntity.unique;
+            const paginationManager = this.#pagingMap.get(key);
+            if (paginationManager) {
+                paginationManager.setCurrentPageNumber(this._currentTotalPages);
+                await this.#loadChildrenOfCurrentMediaItem();
+            }
+        }
     }
     // TODO: move to location manager in context
     #onOpen(item) {
@@ -406,7 +436,6 @@ let UmbMediaPickerModalElement = class UmbMediaPickerModalElement extends UmbPic
 
 			#searching-indicator {
 				margin-left: 7px;
-				margin-top: 4px;
 			}
 
 			#media-grid {

package/dist-cms/packages/media/media/recycle-bin/collection-action/manifests.d.ts

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

package/dist-cms/packages/media/media/recycle-bin/collection-action/manifests.js

@@ -0,0 +1,23 @@
+import { UMB_MEDIA_RECYCLE_BIN_REPOSITORY_ALIAS, UMB_MEDIA_RECYCLE_BIN_TREE_ITEM_CHILDREN_COLLECTION_ALIAS, } from '../constants.js';
+import { UMB_COLLECTION_ALIAS_CONDITION, UMB_COLLECTION_HAS_ITEMS_CONDITION_ALIAS, } from '../../../../core/collection/index.js';
+export const manifests = [
+    {
+        type: 'collectionAction',
+        kind: 'emptyRecycleBin',
+        name: 'Media Collection Empty Recycle Bin Action',
+        alias: 'Umb.CollectionAction.Media.EmptyRecycleBin',
+        meta: {
+            label: '#actions_emptyrecyclebin',
+            recycleBinRepositoryAlias: UMB_MEDIA_RECYCLE_BIN_REPOSITORY_ALIAS,
+        },
+        conditions: [
+            {
+                alias: UMB_COLLECTION_ALIAS_CONDITION,
+                match: UMB_MEDIA_RECYCLE_BIN_TREE_ITEM_CHILDREN_COLLECTION_ALIAS,
+            },
+            {
+                alias: UMB_COLLECTION_HAS_ITEMS_CONDITION_ALIAS,
+            },
+        ],
+    },
+];