jodit 3.8.2 → 3.8.3

package/src/plugins/size/size.less

@@ -12,28 +12,31 @@
 
 	.jodit-workplace {
 		display: flex;
-		flex-direction: column;
+		overflow: hidden;
 		height: auto;
 		min-height: 50px;
-		overflow: hidden;
+		flex-direction: column;
 	}
 
 	.jodit-editor__resize {
 		position: relative;
 
-		a {
+		span {
 			position: absolute;
-			bottom: 0;
 			right: 0;
-			user-select: none;
+			bottom: 0;
+			overflow: hidden;
+
 			width: 0;
 			height: 0;
-			overflow: hidden;
+
 			border-width: @resizer-size @resizer-size 0 0;
+			border-style: dashed solid dashed dashed;
 			border-color: rgba(0, 0, 0, 0) var(--color-border) rgba(0, 0, 0, 0)
 				rgba(0, 0, 0, 0);
-			border-style: dashed solid dashed dashed;
+
 			cursor: se-resize;
+			user-select: none;
 		}
 	}
 }

package/src/plugins/symbols/symbols.less

@@ -24,10 +24,10 @@
 		width: 12%;
 
 		.jodit-symbols__preview {
-			font-size: 34px;
-			text-align: center;
 			padding: 20px 0;
 			border: 1px solid var(--color-border);
+			font-size: 34px;
+			text-align: center;
 		}
 	}
 
@@ -40,16 +40,21 @@
 			padding: 0;
 
 			a {
-				font-size: 16px;
-				text-decoration: none;
-				color: var(--color-default);
 				display: inline-block;
-				box-sizing: border-box;
 				width: calc(var(--width_element_default) * 1.2);
 				height: calc(var(--height_element_default) * 1.2);
+
+				box-sizing: border-box;
+
 				border: 1px solid transparent;
-				text-align: center;
+				color: var(--color-default);
+				cursor: pointer;
+
+				font-size: 16px;
 				line-height: calc(var(--height_element_default) * 1.2);
+				text-align: center;
+
+				text-decoration: none;
 				vertical-align: top;
 
 				&:hover,

package/src/plugins/symbols/symbols.ts

@@ -37,10 +37,14 @@ export class symbols extends Plugin {
 	override afterInit(jodit: IJodit): void {
 		jodit.e.on('generateSpecialCharactersTable.symbols', () => {
 			const container = jodit.c.fromHTML(
-					'<div class="jodit-symbols__container">' +
-						'<div class="jodit-symbols__container_table"><table><tbody></tbody></table></div>' +
-						'<div class="jodit-symbols__container_preview"><div class="jodit-symbols__preview"></div></div>' +
-						'</div>'
+					`<div class="jodit-symbols__container">
+						<div class="jodit-symbols__container_table">
+							<table><tbody></tbody></table>
+						</div>
+						<div class="jodit-symbols__container_preview">
+							<div class="jodit-symbols__preview"></div>
+						</div>
+					</div>`
 				) as HTMLDivElement,
 				preview = container.querySelector(
 					'.jodit-symbols__preview'
@@ -53,7 +57,7 @@ export class symbols extends Plugin {
 				const tr = jodit.c.element('tr');
 
 				for (
-					let j: number = 0;
+					let j = 0;
 					j < this.countInRow && i < jodit.o.specialCharacters.length;
 					j += 1, i += 1
 				) {
@@ -62,7 +66,6 @@ export class symbols extends Plugin {
 							`<a
 									data-index="${i}"
 									data-index-j="${j}"
-									href="javascript:void(0)"
 									role="option"
 									tabindex="-1"
 							>${jodit.o.specialCharacters[i]}</a>`

package/src/plugins/xpath/xpath.ts

@@ -90,7 +90,7 @@ export class xpath extends Plugin {
 		title: string
 	): HTMLElement => {
 		const item = this.j.c.fromHTML(
-			`<span class="jodit-xpath__item"><a role="button" data-path="${path}" href="javascript:void(0)" title="${title}" tabindex="-1"'>${trim(
+			`<span class="jodit-xpath__item"><a role="button" data-path="${path}" title="${title}" tabindex="-1"'>${trim(
 				name
 			)}</a></span>`
 		) as HTMLLIElement;

package/src/styles/jodit.less

@@ -27,7 +27,7 @@
 
 .jodit-container:not(.jodit_inline) {
 	border: 1px solid var(--color-border);
-	background-color: var(--color-background-default);
+	//background-color: var(--color-background-default);
 	border-radius: var(--border-radius-default);
 
 	.jodit-workplace {

package/src/types/ui.d.ts

@@ -50,11 +50,19 @@ export interface IUIIconState {
 	fill: string;
 }
 
+export type ButtonStatus =
+	| 'initial'
+	| 'default'
+	| 'primary'
+	| 'secondary'
+	| 'success'
+	| 'danger';
+
 export interface IUIButtonState {
 	size: 'tiny' | 'xsmall' | 'small' | 'middle' | 'large';
 	name: string;
 	value: string | number | boolean;
-	status: string;
+	status: ButtonStatus;
 	type: 'button' | 'submit';
 	disabled: boolean;
 	activated: boolean;