@umbraco-cms/backoffice 14.0.0-a0074b6e → 14.0.0-a8030000

package/dist-cms/mocks/handlers/scripts.handlers.js

@@ -0,0 +1,83 @@
+const { rest } = window.MockServiceWorker;
+import { umbScriptsData } from '../data/scripts.data.js';
+import { umbracoPath } from '../../shared/utils/index.js';
+const treeHandlers = [
+    rest.get(umbracoPath('/tree/script/root'), (req, res, ctx) => {
+        const response = umbScriptsData.getTreeRoot();
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.get(umbracoPath('/tree/script/children'), (req, res, ctx) => {
+        const path = req.url.searchParams.get('path');
+        if (!path)
+            return;
+        const response = umbScriptsData.getTreeItemChildren(path);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.get(umbracoPath('/tree/script/item'), (req, res, ctx) => {
+        const paths = req.url.searchParams.getAll('paths');
+        if (!paths)
+            return;
+        const items = umbScriptsData.getTreeItem(paths);
+        return res(ctx.status(200), ctx.json(items));
+    }),
+];
+const detailHandlers = [
+    rest.get(umbracoPath('/script'), (req, res, ctx) => {
+        const path = decodeURIComponent(req.url.searchParams.get('path') ?? '').replace('-js', '.js');
+        if (!path)
+            return res(ctx.status(400));
+        const response = umbScriptsData.getScript(path);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.get(umbracoPath('/script/item'), (req, res, ctx) => {
+        const path = decodeURIComponent(req.url.searchParams.get('path') ?? '').replace('-js', '.js');
+        if (!path)
+            return res(ctx.status(400, 'no body found'));
+        const response = umbScriptsData.getItem([path]);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.post(umbracoPath('/script'), async (req, res, ctx) => {
+        const requestBody = (await req.json());
+        if (!requestBody)
+            return res(ctx.status(400, 'no body found'));
+        const response = umbScriptsData.insertScript(requestBody);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.delete(umbracoPath('/script'), (req, res, ctx) => {
+        const path = req.url.searchParams.get('path');
+        if (!path)
+            return res(ctx.status(400));
+        const response = umbScriptsData.delete([path]);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.put(umbracoPath('/script'), async (req, res, ctx) => {
+        const requestBody = (await req.json());
+        if (!requestBody)
+            return res(ctx.status(400, 'no body found'));
+        const response = umbScriptsData.updateData(requestBody);
+        return res(ctx.status(200));
+    }),
+];
+const folderHandlers = [
+    rest.get(umbracoPath('script/folder'), (req, res, ctx) => {
+        const path = decodeURIComponent(req.url.searchParams.get('path') ?? '').replace('-js', '.js');
+        if (!path)
+            return res(ctx.status(400));
+        const response = umbScriptsData.getFolder(path);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+    rest.post(umbracoPath('script/folder'), (req, res, ctx) => {
+        const requestBody = req.json();
+        if (!requestBody)
+            return res(ctx.status(400, 'no body found'));
+        return res(ctx.status(200));
+    }),
+    rest.delete(umbracoPath('script/folder'), (req, res, ctx) => {
+        const path = decodeURIComponent(req.url.searchParams.get('path') ?? '').replace('-js', '.js');
+        if (!path)
+            return res(ctx.status(400));
+        const response = umbScriptsData.deleteFolder(path);
+        return res(ctx.status(200), ctx.json(response));
+    }),
+];
+export const handlers = [...treeHandlers, ...detailHandlers, ...folderHandlers];

package/dist-cms/packages/core/content-type/content-type-property-structure-helper.class.d.ts

@@ -8,7 +8,7 @@ export declare class UmbContentTypePropertyStructureHelper {
     private _containerName?;
     readonly propertyStructure: import("rxjs").Observable<PropertyTypeModelBaseModel[]>;
     constructor(host: UmbControllerHostElement);
-    getOwnerDocumentTypes(): import("rxjs").Observable<import("../../../external/backend-api/index.js").DocumentTypeResponseModel[]> | undefined;
+    get ownerDocumentTypes(): import("rxjs").Observable<import("../../../external/backend-api/index.js").DocumentTypeResponseModel[]> | undefined;
     setStructureManager(structure: UmbContentTypePropertyStructureManager): void;
     setContainerType(value?: PropertyContainerTypes): void;
     getContainerType(): PropertyContainerTypes | undefined;

package/dist-cms/packages/core/content-type/content-type-property-structure-helper.class.js

@@ -15,7 +15,7 @@ export class UmbContentTypePropertyStructureHelper {
         // TODO: Remove as any when sortOrder is implemented:
         this.#propertyStructure.sortBy((a, b) => (a.sortOrder ?? 0) - (b.sortOrder ?? 0));
     }
-    getOwnerDocumentTypes() {
+    get ownerDocumentTypes() {
         return this.#structure?.documentTypes;
     }
     setStructureManager(structure) {

package/dist-cms/packages/core/culture/components/index.d.ts

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

package/dist-cms/packages/core/culture/components/index.js

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

package/dist-cms/packages/{settings/cultures → core/culture}/components/input-culture-select/input-culture-select.element.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { UmbCultureRepository } from '../../repository/culture.repository.js';
 import { html, repeat, ifDefined, customElement, property, state } from '../../../../../external/lit/index.js';
-import { FormControlMixin, } from '../../../../../external/uui/index.js';
+import { FormControlMixin } from '../../../../../external/uui/index.js';
 import { UmbChangeEvent } from '../../../../../shared/umb-events/index.js';
 import { UmbLitElement } from '../../../../../shared/lit-element/index.js';
 export let UmbInputCultureSelectElement = class UmbInputCultureSelectElement extends FormControlMixin(UmbLitElement) {
@@ -73,10 +73,10 @@ export let UmbInputCultureSelectElement = class UmbInputCultureSelectElement ext
 							@search=${this.#onSearchChange}>
 							<uui-combobox-list>
 								${repeat(this.#filteredCultures, (culture) => culture.name, (culture) => html `
-											<uui-combobox-list-option value=${ifDefined(culture.name)}
-												>${culture.englishName}</uui-combobox-list-option
-											>
-										`)}
+										<uui-combobox-list-option value=${ifDefined(culture.name)}
+											>${culture.englishName}</uui-combobox-list-option
+										>
+									`)}
 							</uui-combobox-list>
 						</uui-combobox>
 				  `}

package/dist-cms/packages/core/culture/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components/index.js';
+export * from './repository/culture.repository.js';

package/dist-cms/packages/core/culture/index.js

@@ -0,0 +1,2 @@
+export * from './components/index.js';
+export * from './repository/culture.repository.js';

package/dist-cms/packages/core/culture/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: import("../index.js").ManifestRepository[];

package/dist-cms/packages/{settings/cultures → core/culture}/repository/culture.repository.js

@@ -1,6 +1,6 @@
 import { UmbCultureServerDataSource } from './sources/culture.server.data.js';
 import { UmbContextConsumerController } from '../../../../libs/context-api/index.js';
-import { UMB_NOTIFICATION_CONTEXT_TOKEN } from '../../../core/notification/index.js';
+import { UMB_NOTIFICATION_CONTEXT_TOKEN } from '../../notification/index.js';
 export class UmbCultureRepository {
     #init;
     #host;

package/dist-cms/packages/{settings/cultures → core/culture}/repository/manifests.d.ts

@@ -1,3 +1,3 @@
-import { ManifestRepository } from '../../../core/extension-registry/index.js';
+import { ManifestRepository } from '../../extension-registry/index.js';
 export declare const CULTURE_REPOSITORY_ALIAS = "Umb.Repository.Culture";
 export declare const manifests: ManifestRepository[];

package/dist-cms/packages/{settings/cultures → core/culture}/repository/manifests.js

@@ -1,4 +1,4 @@
-import { UmbCultureRepository } from '../repository/culture.repository.js';
+import { UmbCultureRepository } from './culture.repository.js';
 export const CULTURE_REPOSITORY_ALIAS = 'Umb.Repository.Culture';
 const repository = {
     type: 'repository',

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

@@ -22,4 +22,5 @@ export * from './store/index.js';
 export * from './tree/index.js';
 export * from './variant/index.js';
 export * from './workspace/index.js';
+export * from './culture/index.js';
 export declare const onInit: UmbEntryPointOnInit;

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

@@ -8,6 +8,7 @@ import { manifests as workspaceManifests } from './workspace/manifests.js';
 import { manifests as modalManifests } from './modal/common/manifests.js';
 import { manifests as themeManifests } from './themes/manifests.js';
 import { manifests as conditionManifests } from './extension-registry/conditions/manifests.js';
+import { manifests as cultureManifests } from './culture/manifests.js';
 import { UmbNotificationContext, UMB_NOTIFICATION_CONTEXT_TOKEN } from './notification/index.js';
 import { UmbModalManagerContext, UMB_MODAL_MANAGER_CONTEXT_TOKEN } from './modal/index.js';
 import { UmbContextProviderController } from '../../libs/context-api/index.js';
@@ -35,6 +36,7 @@ export * from './store/index.js';
 export * from './tree/index.js';
 export * from './variant/index.js';
 export * from './workspace/index.js';
+export * from './culture/index.js';
 const manifests = [
     ...conditionManifests,
     ...debugManifests,
@@ -45,6 +47,7 @@ const manifests = [
     ...workspaceManifests,
     ...modalManifests,
     ...themeManifests,
+    ...cultureManifests,
 ];
 export const onInit = (host, extensionRegistry) => {
     new UmbMultiExtensionsClassInitializer(host, ['globalContext', 'store', 'treeStore', 'itemStore']);

package/dist-cms/packages/core/modal/common/property-settings/property-settings-modal.element.d.ts

@@ -5,6 +5,7 @@ export declare class UmbPropertySettingsModalElement extends UmbModalBaseElement
     #private;
     private _customValidationOptions;
     private _aliasLocked;
+    protected _ownerDocumentType?: UmbPropertySettingsModalResult;
     protected _returnData: UmbPropertySettingsModalResult;
     connectedCallback(): void;
     protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;

package/dist-cms/packages/core/modal/common/property-settings/property-settings-modal.element.js

@@ -8,6 +8,7 @@ import { UmbTextStyles } from '../../../../../shared/style/index.js';
 import { css, html, nothing, customElement, state } from '../../../../../external/lit/index.js';
 import { UmbModalBaseElement } from '../../../../../shared/modal/index.js';
 import { generateAlias } from '../../../../../shared/utils/index.js';
+import { UMB_DOCUMENT_TYPE_STORE_CONTEXT_TOKEN } from '../../../../documents/document-types/index.js';
 // TODO: Could base take a token to get its types?.
 // TODO: Missing a workspace context... unless this should not be a workspace any way.
 export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalElement extends UmbModalBaseElement {
@@ -42,7 +43,14 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
     }
     connectedCallback() {
         super.connectedCallback();
-        this._returnData = JSON.parse(JSON.stringify(this.data));
+        // TODO: This is actually not good enough, we need to be able to get to the DOCUMENT_WORKSPACE_CONTEXT, so we can have a look at the draft/runtime version of the document. Otherwise 'Vary by culture' is first updated when saved.
+        this.consumeContext(UMB_DOCUMENT_TYPE_STORE_CONTEXT_TOKEN, (instance) => {
+            this.observe(instance.byId(this.data?.documentTypeId), (documentType) => {
+                this._ownerDocumentType = documentType;
+                this.requestUpdate('_ownerDocumentType');
+            }, '_observeDocumentType');
+        });
+        this._returnData = JSON.parse(JSON.stringify(this.data?.propertyData ?? {}));
         this._returnData.validation ??= {};
         const regEx = this._returnData.validation.regEx ?? null;
         const newlySelected = this._customValidationOptions.find((option) => {
@@ -93,7 +101,7 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
             this._returnData.alias = alias;
         }
         else {
-            this._returnData.alias = this.data?.alias;
+            this._returnData.alias = this.data?.propertyData?.alias;
         }
         this.requestUpdate('_returnData');
     }
@@ -155,6 +163,10 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
         this._returnData.validation.regExMessage = event.target.value.toString();
         this.requestUpdate('_returnData');
     }
+    #onVaryByCultureChange(event) {
+        this._returnData.variesByCulture = event.target.checked;
+        this.requestUpdate('_returnData');
+    }
     // TODO: This would conceptually be a Property Editor Workspace, should be changed at one point in the future.
     // For now this is hacky made available by giving the element an fixed alias.
     // This would allow for workspace views and workspace actions.
@@ -204,6 +216,7 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
 									${this.#renderCustomValidation()}
 								</div>
 								<hr />
+								${this.#renderVariationControls()}
 								<div class="container">
 									<b style="margin-bottom: var(--uui-size-space-3)">Appearance</b>
 									<div id="appearances">${this.#renderAlignLeftIcon()} ${this.#renderAlignTopIcon()}</div>
@@ -252,13 +265,13 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
 				<uui-toggle
 					@change=${this.#onMandatoryChange}
 					id="mandatory"
-					value=${this._returnData.validation?.mandatory}
+					.checked=${this._returnData.validation?.mandatory ?? false}
 					slot="editor"></uui-toggle>
 			</div>
 			${this._returnData.validation?.mandatory
             ? html `<uui-input
 						name="mandatory-message"
-						value=${this._returnData.validation?.mandatoryMessage}
+						value=${this._returnData.validation?.mandatoryMessage ?? ''}
 						@change=${this.#onMandatoryMessageChange}
 						style="margin-top: var(--uui-size-space-1)"
 						id="mandatory-message"
@@ -285,6 +298,23 @@ export let UmbPropertySettingsModalElement = class UmbPropertySettingsModalEleme
 				  `
             : nothing} `;
     }
+    #renderVariationControls() {
+        return this._ownerDocumentType?.variesByCulture || this._ownerDocumentType?.variesBySegment ?
+            html `
+			<div class="container">
+				<b>Variation</b>
+				${this._ownerDocumentType?.variesByCulture ? this.#renderVaryByCulture() : ''}
+			</div>
+			<hr />`
+            : '';
+    }
+    #renderVaryByCulture() {
+        return html `<uui-toggle
+				@change=${this.#onVaryByCultureChange}
+				.checked=${this._returnData.variesByCulture ?? false}
+				label="Vary by culture"></uui-toggle>
+			`;
+    }
     static { this.styles = [
         UmbTextStyles,
         css `
@@ -423,6 +453,9 @@ __decorate([
 __decorate([
     state()
 ], UmbPropertySettingsModalElement.prototype, "_aliasLocked", void 0);
+__decorate([
+    state()
+], UmbPropertySettingsModalElement.prototype, "_ownerDocumentType", void 0);
 __decorate([
     state()
 ], UmbPropertySettingsModalElement.prototype, "_returnData", void 0);

package/dist-cms/packages/core/modal/token/property-settings-modal.token.d.ts

@@ -1,5 +1,8 @@
 import { PropertyTypeModelBaseModel } from '../../../../external/backend-api/index.js';
 import { UmbModalToken } from '../index.js';
-export type UmbPropertySettingsModalData = PropertyTypeModelBaseModel;
+export type UmbPropertySettingsModalData = {
+    documentTypeId: string;
+    propertyData: PropertyTypeModelBaseModel;
+};
 export type UmbPropertySettingsModalResult = PropertyTypeModelBaseModel;
-export declare const UMB_PROPERTY_SETTINGS_MODAL: UmbModalToken<PropertyTypeModelBaseModel, PropertyTypeModelBaseModel>;
+export declare const UMB_PROPERTY_SETTINGS_MODAL: UmbModalToken<UmbPropertySettingsModalData, PropertyTypeModelBaseModel>;

package/dist-cms/packages/documents/dashboards/redirect-management/dashboard-redirect-management.element.d.ts

@@ -1,31 +1,19 @@
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 export declare class UmbDashboardRedirectManagementElement extends UmbLitElement {
+    #private;
     itemsPerPage: number;
+    page: number;
+    private _trackerEnabled;
+    private _total;
     private _redirectData?;
-    private _trackerStatus;
-    private _currentPage;
-    private _total?;
     private _buttonState;
     private _filter?;
-    private _searchField;
+    private _search;
     private _pagination?;
     private _modalContext?;
     constructor();
     connectedCallback(): void;
-    private _getTrackerStatus;
-    private _removeRedirectHandler;
-    private _removeRedirect;
-    private _disableRedirectHandler;
-    private _toggleRedirect;
-    private _inputHandler;
-    private _searchHandler;
-    private _onPageChange;
-    private _getRedirectData;
     render(): import("lit-html").TemplateResult<1>;
-    private _renderZeroResults;
-    private renderNoRedirects;
-    private renderTable;
-    private _renderPagination;
     static styles: import("@lit/reactive-element/css-tag").CSSResult[];
 }
 export default UmbDashboardRedirectManagementElement;