Bugfix: RTE TinyMCE data-type sorts configuration field order (#2279)

TinyMCE data-type adds weight to config

Author: leekelleher

src/packages/tiny-mce/property-editors/tiny-mce/Umbraco.RichText.ts

@@ -8,23 +8,26 @@ export const manifest: ManifestPropertyEditorSchema = {
 		defaultPropertyEditorUiAlias: 'Umb.PropertyEditorUi.TinyMCE',
 		settings: {
 			properties: [
+				{
+					alias: 'blocks',
+					label: 'Available Blocks',
+					description: 'Define the available blocks.',
+					propertyEditorUiAlias: 'Umb.PropertyEditorUi.BlockRteTypeConfiguration',
+					weight: 80,
+				},
 				{
 					alias: 'mediaParentId',
 					label: 'Image Upload Folder',
 					description: 'Choose the upload location of pasted images',
 					propertyEditorUiAlias: 'Umb.PropertyEditorUi.MediaEntityPicker',
 					config: [{ alias: 'validationLimit', value: { min: 0, max: 1 } }],
+					weight: 90,
 				},
 				{
 					alias: 'ignoreUserStartNodes',
 					label: 'Ignore User Start Nodes',
 					propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
-				},
-				{
-					alias: 'blocks',
-					label: 'Available Blocks',
-					description: 'Define the available blocks.',
-					propertyEditorUiAlias: 'Umb.PropertyEditorUi.BlockRteTypeConfiguration',
+					weight: 100,
 				},
 			],
 		},

src/packages/tiny-mce/property-editors/tiny-mce/manifests.ts

@@ -22,6 +22,7 @@ const manifest: ManifestPropertyEditorUi = {
 					label: 'Toolbar',
 					description: 'Pick the toolbar options that should be available when editing',
 					propertyEditorUiAlias: 'Umb.PropertyEditorUI.TinyMCE.ToolbarConfiguration',
+					weight: 10,
 					config: [
 						{
 							alias: 'toolbar',
@@ -68,36 +69,42 @@ const manifest: ManifestPropertyEditorUi = {
 					label: 'Stylesheets',
 					description: 'Pick the stylesheets whose editor styles should be available when editing',
 					propertyEditorUiAlias: 'Umb.PropertyEditorUI.TinyMCE.StylesheetsConfiguration',
+					weight: 20,
 				},
 				{
 					alias: 'dimensions',
 					label: 'Dimensions',
 					description: 'Set the editor dimensions',
 					propertyEditorUiAlias: 'Umb.PropertyEditorUI.TinyMCE.DimensionsConfiguration',
+					weight: 30,
 				},
 				{
 					alias: 'maxImageSize',
 					label: 'Maximum size for inserted images',
 					description: 'Maximum width or height - enter 0 to disable resizing',
 					propertyEditorUiAlias: 'Umb.PropertyEditorUI.TinyMCE.MaxImageSizeConfiguration',
+					weight: 40,
 				},
 				{
 					alias: 'mode',
 					label: 'Mode',
 					description: 'Select the mode for the editor',
 					propertyEditorUiAlias: 'Umb.PropertyEditorUi.RadioButtonList',
 					config: [{ alias: 'items', value: ['Classic', 'Inline'] }],
+					weight: 50,
 				},
 				{
 					alias: 'overlaySize',
 					label: 'Overlay Size',
 					description: 'Select the width of the overlay (link picker)',
 					propertyEditorUiAlias: 'Umb.PropertyEditorUi.OverlaySize',
+					weight: 81,
 				},
 				{
 					alias: 'hideLabel',
 					label: 'Hide Label',
 					propertyEditorUiAlias: 'Umb.PropertyEditorUi.Toggle',
+					weight: 82,
 				},
 			],
 			defaultData: [