Disable text selection.

packages/mindplot/src/components/styles/mindplot-styles.js

@@ -12,6 +12,10 @@ const mindplotStyles = `
     background-image: linear-gradient(#ebe9e7 1px, transparent 1px),
     linear-gradient(to right, #ebe9e7 1px, #f2f2f2 1px);
     background-size: 50px 50px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
   }
 
   .mindplot-svg-tooltip {

packages/mindplot/src/index.ts

@@ -51,8 +51,6 @@ import { $notify } from './components/widget/ToolbarNotifier';
 
 import { $msg } from './components/Messages';
 
-import './mindplot-styles.css';
-
 const globalAny: any = global;
 globalAny.jQuery = jquery;
 // WebComponent registration

packages/mindplot/src/mindplot-styles.css

@@ -1,110 +0,0 @@
-/*
-	DO NOT USE THIS FILE until we resolve how to import .css files into shadow dom
-	As a workaround, use the file mindplot-styles.js instead
-*/
-.mindplot-svg-tooltip {
-	display: none;
-	color: rgb(51, 51, 51);
-	text-align: center;
-	padding: 1px;
-	border-radius: 6px;
-	position: absolute;
-	z-index: 999;
-	background-color: rgb(255, 255, 255);
-	animation: fadeIn 0.4s;
-}
-
-.fade-in {
-	animation: fadeIn ease 0.4s;
-	-webkit-animation: fadeIn ease 0.4s;
-	-moz-animation: fadeIn ease 0.4s;
-	-o-animation: fadeIn ease 0.4s;
-	-ms-animation: fadeIn ease 0.4s;
-  }
-
-
-  @keyframes fadeIn {
-	0% { opacity: 0; }
-	100% { opacity: 1; }
-  }
-  
-  @-moz-keyframes fadeIn {
-	0% { opacity: 0; }
-	100% { opacity: 1; }
-  }
-  
-  @-webkit-keyframes fadeIn {
-	0% { opacity: 0; }
-	100% { opacity: 1; }
-  }
-  
-  @-o-keyframes fadeIn {
-	0% { opacity: 0; }
-	100% { opacity: 1; }
-  }
-  
-  @-ms-keyframes fadeIn {
-	0% { opacity: 0; }
-	100% { opacity: 1; }
-  }
-
-.mindplot-svg-tooltip-title {
-	background-color: rgb(247, 247, 247);
-	border-bottom-color: rgb(235, 235, 235);
-	border-bottom-left-radius: 0px;
-	border-bottom-right-radius: 0px;
-	border-bottom-style: solid;
-	border-bottom-width: 1px;
-	border-top-left-radius: 5px;
-	border-top-right-radius: 5px;
-	box-sizing: border-box;
-	color: rgb(51, 51, 51);
-	cursor: default;
-	display: block;
-	font-family: Arial;
-	padding: 8px 14px;
-	text-align: left;
-}
-
-.mindplot-svg-tooltip-content {
-	background-color: rgb(255, 255, 255);
-	padding: 6px 4px;
-	max-width: 250px;
-}
-
-.mindplot-svg-tooltip-content-link {
-	padding: 3px 5px;
-	overflow: hidden;
-}
-
-.mindplot-svg-tooltip-content-note {
-	text-align: left;
-}
-
-.mindplot-svg-tooltip:before {
-	content: "";
-	position: absolute;
-	width: 0;
-	height: 0;
-	border-left: 10px solid transparent;
-	border-right: 10px solid transparent;
-	border-bottom: 10px solid #fff;
-	bottom: 100%;
-	right: 50%;
-	transform: translateX(50%);
-	z-index: 5;
-  }
-
-  .mindplot-svg-tooltip:after {
-	content: "";
-	display: block;
-	position: absolute;
-	width: 0;
-	height: 0;
-	border-left: 10px solid transparent;
-	border-right: 10px solid transparent;
-	border-bottom: 10px solid rgb(247, 247, 247);
-	bottom: calc(1px + 100%);
-	right: 50%;
-	transform: translateX(50%);
-  }

packages/webapp/src/components/maps-page/action-dispatcher/history-dialog/index.tsx

@@ -20,7 +20,6 @@ import Paper from '@mui/material/Paper';
 
 const HistoryDialog = ({ mapId, onClose }: SimpleDialogProps): React.ReactElement => {
   const intl = useIntl();
-  const queryClient = useQueryClient();
   const client: Client = useSelector(activeInstance);
   const { data } = useQuery<unknown, ErrorInfo, ChangeHistory[]>(
     `history-${mapId}`,