@retikolo/drag-drop-content-types 1.3.7 → 1.3.10

package/admin/src/components/SortModal/index.js

@@ -177,7 +177,8 @@ const SortModal = () => {
 	const showMenu = () => {
 
 		const SortableItem = SortableElement(({ value }) => (
-			<MenuItem style={{ zIndex: 10, cursor: "all-scroll" }}>
+			<MenuItem style={{ zIndex: 10, cursor: "all-scroll", userSelect: "none" }}
+				onSelect={(e) => { e.preventDefault() }}>
 				<div
 					style={{
 						overflowX: "hidden",
@@ -187,8 +188,8 @@ const SortModal = () => {
 				>
 					<Icon height={"0.6em"} as={Drag} />
 					&nbsp;
-					<span title={value[settings.title] ? value[settings.title] : value[mainField] }>
-						{value[settings.title] ? value[settings.title] : value[mainField] }
+					<span title={value[settings.title] ? value[settings.title] : value[mainField]}>
+						{value[settings.title] ? value[settings.title] : value[mainField]}
 					</span>
 				</div>
 			</MenuItem>
@@ -221,10 +222,11 @@ const SortModal = () => {
 			status == 'success' ?
 				<>
 					<SimpleMenu
-						as={IconButton}
-						icon={<Layer />}
-						label="Sort via drag and drop"
-						onClick={() => {
+						label="Sort"
+						//as={IconButton}
+						//icon={<Layer />}
+						//aria-label="Sort via drag and drop"
+						onOpen={() => {
 							fetchContentType();
 						}}
 					>
@@ -253,7 +255,7 @@ const SortModal = () => {
 
 	// Update menu when loading more elements
 	useEffect(() => {
-		if (settings){
+		if (settings) {
 			fetchContentType();
 		}
 	}, [noEntriesFromNextPage])

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@retikolo/drag-drop-content-types",
-	"version": "1.3.7",
+	"version": "1.3.10",
 	"description": "This plugin add a drag and droppable list that allows you to sort content type entries.",
 	"strapi": {
 		"name": "drag-drop-content-types",