Feature/1319 open desktop app in infoclick (#1341)

* (Proposal) simple solution for #1319 (WIP, see desc)

This solution must be properly tested. Also, the `transformLinkUri` key must be added to the admin-application.

* Added proposed url-setting to admin

* Fixed default value in admin for `transformLinkUri`

* Fixed bad default value for `transformLinkUri` in infoClick

new-admin/src/views/tools/infoclick.jsx

@@ -25,6 +25,7 @@ var defaultState = {
   anchorY: 1,
   allowDangerousHtml: true,
   useNewInfoclick: false,
+  transformLinkUri: true,
 };
 
 const ColorButtonBlue = withStyles((theme) => ({
@@ -70,6 +71,8 @@ class ToolOptions extends Component {
           tool.options.allowDangerousHtml || this.state.allowDangerousHtml,
         useNewInfoclick:
           tool.options.useNewInfoclick || this.state.useNewInfoclick,
+        transformLinkUri:
+          tool.options.transformLinkUri ?? this.state.transformLinkUri,
         visibleForGroups: tool.options.visibleForGroups
           ? tool.options.visibleForGroups
           : [],
@@ -143,6 +146,7 @@ class ToolOptions extends Component {
         fillColor: this.state.fillColor,
         allowDangerousHtml: this.state.allowDangerousHtml,
         useNewInfoclick: this.state.useNewInfoclick,
+        transformLinkUri: this.state.transformLinkUri,
         visibleForGroups: this.state.visibleForGroups.map(
           Function.prototype.call,
           String.prototype.trim
@@ -386,6 +390,22 @@ class ToolOptions extends Component {
               Använd ny Infoclick-variant (se GitHub issue #1034)
             </label>
           </div>
+          <div>
+            <input
+              id="transformLinkUri"
+              name="transformLinkUri"
+              type="checkbox"
+              onChange={(e) => {
+                this.handleInputChange(e);
+              }}
+              checked={this.state.transformLinkUri}
+            />
+            &nbsp;
+            <label htmlFor="transformLinkUri" style={{ width: "auto" }}>
+              URL-verifiering aktiverad. (Verifieringen måste avaktiveras för
+              att tillåta länkar till desktop-programvaror.)
+            </label>
+          </div>
           <div className="separator">Länkarnas utseende</div>
 
           <div>

new-client/src/components/FeatureInfo/FeaturePropsParsing.js

@@ -32,6 +32,9 @@ export default class FeaturePropsParsing {
 
     // Default to true to ensure backwards compatibility with old configs that predominately use HTML
     this.allowDangerousHtml = this.options.allowDangerousHtml ?? true;
+    // Do we want the markdown-renderer to transform the provided uri's or not? Defaults to true to make sure un-safe uri's are not passed by mistake.
+    // Disabling the transformer could be used to allow for links to desktop applications, for example app://open.
+    this.transformLinkUri = this.options.transformLinkUri ?? true;
 
     // Here we define the components used by ReactMarkdown, see https://github.com/remarkjs/react-markdown#appendix-b-components
     // Note that we import customComponentsForReactMarkdown from our shared library, spread those
@@ -423,6 +426,7 @@ export default class FeaturePropsParsing {
       // will make use of the results in this.resolvedPromises, so that's why we had to wait.
       return (
         <ReactMarkdown
+          transformLinkUri={this.transformLinkUri ? undefined : (x) => x} // If transformLinksUri is set to false, we pass a function that simply returns the uri as-is.
           remarkPlugins={[gfm]} // GitHub Formatted Markdown adds support for Tables in MD
           rehypePlugins={rehypePlugins} // Needed to parse HTML, activated in admin
           components={this.components} // Custom renderers for components, see definition in this.components