@umbraco-cms/backoffice 16.0.0-rc4 → 16.0.0-rc6

package/dist-cms/packages/log-viewer/components/log-viewer-date-range-selector.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UMB_APP_LOG_VIEWER_CONTEXT } from '../workspace/logviewer-workspace.context-token.js';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
-import { css, html, customElement, property, queryAll, state } from '@umbraco-cms/backoffice/external/lit';
+import { css, html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { query as getQuery, path, toQueryString } from '@umbraco-cms/backoffice/router';
 let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorElement extends UmbLitElement {
@@ -16,16 +16,11 @@ let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorEl
         this._startDate = '';
         this._endDate = '';
         this.horizontal = false;
-        this.addEventListener('input', this.#setDates);
         this.consumeContext(UMB_APP_LOG_VIEWER_CONTEXT, (instance) => {
             this.#logViewerContext = instance;
             this.#observeStuff();
         });
     }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.removeEventListener('input', this.#setDates);
-    }
     #observeStuff() {
         if (!this.#logViewerContext)
             return;
@@ -34,15 +29,15 @@ let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorEl
             this._endDate = dateRange.endDate;
         }, '_observeDateRange');
     }
-    #setDates() {
-        this._inputs.forEach((input) => {
-            if (input.id === 'start-date') {
-                this._startDate = input.value;
-            }
-            else if (input.id === 'end-date') {
-                this._endDate = input.value;
-            }
-        });
+    #setStartDate(e) {
+        this._startDate = e.target.value;
+        this.#updateFiltered();
+    }
+    #setEndDate(e) {
+        this._endDate = e.target.value;
+        this.#updateFiltered();
+    }
+    #updateFiltered() {
         this.#logViewerContext?.setDateRange({ startDate: this._startDate, endDate: this._endDate });
         const query = getQuery();
         const qs = toQueryString({
@@ -57,9 +52,7 @@ let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorEl
 			<div class="input-container">
 				<uui-label for="start-date">From:</uui-label>
 				<umb-input-date
-					@click=${(e) => {
-            e.target.showPicker();
-        }}
+					@change=${this.#setStartDate}
 					id="start-date"
 					type="date"
 					label="From"
@@ -69,9 +62,7 @@ let UmbLogViewerDateRangeSelectorElement = class UmbLogViewerDateRangeSelectorEl
 			<div class="input-container">
 				<uui-label for="end-date">To: </uui-label>
 				<umb-input-date
-					@click=${(e) => {
-            e.target.showPicker();
-        }}
+					@change=${this.#setEndDate}
 					id="end-date"
 					type="date"
 					label="To"
@@ -107,9 +98,6 @@ __decorate([
 __decorate([
     state()
 ], UmbLogViewerDateRangeSelectorElement.prototype, "_endDate", void 0);
-__decorate([
-    queryAll('input')
-], UmbLogViewerDateRangeSelectorElement.prototype, "_inputs", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], UmbLogViewerDateRangeSelectorElement.prototype, "horizontal", void 0);

package/dist-cms/packages/log-viewer/repository/sources/log-viewer.server.data.js

@@ -111,7 +111,15 @@ export class UmbLogMessagesServerDataSource {
      */
     async getLogViewerLogs({ skip = 0, take = 100, orderDirection, filterExpression, logLevel, startDate, endDate, }) {
         return await tryExecute(this.#host, LogViewerService.getLogViewerLog({
-            query: { skip, take, orderDirection, filterExpression, logLevel, startDate, endDate },
+            query: {
+                skip,
+                take,
+                orderDirection,
+                filterExpression,
+                logLevel: logLevel?.length ? logLevel : undefined,
+                startDate,
+                endDate,
+            },
         }));
     }
     /**

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

@@ -84,7 +84,7 @@ let UmbLogViewerMessageElement = class UmbLogViewerMessageElement extends UmbLit
         }
         query = {
             ...query,
-            lq: encodeURIComponent(`${name}=${sanitizedValue}`),
+            lq: `${name}=${sanitizedValue}`,
         };
         const queryString = toQueryString(query);
         return queryString;

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

@@ -11,7 +11,7 @@ import { UmbMediaSearchProvider } from '../../search/index.js';
 import { css, html, customElement, state, repeat, ifDefined, query, nothing, } from '@umbraco-cms/backoffice/external/lit';
 import { debounce, UmbPaginationManager } from '@umbraco-cms/backoffice/utils';
 import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
-import { UMB_CONTENT_PROPERTY_CONTEXT } from '@umbraco-cms/backoffice/content';
+import { UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT } from '@umbraco-cms/backoffice/content';
 import { isUmbracoFolder } from '@umbraco-cms/backoffice/media-type';
 import { UMB_VARIANT_CONTEXT } from '@umbraco-cms/backoffice/variant';
 import '@umbraco-cms/backoffice/imaging';
@@ -42,7 +42,7 @@ let UmbMediaPickerModalElement = class UmbMediaPickerModalElement extends UmbMod
         this.#debouncedSearch = debounce(() => {
             this.#searchMedia();
         }, 500);
-        this.consumeContext(UMB_CONTENT_PROPERTY_CONTEXT, (context) => {
+        this.consumeContext(UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT, (context) => {
             this.observe(context?.dataType, (dataType) => {
                 this.#dataType = dataType;
             });

package/dist-cms/packages/media/media/tree/media-tree.context.js

@@ -1,9 +1,9 @@
-import { UMB_CONTENT_PROPERTY_CONTEXT } from '@umbraco-cms/backoffice/content';
+import { UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT } from '@umbraco-cms/backoffice/content';
 import { UmbDefaultTreeContext } from '@umbraco-cms/backoffice/tree';
 export class UmbMediaTreeContext extends UmbDefaultTreeContext {
     constructor(host) {
         super(host);
-        this.consumeContext(UMB_CONTENT_PROPERTY_CONTEXT, (context) => {
+        this.consumeContext(UMB_PROPERTY_TYPE_BASED_PROPERTY_CONTEXT, (context) => {
             this.observe(context?.dataType, (value) => {
                 this.updateAdditionalRequestArgs({ dataType: value });
             });

package/dist-cms/packages/property-editors/dimensions/property-editor-ui-dimensions.element.js

@@ -4,8 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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 { UmbTextStyles } from '@umbraco-cms/backoffice/style';
-import { customElement, html, property } from '@umbraco-cms/backoffice/external/lit';
+import { css, customElement, html, property } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UmbChangeEvent } from '@umbraco-cms/backoffice/event';
 /**
@@ -28,6 +27,9 @@ let UmbPropertyEditorUIDimensionsElement = class UmbPropertyEditorUIDimensionsEl
         return html `
 			<uui-input
 				type="number"
+				autocomplete="off"
+				min="0"
+				step="1"
 				label=${this.localize.term('general_width')}
 				placeholder=${this.localize.term('general_width')}
 				@change=${this.#onChangeWidth}
@@ -36,6 +38,9 @@ let UmbPropertyEditorUIDimensionsElement = class UmbPropertyEditorUIDimensionsEl
 			<span>&times;</span>
 			<uui-input
 				type="number"
+				autocomplete="off"
+				min="0"
+				step="1"
 				label=${this.localize.term('general_height')}
 				placeholder=${this.localize.term('general_height')}
 				@change=${this.#onChangeHeight}
@@ -44,7 +49,15 @@ let UmbPropertyEditorUIDimensionsElement = class UmbPropertyEditorUIDimensionsEl
 			<umb-localize key="general_pixels">pixels</umb-localize>
 		`;
     }
-    static { this.styles = [UmbTextStyles]; }
+    static { this.styles = [
+        css `
+			:host {
+				display: flex;
+				align-items: center;
+				gap: var(--uui-size-space-1);
+			}
+		`,
+    ]; }
 };
 __decorate([
     property({ type: Object })

package/dist-cms/packages/templating/partial-views/entity-actions/rename/rename-partial-view.server.data-source.js

@@ -29,7 +29,7 @@ export class UmbRenamePartialViewServerDataSource {
             name: appendFileExtensionIfNeeded(name, '.cshtml'),
         };
         const { data, error } = await tryExecute(this.#host, PartialViewService.putPartialViewByPathRename({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
             body,
         }));
         if (data && typeof data === 'string') {

package/dist-cms/packages/templating/partial-views/repository/partial-view-detail.server.data-source.js

@@ -46,7 +46,7 @@ export class UmbPartialViewDetailServerDataSource {
         const path = this.#serverFilePathUniqueSerializer.toServerPath(unique);
         if (!path)
             throw new Error('Path is missing');
-        const { data, error } = await tryExecute(this.#host, PartialViewService.getPartialViewByPath({ path: { path: encodeURIComponent(path) } }));
+        const { data, error } = await tryExecute(this.#host, PartialViewService.getPartialViewByPath({ path: { path } }));
         if (error || !data) {
             return { error };
         }
@@ -68,7 +68,7 @@ export class UmbPartialViewDetailServerDataSource {
             content: model.content,
         };
         const { error } = await tryExecute(this.#host, PartialViewService.putPartialViewByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
             body,
         }));
         if (!error) {
@@ -83,7 +83,7 @@ export class UmbPartialViewDetailServerDataSource {
         if (!path)
             throw new Error('Path is missing');
         return tryExecute(this.#host, PartialViewService.deletePartialViewByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
     }
 }

package/dist-cms/packages/templating/partial-views/tree/folder/repository/partial-view-folder.server.data-source.js

@@ -47,7 +47,7 @@ export class UmbPartialViewFolderServerDataSource {
         if (!path)
             throw new Error('Cannot read partial view folder without a path');
         const { data, error } = await tryExecute(this.#host, PartialViewService.getPartialViewFolderByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
         if (data) {
             const mappedData = {
@@ -101,7 +101,7 @@ export class UmbPartialViewFolderServerDataSource {
         if (!path)
             throw new Error('Cannot delete partial view folder without a path');
         return tryExecute(this.#host, PartialViewService.deletePartialViewFolderByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
     }
     async update() {

package/dist-cms/packages/templating/scripts/entity-actions/rename/rename-script.server.data-source.js

@@ -29,7 +29,7 @@ export class UmbRenameScriptServerDataSource {
             name: appendFileExtensionIfNeeded(name, '.js'),
         };
         const { data, error } = await tryExecute(this.#host, ScriptService.putScriptByPathRename({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
             body,
         }));
         if (data && typeof data === 'string') {

package/dist-cms/packages/templating/scripts/repository/script-detail.server.data-source.js

@@ -46,7 +46,7 @@ export class UmbScriptDetailServerDataSource {
         const path = this.#serverFilePathUniqueSerializer.toServerPath(unique);
         if (!path)
             throw new Error('Path is missing');
-        const { data, error } = await tryExecute(this.#host, ScriptService.getScriptByPath({ path: { path: encodeURIComponent(path) } }));
+        const { data, error } = await tryExecute(this.#host, ScriptService.getScriptByPath({ path: { path } }));
         if (error || !data) {
             return { error };
         }
@@ -68,7 +68,7 @@ export class UmbScriptDetailServerDataSource {
             content: model.content,
         };
         const { error } = await tryExecute(this.#host, ScriptService.putScriptByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
             body,
         }));
         if (!error) {
@@ -83,7 +83,7 @@ export class UmbScriptDetailServerDataSource {
         if (!path)
             throw new Error('Path is missing');
         return tryExecute(this.#host, ScriptService.deleteScriptByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
     }
 }

package/dist-cms/packages/templating/scripts/tree/folder/repository/script-folder.server.data-source.js

@@ -47,7 +47,7 @@ export class UmbScriptFolderServerDataSource {
         if (!path)
             throw new Error('Cannot read script folder without a path');
         const { data, error } = await tryExecute(this.#host, ScriptService.getScriptFolderByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
         if (data) {
             const mappedData = {
@@ -99,7 +99,7 @@ export class UmbScriptFolderServerDataSource {
         if (!path)
             throw new Error('Cannot delete script folder without a path');
         return tryExecute(this.#host, ScriptService.deleteScriptFolderByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
     }
     async update() {

package/dist-cms/packages/templating/stylesheets/entity-actions/rename/rename-stylesheet.server.data-source.js

@@ -29,7 +29,7 @@ export class UmbRenameStylesheetServerDataSource {
             name: appendFileExtensionIfNeeded(name, '.css'),
         };
         const { data, error } = await tryExecute(this.#host, StylesheetService.putStylesheetByPathRename({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
             body,
         }));
         if (data && typeof data === 'string') {

package/dist-cms/packages/templating/stylesheets/repository/stylesheet-detail.server.data-source.js

@@ -46,7 +46,7 @@ export class UmbStylesheetDetailServerDataSource {
         const path = this.#serverFilePathUniqueSerializer.toServerPath(unique);
         if (!path)
             throw new Error('Path is missing');
-        const { data, error } = await tryExecute(this.#host, StylesheetService.getStylesheetByPath({ path: { path: encodeURIComponent(path) } }));
+        const { data, error } = await tryExecute(this.#host, StylesheetService.getStylesheetByPath({ path: { path } }));
         if (error || !data) {
             return { error };
         }
@@ -68,7 +68,7 @@ export class UmbStylesheetDetailServerDataSource {
             content: model.content,
         };
         const { error } = await tryExecute(this.#host, StylesheetService.putStylesheetByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
             body,
         }));
         if (!error) {
@@ -83,7 +83,7 @@ export class UmbStylesheetDetailServerDataSource {
         if (!path)
             throw new Error('Path is missing');
         return tryExecute(this.#host, StylesheetService.deleteStylesheetByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
     }
 }

package/dist-cms/packages/templating/stylesheets/tree/folder/repository/stylesheet-folder.server.data-source.js

@@ -41,7 +41,7 @@ export class UmbStylesheetFolderServerDataSource {
         if (!path)
             throw new Error('Cannot read stylesheet folder without a path');
         const { data, error } = await tryExecute(this.#host, StylesheetService.getStylesheetFolderByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
         if (data) {
             const mappedData = {
@@ -95,7 +95,7 @@ export class UmbStylesheetFolderServerDataSource {
         if (!path)
             throw new Error('Cannot delete stylesheet folder without a path');
         return tryExecute(this.#host, StylesheetService.deleteStylesheetFolderByPath({
-            path: { path: encodeURIComponent(path) },
+            path: { path },
         }));
     }
     async update() {

package/dist-cms/packages/tiptap/components/character-map/character-map-modal.element.js

@@ -418,10 +418,6 @@ let UmbCharacterMapModalElement = class UmbCharacterMapModalElement extends UmbM
 				gap: var(--uui-size-space-4);
 			}
 
-			uui-input {
-				align-items: baseline;
-			}
-
 			uui-scroll-container {
 				height: 300px;
 				width: calc(450px + var(--uui-size-layout-1));

package/dist-cms/packages/tiptap/components/input-tiptap/input-tiptap.element.js

@@ -222,7 +222,7 @@ let UmbInputTiptapElement = class UmbInputTiptapElement extends UmbFormControlMi
 					height: 100%;
 					width: 100%;
 					outline: none;
-					white-space: pre-wrap;
+					white-space: wrap;
 					min-width: 0;
 
 					p:first-of-type {

package/dist-cms/packages/tiptap/components/input-tiptap/tiptap-toolbar.element.d.ts

@@ -4,6 +4,12 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import type { Editor } from '@umbraco-cms/backoffice/external/tiptap';
 import type { UmbPropertyEditorConfigCollection } from '@umbraco-cms/backoffice/property-editor';
 import '../cascading-menu-popover/cascading-menu-popover.element.js';
+/**
+* Provides a sticky toolbar for the {@link UmbInputTiptapElement}
+* @element umb-tiptap-toolbar
+* @cssprop --umb-tiptap-edge-border-color - Defines the edge border color
+* @cssprop --umb-tiptap-top - Defines the top value for the sticky toolbar
+*/
 export declare class UmbTiptapToolbarElement extends UmbLitElement {
     #private;
     private _lookup?;

package/dist-cms/packages/tiptap/components/input-tiptap/tiptap-toolbar.element.js

@@ -9,6 +9,12 @@ import { umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registr
 import { UmbExtensionsElementAndApiInitializer } from '@umbraco-cms/backoffice/extension-api';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import '../cascading-menu-popover/cascading-menu-popover.element.js';
+/**
+* Provides a sticky toolbar for the {@link UmbInputTiptapElement}
+* @element umb-tiptap-toolbar
+* @cssprop --umb-tiptap-edge-border-color - Defines the edge border color
+* @cssprop --umb-tiptap-top - Defines the top value for the sticky toolbar
+*/
 let UmbTiptapToolbarElement = class UmbTiptapToolbarElement extends UmbLitElement {
     constructor() {
         super(...arguments);
@@ -75,7 +81,7 @@ let UmbTiptapToolbarElement = class UmbTiptapToolbarElement extends UmbLitElemen
 			flex-direction: column;
 
 			position: sticky;
-			top: -25px;
+			top: var(--umb-tiptap-top,-25px);
 			left: 0;
 			right: 0;
 			padding: var(--uui-size-3);

package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-extensions-configuration.element.js

@@ -130,7 +130,7 @@ let UmbPropertyEditorUiTiptapExtensionsConfigurationElement = class UmbPropertyE
 			}
 
 			.group {
-				flex: 1;
+				width: calc((100% - 2rem) / 3);
 
 				ul {
 					list-style: none;

package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-statusbar-configuration.element.js

@@ -227,10 +227,6 @@ let UmbPropertyEditorUiTiptapStatusbarConfigurationElement = class UmbPropertyEd
 				[slot='header-actions'] {
 					margin-bottom: var(--uui-size-2);
 
-					uui-input {
-						align-items: baseline;
-					}
-
 					uui-icon {
 						color: var(--uui-color-border);
 					}

package/dist-cms/packages/tiptap/property-editors/tiptap/components/property-editor-ui-tiptap-toolbar-configuration.element.js

@@ -227,6 +227,7 @@ let UmbPropertyEditorUiTiptapToolbarConfigurationElement = class UmbPropertyEdit
             return nothing;
         const forbidden = !this.#context?.isExtensionEnabled(item.alias);
         switch (item.kind) {
+            case 'styleMenu':
             case 'menu':
                 return html `
 					<uui-button
@@ -298,10 +299,6 @@ let UmbPropertyEditorUiTiptapToolbarConfigurationElement = class UmbPropertyEdit
 				[slot='header-actions'] {
 					margin-bottom: var(--uui-size-2);
 
-					uui-input {
-						align-items: baseline;
-					}
-
 					uui-icon {
 						color: var(--uui-color-border);
 					}

package/dist-cms/packages/user/user-group/collection/user-group-collection.element.js

@@ -37,7 +37,7 @@ let UmbUserGroupCollectionElement = class UmbUserGroupCollectionElement extends
     static { this.styles = [
         css `
 			uui-input {
-				display: block;
+				width: 100%;
 			}
 		`,
     ]; }