@jbrowse/core 2.0.1 → 2.1.0

package/ui/PrerenderedCanvas.js

@@ -1,95 +1,71 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports.default = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _offscreenCanvasPonyfill = require("../util/offscreenCanvasPonyfill");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const prop_types_1 = __importDefault(require("prop-types"));
+const react_1 = __importStar(require("react"));
+const offscreenCanvasPonyfill_1 = require("../util/offscreenCanvasPonyfill");
 function PrerenderedCanvas(props) {
-  var width = props.width,
-      height = props.height,
-      highResolutionScaling = props.highResolutionScaling,
-      style = props.style,
-      imageData = props.imageData,
-      blockKey = props.blockKey,
-      showSoftClip = props.showSoftClip;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      done = _useState2[0],
-      setDone = _useState2[1];
-
-  var featureCanvas = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (!imageData) {
-      return;
-    }
-
-    var canvas = featureCanvas.current;
-
-    if (!canvas) {
-      return;
-    }
-
-    var context = canvas.getContext('2d');
-
-    if (!context) {
-      return;
-    }
-
-    (0, _offscreenCanvasPonyfill.drawImageOntoCanvasContext)(imageData, context);
-    setDone(true);
-  }, [imageData]);
-  var softClipString = showSoftClip ? '_softclipped' : '';
-  var blockKeyStr = blockKey ? '_' + blockKey : '';
-  var testId = "prerendered_canvas".concat(softClipString).concat(blockKeyStr).concat(done ? '_done' : '');
-  return /*#__PURE__*/_react.default.createElement("canvas", {
-    "data-testid": testId,
-    ref: featureCanvas,
-    width: width * highResolutionScaling,
-    height: height * highResolutionScaling,
-    style: _objectSpread({
-      width: width,
-      height: height
-    }, style)
-  });
+    const { width, height, highResolutionScaling, style, imageData, blockKey, showSoftClip, } = props;
+    const [done, setDone] = (0, react_1.useState)(false);
+    const featureCanvas = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!imageData) {
+            return;
+        }
+        const canvas = featureCanvas.current;
+        if (!canvas) {
+            return;
+        }
+        const context = canvas.getContext('2d');
+        if (!context) {
+            return;
+        }
+        (0, offscreenCanvasPonyfill_1.drawImageOntoCanvasContext)(imageData, context);
+        setDone(true);
+    }, [imageData]);
+    const softClipString = showSoftClip ? '_softclipped' : '';
+    const blockKeyStr = blockKey ? '_' + blockKey : '';
+    const testId = `prerendered_canvas${softClipString}${blockKeyStr}${done ? '_done' : ''}`;
+    return (react_1.default.createElement("canvas", { "data-testid": testId, ref: featureCanvas, width: width * highResolutionScaling, height: height * highResolutionScaling, style: { width, height, ...style } }));
 }
-
 PrerenderedCanvas.propTypes = {
-  height: _propTypes.default.number.isRequired,
-  width: _propTypes.default.number.isRequired,
-  highResolutionScaling: _propTypes.default.number,
-  style: _propTypes.default.objectOf(_propTypes.default.any),
-  imageData: _propTypes.default.any // config: ReactPropTypes.objectOf(ReactPropTypes.any),
-
+    height: prop_types_1.default.number.isRequired,
+    width: prop_types_1.default.number.isRequired,
+    highResolutionScaling: prop_types_1.default.number,
+    style: prop_types_1.default.objectOf(prop_types_1.default.any),
+    imageData: prop_types_1.default.any,
+    // config: ReactPropTypes.objectOf(ReactPropTypes.any),
 };
 PrerenderedCanvas.defaultProps = {
-  imageData: undefined,
-  highResolutionScaling: 1,
-  style: {} // config: {},
-
+    imageData: undefined,
+    highResolutionScaling: 1,
+    style: {},
+    // config: {},
 };
-var _default = PrerenderedCanvas;
-exports.default = _default;
+exports.default = PrerenderedCanvas;

package/ui/ResizeHandle.js

@@ -1,123 +1,94 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
 });
-exports.default = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _mui = require("tss-react/mui");
-
-var _excluded = ["onDrag", "vertical", "flexbox", "className"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var useStyles = (0, _mui.makeStyles)()({
-  horizontalHandle: {
-    cursor: 'row-resize',
-    width: '100%'
-  },
-  verticalHandle: {
-    cursor: 'col-resize',
-    height: '100%'
-  },
-  flexbox_verticalHandle: {
-    cursor: 'col-resize',
-    alignSelf: 'stretch' // the height: 100% is actually unable to function inside flexbox
-
-  },
-  flexbox_horizontalHandle: {
-    cursor: 'row-resize',
-    alignSelf: 'stretch' // similar to above
-
-  }
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const mui_1 = require("tss-react/mui");
+const useStyles = (0, mui_1.makeStyles)()({
+    horizontalHandle: {
+        cursor: 'row-resize',
+        width: '100%',
+    },
+    verticalHandle: {
+        cursor: 'col-resize',
+        height: '100%',
+    },
+    flexbox_verticalHandle: {
+        cursor: 'col-resize',
+        alignSelf: 'stretch', // the height: 100% is actually unable to function inside flexbox
+    },
+    flexbox_horizontalHandle: {
+        cursor: 'row-resize',
+        alignSelf: 'stretch', // similar to above
+    },
 });
-
-function ResizeHandle(_ref) {
-  var onDrag = _ref.onDrag,
-      _ref$vertical = _ref.vertical,
-      vertical = _ref$vertical === void 0 ? false : _ref$vertical,
-      _ref$flexbox = _ref.flexbox,
-      flexbox = _ref$flexbox === void 0 ? false : _ref$flexbox,
-      originalClassName = _ref.className,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      mouseDragging = _useState2[0],
-      setMouseDragging = _useState2[1];
-
-  var prevPos = (0, _react.useRef)(0);
-
-  var _useStyles = useStyles(),
-      classes = _useStyles.classes,
-      cx = _useStyles.cx;
-
-  (0, _react.useEffect)(function () {
-    function mouseMove(event) {
-      event.preventDefault();
-      var pos = vertical ? event.clientX : event.clientY;
-      var distance = pos - prevPos.current;
-
-      if (distance) {
-        onDrag(distance);
-        prevPos.current = pos;
-      }
-    }
-
-    function mouseUp() {
-      setMouseDragging(false);
+function ResizeHandle({ onDrag, vertical = false, flexbox = false, className: originalClassName, ...props }) {
+    const [mouseDragging, setMouseDragging] = (0, react_1.useState)(false);
+    const prevPos = (0, react_1.useRef)(0);
+    const { classes, cx } = useStyles();
+    (0, react_1.useEffect)(() => {
+        function mouseMove(event) {
+            event.preventDefault();
+            const pos = vertical ? event.clientX : event.clientY;
+            const distance = pos - prevPos.current;
+            if (distance) {
+                onDrag(distance);
+                prevPos.current = pos;
+            }
+        }
+        function mouseUp() {
+            setMouseDragging(false);
+        }
+        if (mouseDragging) {
+            window.addEventListener('mousemove', mouseMove, true);
+            window.addEventListener('mouseup', mouseUp, true);
+            return () => {
+                window.removeEventListener('mousemove', mouseMove, true);
+                window.removeEventListener('mouseup', mouseUp, true);
+            };
+        }
+        return () => { };
+    }, [mouseDragging, onDrag, vertical]);
+    let className;
+    if (flexbox) {
+        if (vertical) {
+            className = classes.flexbox_verticalHandle;
+        }
+        else {
+            className = classes.flexbox_horizontalHandle;
+        }
     }
-
-    if (mouseDragging) {
-      window.addEventListener('mousemove', mouseMove, true);
-      window.addEventListener('mouseup', mouseUp, true);
-      return function () {
-        window.removeEventListener('mousemove', mouseMove, true);
-        window.removeEventListener('mouseup', mouseUp, true);
-      };
+    else if (vertical) {
+        className = classes.verticalHandle;
     }
-
-    return function () {};
-  }, [mouseDragging, onDrag, vertical]);
-  var className;
-
-  if (flexbox) {
-    if (vertical) {
-      className = classes.flexbox_verticalHandle;
-    } else {
-      className = classes.flexbox_horizontalHandle;
+    else {
+        className = classes.horizontalHandle;
     }
-  } else if (vertical) {
-    className = classes.verticalHandle;
-  } else {
-    className = classes.horizontalHandle;
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-    "data-resizer": "true",
-    onMouseDown: function onMouseDown(event) {
-      event.preventDefault();
-      prevPos.current = vertical ? event.clientX : event.clientY;
-      setMouseDragging(true);
-    },
-    role: "presentation",
-    className: cx(className, originalClassName)
-  }, props));
+    return (react_1.default.createElement("div", { "data-resizer": "true", onMouseDown: event => {
+            event.preventDefault();
+            prevPos.current = vertical ? event.clientX : event.clientY;
+            setMouseDragging(true);
+        }, role: "presentation", className: cx(className, originalClassName), ...props }));
 }
-
-var _default = ResizeHandle;
-exports.default = _default;
+exports.default = ResizeHandle;

package/ui/ReturnToImportFormDialog.js

@@ -1,67 +1,36 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _mobxReact = require("mobx-react");
-
-var _material = require("@mui/material");
-
-var _mui = require("tss-react/mui");
-
-var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
-
-var useStyles = (0, _mui.makeStyles)()(function (theme) {
-  return {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const mobx_react_1 = require("mobx-react");
+const material_1 = require("@mui/material");
+const mui_1 = require("tss-react/mui");
+const Close_1 = __importDefault(require("@mui/icons-material/Close"));
+const useStyles = (0, mui_1.makeStyles)()(theme => ({
     closeButton: {
-      position: 'absolute',
-      right: theme.spacing(1),
-      top: theme.spacing(1),
-      color: theme.palette.grey[500]
-    }
-  };
-});
-
-function ReturnToImportFormDialog(_ref) {
-  var model = _ref.model,
-      handleClose = _ref.handleClose;
-
-  var _useStyles = useStyles(),
-      classes = _useStyles.classes;
-
-  return /*#__PURE__*/_react.default.createElement(_material.Dialog, {
-    maxWidth: "xl",
-    open: true,
-    onClose: handleClose
-  }, /*#__PURE__*/_react.default.createElement(_material.DialogTitle, null, "Reference sequence", handleClose ? /*#__PURE__*/_react.default.createElement(_material.IconButton, {
-    className: classes.closeButton,
-    onClick: function onClick() {
-      return handleClose();
+        position: 'absolute',
+        right: theme.spacing(1),
+        top: theme.spacing(1),
+        color: theme.palette.grey[500],
     },
-    size: "large"
-  }, /*#__PURE__*/_react.default.createElement(_Close.default, null)) : null), /*#__PURE__*/_react.default.createElement(_material.Divider, null), /*#__PURE__*/_react.default.createElement(_material.DialogContent, null, /*#__PURE__*/_react.default.createElement(_material.Typography, null, "Are you sure you want to return to the import form? This will lose your current view")), /*#__PURE__*/_react.default.createElement(_material.DialogActions, null, /*#__PURE__*/_react.default.createElement(_material.Button, {
-    onClick: function onClick() {
-      model.clearView();
-      handleClose();
-    },
-    variant: "contained",
-    color: "primary",
-    autoFocus: true
-  }, "OK"), /*#__PURE__*/_react.default.createElement(_material.Button, {
-    onClick: function onClick() {
-      return handleClose();
-    },
-    color: "secondary",
-    variant: "contained"
-  }, "Cancel")));
+}));
+function ReturnToImportFormDialog({ model, handleClose, }) {
+    const { classes } = useStyles();
+    return (react_1.default.createElement(material_1.Dialog, { maxWidth: "xl", open: true, onClose: handleClose },
+        react_1.default.createElement(material_1.DialogTitle, null,
+            "Reference sequence",
+            handleClose ? (react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: () => handleClose(), size: "large" },
+                react_1.default.createElement(Close_1.default, null))) : null),
+        react_1.default.createElement(material_1.Divider, null),
+        react_1.default.createElement(material_1.DialogContent, null,
+            react_1.default.createElement(material_1.Typography, null, "Are you sure you want to return to the import form? This will lose your current view")),
+        react_1.default.createElement(material_1.DialogActions, null,
+            react_1.default.createElement(material_1.Button, { onClick: () => {
+                    model.clearView();
+                    handleClose();
+                }, variant: "contained", color: "primary", autoFocus: true }, "OK"),
+            react_1.default.createElement(material_1.Button, { onClick: () => handleClose(), color: "secondary", variant: "contained" }, "Cancel"))));
 }
-
-var _default = (0, _mobxReact.observer)(ReturnToImportFormDialog);
-
-exports.default = _default;
+exports.default = (0, mobx_react_1.observer)(ReturnToImportFormDialog);

package/ui/SanitizedHTML.js

@@ -1,57 +1,74 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SanitizedHTML;
-exports.isHTML = isHTML;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _escapeHtml = _interopRequireDefault(require("escape-html"));
-
-var _dompurify = _interopRequireDefault(require("dompurify"));
-
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isHTML = void 0;
+const react_1 = __importDefault(require("react"));
+const escape_html_1 = __importDefault(require("escape-html"));
+const dompurify_1 = __importDefault(require("dompurify"));
 // source https://github.com/sindresorhus/html-tags/blob/master/html-tags.json
 // with some random uncommon ones removed. note: we just use this to run the content
 // through dompurify without escaping if we see an htmlTag from this list
 // otherwise we escape angle brackets and things prematurely because it might be
 // something like <TRA> in VCF. Ref #657
-var htmlTags = ['a', 'b', 'br', 'code', 'div', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'i', 'img', 'li', 'p', 'pre', 'span', 'small', 'strong', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'u', 'ul'];
-var added = false; // adapted from is-html
+const htmlTags = [
+    'a',
+    'b',
+    'br',
+    'code',
+    'div',
+    'em',
+    'h1',
+    'h2',
+    'h3',
+    'h4',
+    'h5',
+    'h6',
+    'i',
+    'img',
+    'li',
+    'p',
+    'pre',
+    'span',
+    'small',
+    'strong',
+    'table',
+    'tbody',
+    'td',
+    'tfoot',
+    'th',
+    'thead',
+    'tr',
+    'u',
+    'ul',
+];
+let added = false;
+// adapted from is-html
 // https://github.com/sindresorhus/is-html/blob/master/index.js
-
-var full = new RegExp(htmlTags.map(function (tag) {
-  return "<".concat(tag, "\\b[^>]*>");
-}).join('|'), 'i');
-
+const full = new RegExp(htmlTags.map(tag => `<${tag}\\b[^>]*>`).join('|'), 'i');
 function isHTML(str) {
-  return full.test(str);
+    return full.test(str);
 }
-
-function SanitizedHTML(_ref) {
-  var html = _ref.html;
-  var value = isHTML(html) ? html : (0, _escapeHtml.default)(html);
-
-  if (!added) {
-    added = true; // see https://github.com/cure53/DOMPurify/issues/317
-    // only have to add this once, and can't do it globally because dompurify
-    // not yet initialized at global scope
-
-    _dompurify.default.addHook('afterSanitizeAttributes', function (node) {
-      if (node.tagName === 'A') {
-        node.setAttribute('rel', 'noopener noreferrer');
-        node.setAttribute('target', '_blank');
-      }
-    });
-  }
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    // eslint-disable-next-line react/no-danger
-    dangerouslySetInnerHTML: {
-      __html: _dompurify.default.sanitize(value)
+exports.isHTML = isHTML;
+function SanitizedHTML({ html }) {
+    const value = isHTML(html) ? html : (0, escape_html_1.default)(html);
+    if (!added) {
+        added = true;
+        // see https://github.com/cure53/DOMPurify/issues/317
+        // only have to add this once, and can't do it globally because dompurify
+        // not yet initialized at global scope
+        dompurify_1.default.addHook('afterSanitizeAttributes', node => {
+            if (node.tagName === 'A') {
+                node.setAttribute('rel', 'noopener noreferrer');
+                node.setAttribute('target', '_blank');
+            }
+        });
     }
-  });
-}
+    return (react_1.default.createElement("div", { 
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML: {
+            __html: dompurify_1.default.sanitize(value),
+        } }));
+}
+exports.default = SanitizedHTML;