Feature: Read-only documents

src/packages/block/block-grid/components/block-grid-block-inline/block-grid-inline-property-dataset.context.ts

@@ -6,10 +6,14 @@ import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
 import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
 import { UmbVariantId } from '@umbraco-cms/backoffice/variant';
 import type { Observable } from '@umbraco-cms/backoffice/external/rxjs';
+import { UmbBooleanState } from '@umbraco-cms/backoffice/observable-api';
 
 export class UmbBlockGridInlinePropertyDatasetContext extends UmbControllerBase implements UmbPropertyDatasetContext {
 	#entryContext: UmbBlockGridEntryContext;
 
+	#currentVariantCultureIsReadOnly = new UmbBooleanState(false);
+	public currentVariantCultureIsReadOnly = this.#currentVariantCultureIsReadOnly.asObservable();
+
 	// default data:
 
 	getVariantId() {
@@ -57,4 +61,13 @@ export class UmbBlockGridInlinePropertyDatasetContext extends UmbControllerBase
 		// TODO: Investigate how I do that with the workspaces..
 		return this.#entryContext.setContentPropertyValue(propertyAlias, value);
 	}
+
+	/**
+	 * Gets the read-only state of the current variant culture.
+	 * @returns {*}  {boolean}
+	 * @memberof UmbBlockGridInlinePropertyDatasetContext
+	 */
+	getCurrentVariantCultureIsReadOnly(): boolean {
+		return this.#currentVariantCultureIsReadOnly.getValue();
+	}
 }

src/packages/block/block/workspace/block-element-property-dataset.context.ts

@@ -6,10 +6,14 @@ import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
 import { UmbControllerBase } from '@umbraco-cms/backoffice/class-api';
 import { UmbVariantId } from '@umbraco-cms/backoffice/variant';
 import type { Observable } from '@umbraco-cms/backoffice/external/rxjs';
+import { UmbBooleanState } from '@umbraco-cms/backoffice/observable-api';
 
 export class UmbBlockElementPropertyDatasetContext extends UmbControllerBase implements UmbPropertyDatasetContext {
 	#elementManager: UmbBlockElementManager;
 
+	#currentVariantCultureIsReadOnly = new UmbBooleanState(false);
+	public currentVariantCultureIsReadOnly = this.#currentVariantCultureIsReadOnly.asObservable();
+
 	// default data:
 
 	getVariantId() {
@@ -59,4 +63,13 @@ export class UmbBlockElementPropertyDatasetContext extends UmbControllerBase imp
 	async setPropertyValue(alias: string, value: unknown) {
 		return this.#elementManager.setPropertyValue(alias, value);
 	}
+
+	/**
+	 * Gets the read-only state of the current variant culture.
+	 * @returns {*}  {boolean}
+	 * @memberof UmbBlockGridInlinePropertyDatasetContext
+	 */
+	getCurrentVariantCultureIsReadOnly(): boolean {
+		return this.#currentVariantCultureIsReadOnly.getValue();
+	}
 }

src/packages/core/content/property-dataset-context/content-property-dataset.context.ts

@@ -4,7 +4,7 @@ import { UMB_PROPERTY_DATASET_CONTEXT } from '@umbraco-cms/backoffice/property';
 import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
 import { UmbContextBase } from '@umbraco-cms/backoffice/class-api';
 import { type Observable, map } from '@umbraco-cms/backoffice/external/rxjs';
-import { UmbObjectState } from '@umbraco-cms/backoffice/observable-api';
+import { UmbBooleanState, UmbObjectState } from '@umbraco-cms/backoffice/observable-api';
 import type { UmbVariantModel } from '@umbraco-cms/backoffice/variant';
 import { UmbVariantId } from '@umbraco-cms/backoffice/variant';
 import type { UmbContentTypeModel, UmbPropertyTypeModel } from '@umbraco-cms/backoffice/content-type';
@@ -30,6 +30,9 @@ export class UmbContentPropertyDatasetContext<
 	culture = this.#currentVariant.asObservablePart((x) => x?.culture);
 	segment = this.#currentVariant.asObservablePart((x) => x?.segment);
 
+	#currentVariantCultureIsReadOnly = new UmbBooleanState(false);
+	public currentVariantCultureIsReadOnly = this.#currentVariantCultureIsReadOnly.asObservable();
+
 	getEntityType(): string {
 		return this.#workspace.getEntityType();
 	}
@@ -46,6 +49,10 @@ export class UmbContentPropertyDatasetContext<
 		return this.#workspace.getVariant(this.#variantId);
 	}
 
+	getCurrentVariantCultureIsReadOnly() {
+		return this.#currentVariantCultureIsReadOnly.getValue();
+	}
+
 	constructor(
 		host: UmbControllerHost,
 		workspace: UmbContentWorkspaceContext<ContentTypeModel, VariantModelType>,
@@ -64,6 +71,18 @@ export class UmbContentPropertyDatasetContext<
 			},
 			'_observeActiveVariant',
 		);
+
+		this.observe(
+			this.#workspace.readOnlyState.states,
+			(states) => {
+				const isReadOnly = states.some(
+					(state) => state.unique.startsWith('UMB_CULTURE_') && state.variantId.equal(this.#variantId),
+				);
+
+				this.#currentVariantCultureIsReadOnly.setValue(isReadOnly);
+			},
+			'umbObserveReadOnlyStates',
+		);
 	}
 
 	#createPropertyVariantId(property: UmbPropertyTypeModel) {

src/packages/core/content/workspace/content-workspace-context.interface.ts

@@ -1,5 +1,6 @@
 import type { UmbContentTypeModel } from '@umbraco-cms/backoffice/content-type';
 import type { Observable } from '@umbraco-cms/backoffice/external/rxjs';
+import type { UmbReadOnlyVariantStateManager } from '@umbraco-cms/backoffice/utils';
 import type { UmbVariantId, UmbVariantModel } from '@umbraco-cms/backoffice/variant';
 import type {
 	UmbPropertyStructureWorkspaceContext,
@@ -14,6 +15,7 @@ export interface UmbContentWorkspaceContext<
 		UmbVariantDatasetWorkspaceContext<VariantModelType>,
 		UmbPropertyStructureWorkspaceContext<ContentTypeModel> {
 	readonly IS_CONTENT_WORKSPACE_CONTEXT: true;
+	readonly readOnlyState: UmbReadOnlyVariantStateManager;
 
 	isLoaded(): Promise<unknown> | undefined;
 	variantById(variantId: UmbVariantId): Observable<VariantModelType | undefined>;

src/packages/core/manifests.ts

@@ -12,6 +12,7 @@ import { manifests as localizationManifests } from './localization/manifests.js'
 import { manifests as modalManifests } from './modal/common/manifests.js';
 import { manifests as pickerManifests } from './picker/manifests.js';
 import { manifests as propertyActionManifests } from './property-action/manifests.js';
+import { manifests as propertyManifests } from './property/manifests.js';
 import { manifests as propertyTypeManifests } from './property-type/manifests.js';
 import { manifests as recycleBinManifests } from './recycle-bin/manifests.js';
 import { manifests as sectionManifests } from './section/manifests.js';
@@ -38,6 +39,7 @@ export const manifests: Array<ManifestTypes | UmbBackofficeManifestKind> = [
 	...modalManifests,
 	...pickerManifests,
 	...propertyActionManifests,
+	...propertyManifests,
 	...propertyTypeManifests,
 	...recycleBinManifests,
 	...sectionManifests,

src/packages/core/property-action/manifests.ts

@@ -5,6 +5,8 @@ import type {
 	UmbBackofficeManifestKind,
 } from '@umbraco-cms/backoffice/extension-registry';
 
+import { UMB_WRITABLE_PROPERTY_CONDITION_ALIAS } from '@umbraco-cms/backoffice/property';
+
 export const propertyActionManifests: Array<ManifestPropertyActions> = [
 	{
 		type: 'propertyAction',
@@ -17,6 +19,11 @@ export const propertyActionManifests: Array<ManifestPropertyActions> = [
 			icon: 'icon-paste-in',
 			label: 'Copy',
 		},
+		conditions: [
+			{
+				alias: UMB_WRITABLE_PROPERTY_CONDITION_ALIAS,
+			},
+		],
 	},
 	{
 		type: 'propertyAction',
@@ -29,6 +36,11 @@ export const propertyActionManifests: Array<ManifestPropertyActions> = [
 			icon: 'icon-trash',
 			label: 'Clear',
 		},
+		conditions: [
+			{
+				alias: UMB_WRITABLE_PROPERTY_CONDITION_ALIAS,
+			},
+		],
 	},
 ];
 

src/packages/core/property/conditions/constants.ts

@@ -0,0 +1 @@
+export const UMB_WRITABLE_PROPERTY_CONDITION_ALIAS = 'Umb.Condition.Property.Writable';

src/packages/core/property/conditions/index.ts

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

src/packages/core/property/conditions/manifests.ts

@@ -0,0 +1,11 @@
+import { UMB_WRITABLE_PROPERTY_CONDITION_ALIAS } from './constants.js';
+import type { ManifestTypes } from '@umbraco-cms/backoffice/extension-registry';
+
+export const manifests: Array<ManifestTypes> = [
+	{
+		type: 'condition',
+		name: 'Writable Property Condition',
+		alias: UMB_WRITABLE_PROPERTY_CONDITION_ALIAS,
+		api: () => import('./writable-property.condition.js'),
+	},
+];

src/packages/core/property/conditions/writable-property.condition.ts

@@ -0,0 +1,25 @@
+import { UMB_PROPERTY_CONTEXT } from '../property/property.context.js';
+import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
+import type {
+	UmbConditionConfigBase,
+	UmbConditionControllerArguments,
+	UmbExtensionCondition,
+} from '@umbraco-cms/backoffice/extension-api';
+import { UmbConditionBase } from '@umbraco-cms/backoffice/extension-registry';
+
+export class UmbWritablePropertyCondition
+	extends UmbConditionBase<UmbConditionConfigBase>
+	implements UmbExtensionCondition
+{
+	constructor(host: UmbControllerHost, args: UmbConditionControllerArguments<UmbConditionConfigBase>) {
+		super(host, args);
+
+		this.consumeContext(UMB_PROPERTY_CONTEXT, (context) => {
+			this.observe(context.isReadOnly, (value) => {
+				this.permitted = value !== true;
+			});
+		});
+	}
+}
+
+export { UmbWritablePropertyCondition as api };

src/packages/core/property/index.ts

@@ -1,4 +1,5 @@
-export * from './property/index.js';
+export * from './conditions/index.js';
 export * from './property-dataset/index.js';
 export * from './property-layout/index.js';
+export * from './property/index.js';
 export * from './types/index.js';

src/packages/core/property/manifests.ts

@@ -0,0 +1,3 @@
+import { manifests as conditionManifests } from './conditions/manifests.js';
+
+export const manifests = [...conditionManifests];

src/packages/core/property/property-dataset/property-dataset-base-context.ts

@@ -4,7 +4,7 @@ import type { UmbPropertyDatasetContext } from './property-dataset-context.inter
 import type { UmbNameablePropertyDatasetContext } from './nameable-property-dataset-context.interface.js';
 import type { UmbControllerHost } from '@umbraco-cms/backoffice/controller-api';
 import { UmbContextBase } from '@umbraco-cms/backoffice/class-api';
-import { UmbArrayState, UmbStringState } from '@umbraco-cms/backoffice/observable-api';
+import { UmbArrayState, UmbBooleanState, UmbStringState } from '@umbraco-cms/backoffice/observable-api';
 import { UmbVariantId } from '@umbraco-cms/backoffice/variant';
 
 /**
@@ -24,6 +24,9 @@ export class UmbPropertyDatasetContextBase
 	private _entityType!: string;
 	private _unique!: string;
 
+	#currentVariantCultureIsReadOnly = new UmbBooleanState(false);
+	public currentVariantCultureIsReadOnly = this.#currentVariantCultureIsReadOnly.asObservable();
+
 	getEntityType() {
 		return this._entityType;
 	}
@@ -76,4 +79,13 @@ export class UmbPropertyDatasetContextBase
 	setValues(map: Array<UmbPropertyValueData>) {
 		this.#values.setValue(map);
 	}
+
+	/**
+	 * Gets the read-only state of the current variant culture.
+	 * @return {*}  {boolean}
+	 * @memberof UmbBlockGridInlinePropertyDatasetContext
+	 */
+	getCurrentVariantCultureIsReadOnly(): boolean {
+		return this.#currentVariantCultureIsReadOnly.getValue();
+	}
 }

src/packages/core/property/property-dataset/property-dataset-context.interface.ts

@@ -25,6 +25,9 @@ export interface UmbPropertyDatasetContext extends UmbContext {
 	getName(): string | undefined;
 	readonly name: Observable<string | undefined>;
 
+	getCurrentVariantCultureIsReadOnly(): boolean;
+	readonly currentVariantCultureIsReadOnly: Observable<boolean>;
+
 	// Should it be possible to get the properties as a list of property aliases?
 	//readonly properties: Observable<Array<string>>;