@digigov/ui 2.0.0-cbc56209 → 2.0.0-d2ffc726

package/content/List/__stories__/HorizontalList.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const HorizontalList: () => JSX.Element;
+import React from 'react';
+export declare const HorizontalList: (_: any) => React.JSX.Element;
 export default HorizontalList;

package/content/List/__stories__/NestedBulletList.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const NestedBulletList: () => JSX.Element;
+import React from 'react';
+export declare const NestedBulletList: (_: any) => React.JSX.Element;
 export default NestedBulletList;

package/content/List/__stories__/NumberedList.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const NumberedList: () => JSX.Element;
+import React from 'react';
+export declare const NumberedList: (_: any) => React.JSX.Element;
 export default NumberedList;

package/content/List/__stories__/WithExtraSpace.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithExtraSpace: () => JSX.Element;
+import React from 'react';
+export declare const WithExtraSpace: (_: any) => React.JSX.Element;
 export default WithExtraSpace;

package/content/List/index.js

@@ -1,3 +1,7 @@
-export { List as default } from '@digigov/ui/content/List/List';
-export * from '@digigov/ui/content/List/List';
-export * from '@digigov/ui/content/List/ListItem';
+import { List } from "@digigov/ui/content/List/List";
+export * from "@digigov/ui/content/List/List";
+export * from "@digigov/ui/content/List/ListItem";
+export {
+  List as default
+};
+//# sourceMappingURL=index.js.map

package/content/List/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/content/List/index.tsx"],
+  "sourcesContent": ["export { List as default } from '@digigov/ui/content/List/List';\nexport * from '@digigov/ui/content/List/List';\nexport * from '@digigov/ui/content/List/ListItem';\n"],
+  "mappings": "AAAA,SAAiB,YAAe;AAChC,cAAc;AACd,cAAc;",
+  "names": []
+}

package/content/List/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/content/Markdown/Markdown.stories.d.ts

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export let title: string;
+    export let description: string;
+    export { Markdown as component };
+    export let displayName: string;
+}
+export default _default;
+export { Default } from "@digigov/ui/content/Markdown/__stories__/Default";
+import Markdown from '@digigov/ui/content/Markdown';

package/content/Markdown/__stories__/Default.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Default: (_: any) => React.JSX.Element;
+export default Default;

package/content/Markdown/index.d.ts

@@ -1,3 +1,6 @@
-/// <reference types="react" />
-export declare const Markdown: (children: any, props: any) => JSX.Element;
+import React from 'react';
+export declare const Markdown: ({ children, content, }: {
+    children?: React.ReactNode;
+    content?: string;
+}) => React.JSX.Element;
 export default Markdown;

package/content/Markdown/index.js

@@ -1,11 +1,17 @@
-import React from 'react';
-import { useMarkdownToHTML } from '@digigov/ui/content/Markdown/useMarkdownToHTML';
-import SafeHTML from '@digigov/ui/content/SafeHTML';
-export var Markdown = function Markdown(children, props) {
-  var content = props.content || children;
-  var html = useMarkdownToHTML(content.content);
-  return /*#__PURE__*/React.createElement(SafeHTML, {
-    content: html
-  });
+import React from "react";
+import { useMarkdownToHTML } from "@digigov/ui/content/Markdown/useMarkdownToHTML";
+import SafeHTML from "@digigov/ui/content/SafeHTML";
+const Markdown = ({
+  children,
+  content
+}) => {
+  content = content || children;
+  const html = useMarkdownToHTML(content);
+  return /* @__PURE__ */ React.createElement(SafeHTML, { content: html });
 };
-export default Markdown;
+var Markdown_default = Markdown;
+export {
+  Markdown,
+  Markdown_default as default
+};
+//# sourceMappingURL=index.js.map

package/content/Markdown/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/content/Markdown/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { useMarkdownToHTML } from '@digigov/ui/content/Markdown/useMarkdownToHTML';\nimport SafeHTML from '@digigov/ui/content/SafeHTML';\n\nexport const Markdown = ({\n  children,\n  content,\n}: {\n  children?: React.ReactNode;\n  content?: string;\n}) => {\n  content = content || (children as string);\n\n  const html = useMarkdownToHTML(content);\n  return <SafeHTML content={html} />;\n};\n\nexport default Markdown;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAClC,OAAO,cAAc;AAEd,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AACF,MAGM;AACJ,YAAU,WAAY;AAEtB,QAAM,OAAO,kBAAkB,OAAO;AACtC,SAAO,oCAAC,YAAS,SAAS,MAAM;AAClC;AAEA,IAAO,mBAAQ;",
+  "names": []
+}

package/content/Markdown/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/content/Markdown/useMarkdownToHTML/index.js

@@ -1,86 +1,85 @@
-/* eslint-disable */
-/**
- * nano-markdown - a minimal markdown to html converter
- * Copyright (c) 2015, Vladimir Antonov. (MIT Licensed)
- * https://github.com/Holixus/nano-markdown
- */
-
-// Removed IIFE
-
-"use strict";
-
 import { useMemo } from "react";
-var escapes = '\\[!]#{()}*+-._';
-var esc_ofs = 16;
+const escapes = "\\[!]#{()}*+-._";
+const esc_ofs = 16;
 function lex(a) {
-  return a.replace(/\\([(){}[\]#*+\-.!_\\])/g, function (_, ch) {
+  return a.replace(/\\([(){}[\]#*+\-.!_\\])/g, function(_, ch) {
     return String.fromCharCode(1, escapes.indexOf(ch) + esc_ofs);
-  }).replace(/(\*\*|__|~~)(.*?)\1/g, function (_, delim, text) {
-    return delim === '~~' ? '<del>' + text + '</del>' : '<b>' + text + '</b>';
-    // @ts-ignore
-  }).replace(/(\n|^|\W)([_\*])(.*?)\2(\W|$|\n)/g, function (_, l, di, ital, r) {
-    return l + '<i>' + ital + '</i>' + r;
-  }).replace(/(!?)\[([^\]<>]+)\]\((\+?)([^ \)<>]+)(?: "([^\(\)\"]+)")?\)/g, function (_, is_img, text, new_tab, ref, title) {
-    var attrs = title ? ' title="' + title + '"' : '';
-    if (is_img) return '<img src="' + nmd.href(ref) + '" alt="' + text + '"' + attrs + '/>';
-    if (new_tab) attrs += ' target="_blank" rel="noopener"';
-    return '<a href="' + nmd.href(ref) + '"' + attrs + '>' + text + '</a>';
+  }).replace(/(\*\*|__|~~)(.*?)\1/g, function(_, delim, text) {
+    return delim === "~~" ? "<del>" + text + "</del>" : "<b>" + text + "</b>";
+  }).replace(/(\n|^|\W)([_\*])(.*?)\2(\W|$|\n)/g, function(_, l, di, ital, r) {
+    return l + "<i>" + ital + "</i>" + r;
+  }).replace(/(!?)\[([^\]<>]+)\]\((\+?)([^ \)<>]+)(?: "([^\(\)\"]+)")?\)/g, function(_, is_img, text, new_tab, ref, title) {
+    let attrs = title ? ' title="' + title + '"' : "";
+    if (is_img)
+      return '<img src="' + nmd.href(ref) + '" alt="' + text + '"' + attrs + "/>";
+    if (new_tab)
+      attrs += ' target="_blank" rel="noopener"';
+    return '<a href="' + nmd.href(ref) + '"' + attrs + ">" + text + "</a>";
   });
 }
 function unesc(a) {
-  return a.replace(/\x01([\x0f-\x1c])/g, function (_, c) {
+  return a.replace(/\x01([\x0f-\x1c])/g, function(_, c) {
     return escapes.charAt(c.charCodeAt(0) - esc_ofs);
   });
 }
-var nmd = function nmd(md) {
-  return md.replace(/.+(?:\n.+)*/g, function (m) {
-    var code = /^\s{4}([^]*)$/.exec(m);
-    if (code) return '<pre><code>' + code[1].replace(/\n    /g, '\n') + '</code></pre>';
-    var ps = [];
-    var cur = null;
-    var rows = lex(m).split('\n');
-    for (var i = 0, l = rows.length; i < l; ++i) {
-      var row = rows[i],
-        head = /^\s{0,3}(\#{1,6})\s+(.*?)\s*#*\s*$/.exec(row);
+const nmd = function(md) {
+  return md.replace(/.+(?:\n.+)*/g, function(m) {
+    const code = /^\s{4}([^]*)$/.exec(m);
+    if (code)
+      return "<pre><code>" + code[1].replace(/\n    /g, "\n") + "</code></pre>";
+    const ps = [];
+    let cur = null;
+    const rows = lex(m).split("\n");
+    for (let i = 0, l = rows.length; i < l; ++i) {
+      const row = rows[i], head = /^\s{0,3}(\#{1,6})\s+(.*?)\s*#*\s*$/.exec(row);
       if (head) {
-        ps.push(cur = [head[2], 'h', head[1].length]);
+        ps.push(cur = [head[2], "h", head[1].length]);
         continue;
       }
-      var list = /^(\s*)(?:[-*]|(\d[.)])) (.+)$/.exec(row);
-      if (list) ps.push(cur = [list[3], list[2] ? 'ol' : 'ul', list[1].length]);else if (/^\s{0,3}([-])(\s*\1){2,}\s*$/.test(row)) ps.push(cur = ['', 'hr']);else if (cur && cur[1] !== 'hr' && cur[1] !== 'h') cur[0] += '\n' + row;else ps.push(cur = [row, 'span', '']);
+      const list = /^(\s*)(?:[-*]|(\d[.)])) (.+)$/.exec(row);
+      if (list)
+        ps.push(cur = [list[3], list[2] ? "ol" : "ul", list[1].length]);
+      else if (/^\s{0,3}([-])(\s*\1){2,}\s*$/.test(row))
+        ps.push(cur = ["", "hr"]);
+      else if (cur && cur[1] !== "hr" && cur[1] !== "h")
+        cur[0] += "\n" + row;
+      else
+        ps.push(cur = [row, "span", ""]);
     }
-    var out = '',
-      lists = [];
-    for (var _i = 0, _l = ps.length; _i < _l; ++_i) {
-      cur = ps[_i];
-      var text = cur[0],
-        tag = cur[1],
-        lvl = cur[2];
-      if (tag === 'ul' || tag === 'ol') {
+    let out = "", lists = [];
+    for (let i = 0, l = ps.length; i < l; ++i) {
+      cur = ps[i];
+      const text = cur[0], tag = cur[1], lvl = cur[2];
+      if (tag === "ul" || tag === "ol") {
         if (!lists.length || lvl > lists[0][1]) {
           lists.unshift([tag, lvl]);
-          out += '<' + lists[0][0] + '><li>' + text;
+          out += "<" + lists[0][0] + "><li>" + text;
         } else if (lists.length > 1 && lvl <= lists[1][1]) {
-          out += '</li></' + lists.shift()[0] + '>';
-          --_i;
-        } else out += '</li><li>' + text;
+          out += "</li></" + lists.shift()[0] + ">";
+          --i;
+        } else
+          out += "</li><li>" + text;
       } else {
-        while (lists.length) out += '</li></' + lists.shift()[0] + '>';
-        out += tag === 'hr' ? '<hr/>' : '<' + tag + lvl + nmd.headAttrs() + '>' + text + '</' + tag + lvl + '>';
+        while (lists.length)
+          out += "</li></" + lists.shift()[0] + ">";
+        out += tag === "hr" ? "<hr/>" : "<" + tag + lvl + nmd.headAttrs() + ">" + text + "</" + tag + lvl + ">";
       }
     }
-    while (lists.length) out += '</li></' + lists.shift()[0] + '>';
+    while (lists.length)
+      out += "</li></" + lists.shift()[0] + ">";
     return unesc(out);
   });
 };
-nmd.href = function (ref) {
+nmd.href = function(ref) {
   return ref;
 };
-nmd.headAttrs = function () {
-  return '';
+nmd.headAttrs = function() {
+  return "";
 };
-export function useMarkdownToHTML(markdown) {
-  return useMemo(function () {
-    return nmd(markdown);
-  }, [markdown]);
-}
+function useMarkdownToHTML(markdown) {
+  return useMemo(() => nmd(markdown), [markdown]);
+}
+export {
+  useMarkdownToHTML
+};
+//# sourceMappingURL=useMarkdownToHTML.js.map

package/content/Markdown/useMarkdownToHTML.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/content/Markdown/useMarkdownToHTML.ts"],
+  "sourcesContent": ["/* eslint-disable */\n/**\n * nano-markdown - a minimal markdown to html converter\n * Copyright (c) 2015, Vladimir Antonov. (MIT Licensed)\n * https://github.com/Holixus/nano-markdown\n */\n\n// Removed IIFE\n\n\"use strict\";\n\nimport { useMemo } from \"react\";\n\nconst escapes = '\\\\[!]#{()}*+-._';\nconst esc_ofs = 16;\n\nfunction lex(a) {\n    return a.replace(/\\\\([(){}[\\]#*+\\-.!_\\\\])/g, function (_, ch) {\n        return String.fromCharCode(1, escapes.indexOf(ch) + esc_ofs);\n    }).replace(/(\\*\\*|__|~~)(.*?)\\1/g, function (_, delim, text) {\n        return (delim === '~~') ? '<del>' + text + '</del>' : '<b>' + text + '</b>';\n    // @ts-ignore\n    }).replace(/(\\n|^|\\W)([_\\*])(.*?)\\2(\\W|$|\\n)/g, function (_, l, di, ital, r) {\n        return l + '<i>' + ital + '</i>' + r;\n    }).replace(/(!?)\\[([^\\]<>]+)\\]\\((\\+?)([^ \\)<>]+)(?: \"([^\\(\\)\\\"]+)\")?\\)/g, function (_, is_img, text, new_tab, ref, title) {\n        let attrs = title ? ' title=\"' + title + '\"' : '';\n        if (is_img)\n            return '<img src=\"' + nmd.href(ref) + '\" alt=\"' + text + '\"' + attrs + '/>';\n        if (new_tab)\n            attrs += ' target=\"_blank\" rel=\"noopener\"';\n        return '<a href=\"' + nmd.href(ref) + '\"' + attrs + '>' + text + '</a>';\n    });\n}\n\nfunction unesc(a) {\n    return a.replace(/\\x01([\\x0f-\\x1c])/g, function (_, c) {\n        return escapes.charAt(c.charCodeAt(0) - esc_ofs);\n    });\n}\n\nconst nmd = function (md) {\n    return md.replace(/.+(?:\\n.+)*/g, function (m) {\n        const code = /^\\s{4}([^]*)$/.exec(m);\n        if (code)\n            return '<pre><code>' + code[1].replace(/\\n    /g, '\\n') + '</code></pre>';\n        const ps:any[] = []\n        let cur:any = null\n        const rows = lex(m).split('\\n');\n        for (let i = 0, l = rows.length; i < l; ++i) {\n            const row = rows[i],\n                head = /^\\s{0,3}(\\#{1,6})\\s+(.*?)\\s*#*\\s*$/.exec(row);\n            if (head) {\n                ps.push(cur = [head[2], 'h', head[1].length]);\n                continue;\n            }\n            const list = /^(\\s*)(?:[-*]|(\\d[.)])) (.+)$/.exec(row);\n            if (list)\n                ps.push(cur = [list[3], list[2] ? 'ol' : 'ul', list[1].length]);\n            else if (/^\\s{0,3}([-])(\\s*\\1){2,}\\s*$/.test(row))\n                ps.push(cur = ['', 'hr']);\n            else if (cur && cur[1] !== 'hr' && cur[1] !== 'h')\n                cur[0] += '\\n' + row;\n            else\n                ps.push(cur = [row, 'span', '']);\n        }\n        let out = '', lists:any = [];\n        for (let i = 0, l = ps.length; i < l; ++i) {\n            cur = ps[i];\n            const text = cur[0], tag = cur[1], lvl = cur[2];\n            if (tag === 'ul' || tag === 'ol') {\n                if (!lists.length || lvl > lists[0][1]) {\n                    lists.unshift([tag, lvl]);\n                    out += '<' + lists[0][0] + '><li>' + text;\n                } else if (lists.length > 1 && lvl <= lists[1][1]) {\n                    out += '</li></' + lists.shift()[0] + '>';\n                    --i;\n                } else\n                    out += '</li><li>' + text;\n            } else {\n                while (lists.length)\n                    out += '</li></' + lists.shift()[0] + '>';\n                out += (tag === 'hr') ? '<hr/>' : '<' + tag + lvl + nmd.headAttrs() + '>' + text + '</' + tag + lvl + '>';\n            }\n        }\n        while (lists.length)\n            out += '</li></' + lists.shift()[0] + '>';\n        return unesc(out);\n    });\n};\n\nnmd.href = function (ref) {\n    return ref;\n};\n\nnmd.headAttrs = function () {\n    return '';\n};\n\nexport function useMarkdownToHTML(markdown) {\n    return useMemo(() => nmd(markdown), [markdown]);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/content/SafeHTML/SafeHTML.stories.d.ts

@@ -0,0 +1,9 @@
+declare namespace _default {
+    export let title: string;
+    export let description: string;
+    export { SafeHTML as component };
+    export let displayName: string;
+}
+export default _default;
+export { Default } from "@digigov/ui/content/SafeHTML/__stories__/Default";
+import SafeHTML from '@digigov/ui/content/SafeHTML';

package/content/SafeHTML/__stories__/Default.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const Default: (_: any) => React.JSX.Element;
+export default Default;

package/content/SafeHTML/index.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 export declare const getClosingTags: (htmlString: any) => string[];
 export interface SafeHTMLProps {
     content: string;
-    tags?: Array<string>;
+    tags?: string[];
     Tag?: string;
     style?: React.CSSProperties;
 }
-export declare const SafeHTML: ({ content, tags, Tag, style, }: SafeHTMLProps) => JSX.Element;
+export declare const SafeHTML: ({ content, tags, Tag, ...props }: SafeHTMLProps) => React.JSX.Element;
 export default SafeHTML;

package/content/SafeHTML/index.js

@@ -1,95 +1,91 @@
-import _extends from "@babel/runtime/helpers/extends";
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-import React, { useMemo } from 'react';
-import DomPurify from 'dompurify';
-var defaultTags = ['b', 'strong', 'sub', 'sup', 'br', 'a', 'p', 'ul', 'li', 'ol'];
-var elementClassNameMapping = {
-  a: 'ds-link',
-  p: 'ds-body',
-  b: 'ds-bold',
-  strong: 'ds-bold',
-  sub: 'ds-sub',
-  ul: 'ds-list ds-list--bullet',
-  ol: 'ds-list ds-list--number',
-  li: 'ds-list__item'
+import React, { useMemo } from "react";
+import DomPurify from "dompurify";
+const defaultTags = [
+  "b",
+  "strong",
+  "sub",
+  "sup",
+  "br",
+  "a",
+  "p",
+  "ul",
+  "li",
+  "ol"
+];
+const elementClassNameMapping = {
+  a: "ds-link",
+  p: "ds-body",
+  b: "ds-bold",
+  strong: "ds-bold",
+  sub: "ds-sub",
+  ul: "ds-list ds-list--bullet",
+  ol: "ds-list ds-list--number",
+  li: "ds-list__item"
 };
-if (typeof window !== 'undefined') {
-  DomPurify.addHook('afterSanitizeAttributes', function (node) {
+if (typeof window !== "undefined") {
+  DomPurify.addHook("afterSanitizeAttributes", function(node) {
     if (node.tagName.toLowerCase() in elementClassNameMapping) {
-      node.setAttribute('class', elementClassNameMapping[node.tagName.toLowerCase()]);
+      node.setAttribute(
+        "class",
+        elementClassNameMapping[node.tagName.toLowerCase()]
+      );
     }
-    // set all elements owning target to target=_blank
-    if ('target' in node) {
-      node.setAttribute('target', '_blank');
-      node.setAttribute('rel', 'noopener');
+    if ("target" in node) {
+      node.setAttribute("target", "_blank");
+      node.setAttribute("rel", "noopener");
     }
   });
 }
-export var getClosingTags = function getClosingTags(htmlString) {
-  var tags = htmlString.match(/<[^>]+\/?>/g);
-  var stack = [];
+const getClosingTags = (htmlString) => {
+  const tags = htmlString.match(/<[^>]+\/?>/g);
+  const stack = [];
   if (!tags) {
     return stack;
   }
-  var _iterator = _createForOfIteratorHelper(tags),
-    _step;
-  try {
-    var _loop = function _loop() {
-      var tag = _step.value;
-      if (tag.startsWith('</') && tag.endsWith('>')) {
-        var tagName = tag.replace('</', '<');
-        // @ts-ignore
-        var openingTag = stack.findLastIndex(function (element) {
-          return element === tagName;
-        });
-        if (openingTag !== -1) {
-          stack.splice(openingTag, 1);
-        }
-      } else {
-        stack.push(tag.split(' ').length > 1 ? "".concat(tag.split(' ')[0], ">") : tag);
+  for (const tag of tags) {
+    if (tag.startsWith("</") && tag.endsWith(">")) {
+      const tagName = tag.replace("</", "<");
+      const openingTag = stack.findLastIndex((element) => element === tagName);
+      if (openingTag !== -1) {
+        stack.splice(openingTag, 1);
       }
-    };
-    for (_iterator.s(); !(_step = _iterator.n()).done;) {
-      _loop();
+    } else {
+      stack.push(tag.split(" ").length > 1 ? `${tag.split(" ")[0]}>` : tag);
     }
-  } catch (err) {
-    _iterator.e(err);
-  } finally {
-    _iterator.f();
   }
   return stack;
 };
-export var SafeHTML = function SafeHTML(_ref) {
-  var content = _ref.content,
-    tags = _ref.tags,
-    _ref$Tag = _ref.Tag,
-    Tag = _ref$Tag === void 0 ? 'span' : _ref$Tag,
-    _ref$style = _ref.style,
-    style = _ref$style === void 0 ? {} : _ref$style;
+const SafeHTML = ({
+  content,
+  tags,
+  Tag = "span",
+  ...props
+}) => {
   if (tags) {
-    var _tags;
-    (_tags = tags).push.apply(_tags, defaultTags);
+    tags.push(...defaultTags);
   } else {
     tags = defaultTags;
   }
-  var parsedHTML = useMemo(function () {
+  const parsedHTML = useMemo(() => {
     return DomPurify.sanitize(content, {
       ALLOWED_TAGS: tags,
-      ADD_ATTR: ['target']
+      ADD_ATTR: ["target"]
     });
   }, [content]);
-  return /*#__PURE__*/React.createElement(Tag
-  // @ts-ignore
-  , {
-    style: _extends({
-      whiteSpace: 'break-spaces'
-    }, style),
-    className: "ds-body",
-    dangerouslySetInnerHTML: {
-      __html: parsedHTML
+  return /* @__PURE__ */ React.createElement(
+    Tag,
+    {
+      dangerouslySetInnerHTML: {
+        __html: parsedHTML
+      },
+      ...props
     }
-  });
+  );
+};
+var SafeHTML_default = SafeHTML;
+export {
+  SafeHTML,
+  SafeHTML_default as default,
+  getClosingTags
 };
-export default SafeHTML;
+//# sourceMappingURL=index.js.map

package/content/SafeHTML/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/content/SafeHTML/index.tsx"],
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport DomPurify from 'dompurify';\n\nconst defaultTags = [\n  'b',\n  'strong',\n  'sub',\n  'sup',\n  'br',\n  'a',\n  'p',\n  'ul',\n  'li',\n  'ol',\n];\n\nconst elementClassNameMapping = {\n  a: 'ds-link',\n  p: 'ds-body',\n  b: 'ds-bold',\n  strong: 'ds-bold',\n  sub: 'ds-sub',\n  ul: 'ds-list ds-list--bullet',\n  ol: 'ds-list ds-list--number',\n  li: 'ds-list__item',\n};\n\nif (typeof window !== 'undefined') {\n  DomPurify.addHook('afterSanitizeAttributes', function (node) {\n    if (node.tagName.toLowerCase() in elementClassNameMapping) {\n      node.setAttribute(\n        'class',\n        elementClassNameMapping[node.tagName.toLowerCase()]\n      );\n    }\n    // set all elements owning target to target=_blank\n    if ('target' in node) {\n      node.setAttribute('target', '_blank');\n      node.setAttribute('rel', 'noopener');\n    }\n  });\n}\n\nexport const getClosingTags = (htmlString) => {\n  const tags = htmlString.match(/<[^>]+\\/?>/g);\n  const stack: string[] = [];\n  if (!tags) {\n    return stack;\n  }\n  for (const tag of tags) {\n    if (tag.startsWith('</') && tag.endsWith('>')) {\n      const tagName = tag.replace('</', '<');\n      // @ts-ignore\n      const openingTag = stack.findLastIndex((element) => element === tagName);\n      if (openingTag !== -1) {\n        stack.splice(openingTag, 1);\n      }\n    } else {\n      stack.push(tag.split(' ').length > 1 ? `${tag.split(' ')[0]}>` : tag);\n    }\n  }\n  return stack;\n};\n\nexport interface SafeHTMLProps {\n  content: string;\n  tags?: string[];\n  Tag?: string;\n  style?: React.CSSProperties;\n}\n\nexport const SafeHTML = ({\n  content,\n  tags,\n  Tag = 'span',\n  ...props\n}: SafeHTMLProps) => {\n  if (tags) {\n    tags.push(...defaultTags);\n  } else {\n    tags = defaultTags;\n  }\n  const parsedHTML = useMemo(() => {\n    return DomPurify.sanitize(content, {\n      ALLOWED_TAGS: tags,\n      ADD_ATTR: ['target'],\n    });\n  }, [content]);\n  return (\n    <Tag\n      // @ts-ignore\n      dangerouslySetInnerHTML={{\n        __html: parsedHTML,\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default SafeHTML;\n"],
+  "mappings": "AAAA,OAAO,SAAS,eAAe;AAC/B,OAAO,eAAe;AAEtB,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,0BAA0B;AAAA,EAC9B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAI,OAAO,WAAW,aAAa;AACjC,YAAU,QAAQ,2BAA2B,SAAU,MAAM;AAC3D,QAAI,KAAK,QAAQ,YAAY,KAAK,yBAAyB;AACzD,WAAK;AAAA,QACH;AAAA,QACA,wBAAwB,KAAK,QAAQ,YAAY,CAAC;AAAA,MACpD;AAAA,IACF;AAEA,QAAI,YAAY,MAAM;AACpB,WAAK,aAAa,UAAU,QAAQ;AACpC,WAAK,aAAa,OAAO,UAAU;AAAA,IACrC;AAAA,EACF,CAAC;AACH;AAEO,MAAM,iBAAiB,CAAC,eAAe;AAC5C,QAAM,OAAO,WAAW,MAAM,aAAa;AAC3C,QAAM,QAAkB,CAAC;AACzB,MAAI,CAAC,MAAM;AACT,WAAO;AAAA,EACT;AACA,aAAW,OAAO,MAAM;AACtB,QAAI,IAAI,WAAW,IAAI,KAAK,IAAI,SAAS,GAAG,GAAG;AAC7C,YAAM,UAAU,IAAI,QAAQ,MAAM,GAAG;AAErC,YAAM,aAAa,MAAM,cAAc,CAAC,YAAY,YAAY,OAAO;AACvE,UAAI,eAAe,IAAI;AACrB,cAAM,OAAO,YAAY,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AACL,YAAM,KAAK,IAAI,MAAM,GAAG,EAAE,SAAS,IAAI,GAAG,IAAI,MAAM,GAAG,EAAE,CAAC,CAAC,MAAM,GAAG;AAAA,IACtE;AAAA,EACF;AACA,SAAO;AACT;AASO,MAAM,WAAW,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN,GAAG;AACL,MAAqB;AACnB,MAAI,MAAM;AACR,SAAK,KAAK,GAAG,WAAW;AAAA,EAC1B,OAAO;AACL,WAAO;AAAA,EACT;AACA,QAAM,aAAa,QAAQ,MAAM;AAC/B,WAAO,UAAU,SAAS,SAAS;AAAA,MACjC,cAAc;AAAA,MACd,UAAU,CAAC,QAAQ;AAAA,IACrB,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,CAAC;AACZ,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,yBAAyB;AAAA,QACvB,QAAQ;AAAA,MACV;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,mBAAQ;",
+  "names": []
+}

package/content/SafeHTML/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/content/StepNav/StepNav.stories.d.ts

@@ -2,12 +2,14 @@ declare namespace _default {
     export let title: string;
     export let description: string;
     export { StepNav as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/content/StepNav/__stories__/Default";
-export * from "@digigov/ui/content/StepNav/__stories__/WithHints";
-export * from "@digigov/ui/content/StepNav/__stories__/WithHook";
-export * from "@digigov/ui/content/StepNav/__stories__/Dense";
-export * from "@digigov/ui/content/StepNav/__stories__/Auto";
+export { Default } from "@digigov/ui/content/StepNav/__stories__/Default";
+export { WithHints } from "@digigov/ui/content/StepNav/__stories__/WithHints";
+export { WithHook } from "@digigov/ui/content/StepNav/__stories__/WithHook";
+export { Dense } from "@digigov/ui/content/StepNav/__stories__/Dense";
+export { Auto } from "@digigov/ui/content/StepNav/__stories__/Auto";
 import StepNav from '@digigov/ui/content/StepNav';

package/content/StepNav/__stories__/Auto.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Auto: () => JSX.Element;
+import React from 'react';
+export declare const Auto: (_: any) => React.JSX.Element;
 export default Auto;

package/content/StepNav/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/content/StepNav/__stories__/Dense.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Dense: () => JSX.Element;
+import React from 'react';
+export declare const Dense: (_: any) => React.JSX.Element;
 export default Dense;

package/content/StepNav/__stories__/WithHints.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithHints: () => JSX.Element;
+import React from 'react';
+export declare const WithHints: (_: any) => React.JSX.Element;
 export default WithHints;

package/content/StepNav/__stories__/WithHook.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const WithHook: () => JSX.Element;
+import React from 'react';
+export declare const WithHook: (_: any) => React.JSX.Element;
 export default WithHook;