@sis-cc/dotstatsuite-visions 12.26.1 → 12.28.0

package/es/DataHeader/DataHeader.js

@@ -1,5 +1,7 @@
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import * as R from 'ramda';
@@ -89,20 +91,31 @@ var useStyles = makeStyles(function (theme) {
     }
   };
 });
+var BasicHTMLRenderer = function BasicHTMLRenderer(_ref) {
+  var html = _ref.html,
+      rest = _objectWithoutProperties(_ref, ['html']);
+
+  return React.createElement('span', _extends({ dangerouslySetInnerHTML: { __html: html } }, rest));
+};
 
-var DataHeader = function DataHeader(_ref) {
+BasicHTMLRenderer.propTypes = process.env.NODE_ENV !== "production" ? {
+  html: PropTypes.string
+} : {};
+var DataHeader = function DataHeader(_ref2) {
   var _cx;
 
-  var children = _ref.children,
-      title = _ref.title,
-      _ref$subtitle = _ref.subtitle,
-      subtitle = _ref$subtitle === undefined ? [] : _ref$subtitle,
-      combinations = _ref.combinations,
-      disclaimer = _ref.disclaimer,
-      sideProps = _ref.sideProps,
-      SideIcon = _ref.SideIcon,
-      _ref$isSticky = _ref.isSticky,
-      isSticky = _ref$isSticky === undefined ? false : _ref$isSticky;
+  var children = _ref2.children,
+      title = _ref2.title,
+      _ref2$subtitle = _ref2.subtitle,
+      subtitle = _ref2$subtitle === undefined ? [] : _ref2$subtitle,
+      combinations = _ref2.combinations,
+      disclaimer = _ref2.disclaimer,
+      sideProps = _ref2.sideProps,
+      SideIcon = _ref2.SideIcon,
+      _ref2$isSticky = _ref2.isSticky,
+      isSticky = _ref2$isSticky === undefined ? false : _ref2$isSticky,
+      _ref2$HTMLRenderer = _ref2.HTMLRenderer,
+      HTMLRenderer = _ref2$HTMLRenderer === undefined ? BasicHTMLRenderer : _ref2$HTMLRenderer;
 
   var target = React.useRef(null);
 
@@ -157,7 +170,11 @@ var DataHeader = function DataHeader(_ref) {
           { className: classes.sideIconContainer },
           React.createElement(SideIcon, { sideProps: sideProps })
         ),
-        React.createElement(Flags, { classes: classes, content: R.propOr([], 'flags', title) })
+        React.createElement(Flags, {
+          classes: classes,
+          HTMLRenderer: HTMLRenderer,
+          content: R.propOr([], 'flags', title)
+        })
       ),
       isWidthUp(T4_BREAKPOINTS.xs3) && subtitle && R.not(R.isEmpty(subtitle)) && React.createElement(
         'div',
@@ -178,7 +195,11 @@ var DataHeader = function DataHeader(_ref) {
               { variant: 'inherit' },
               sub.label
             ),
-            R.not(R.isEmpty(R.propOr([], 'flags', sub))) && React.createElement(Flags, { classes: classes, content: R.prop('flags', sub) }),
+            R.not(R.isEmpty(R.propOr([], 'flags', sub))) && React.createElement(Flags, {
+              classes: classes,
+              HTMLRenderer: HTMLRenderer,
+              content: R.prop('flags', sub)
+            }),
             R.lt(index + 1, subtitleLength) && React.createElement(
               'svg',
               { width: '24', height: '8' },
@@ -205,7 +226,11 @@ var DataHeader = function DataHeader(_ref) {
               { variant: 'inherit' },
               comb.label
             ),
-            R.not(R.isEmpty(R.propOr([], 'flags', comb))) && React.createElement(Flags, { classes: classes, content: R.prop('flags', comb) }),
+            R.not(R.isEmpty(R.propOr([], 'flags', comb))) && React.createElement(Flags, {
+              classes: classes,
+              HTMLRenderer: HTMLRenderer,
+              content: R.prop('flags', comb)
+            }),
             R.lt(index + 1, combinationsLength) && React.createElement(
               'svg',
               { width: '24', height: '8' },
@@ -229,7 +254,7 @@ var DataHeader = function DataHeader(_ref) {
       { className: classes.children },
       R.not(R.isEmpty(reducedContent)) && React.createElement(
         TooltipHeader,
-        { classes: classes, content: reducedContent },
+        { classes: classes, content: reducedContent, HTMLRenderer: HTMLRenderer },
         React.createElement(Info, { className: classes.infoIcon })
       ),
       children
@@ -267,7 +292,8 @@ DataHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   SideIcon: PropTypes.func,
   disclaimer: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
   children: PropTypes.node,
-  isSticky: PropTypes.bool
+  isSticky: PropTypes.bool,
+  HTMLRenderer: PropTypes.func
 } : {};
 
 export default DataHeader;

package/es/DataHeader/Flags.js

@@ -6,7 +6,8 @@ import { TooltipHeader } from './TooltipHeader';
 
 var Flags = function Flags(_ref) {
   var classes = _ref.classes,
-      content = _ref.content;
+      content = _ref.content,
+      HTMLRenderer = _ref.HTMLRenderer;
 
   var codes = R.pipe(R.pluck('code'), R.filter(R.identity))(content);
   var hasCodes = !R.isEmpty(codes);
@@ -16,7 +17,7 @@ var Flags = function Flags(_ref) {
   })(codes);
   return React.createElement(
     TooltipHeader,
-    { classes: classes, content: content },
+    { classes: classes, content: content, HTMLRenderer: HTMLRenderer },
     React.createElement(
       'sup',
       { className: classes.svgWrapper },
@@ -28,6 +29,7 @@ var Flags = function Flags(_ref) {
 
 Flags.propTypes = process.env.NODE_ENV !== "production" ? {
   classes: PropTypes.object,
+  HTMLRenderer: PropTypes.func,
   content: PropTypes.arrayOf(PropTypes.shape({
     header: PropTypes.string,
     label: PropTypes.string,

package/es/DataHeader/TooltipHeader.js

@@ -7,6 +7,7 @@ import Title from './Title';
 export var TooltipHeader = function TooltipHeader(_ref) {
   var children = _ref.children,
       classes = _ref.classes,
+      HTMLRenderer = _ref.HTMLRenderer,
       _ref$content = _ref.content,
       content = _ref$content === undefined ? [] : _ref$content;
 
@@ -24,7 +25,7 @@ export var TooltipHeader = function TooltipHeader(_ref) {
         'li',
         { key: label + '-' + index },
         React.createElement(Title, { header: header }),
-        label,
+        R.is(Function, HTMLRenderer) ? React.createElement(HTMLRenderer, { html: label }) : label,
         R.not(R.isEmpty(sub)) && React.createElement(
           'ul',
           { className: classes.subContent },
@@ -33,7 +34,7 @@ export var TooltipHeader = function TooltipHeader(_ref) {
             return React.createElement(
               'li',
               { key: label + '-' + index },
-              label
+              R.is(Function, HTMLRenderer) ? React.createElement(HTMLRenderer, { html: label }) : label
             );
           }, sub)
         )
@@ -70,7 +71,8 @@ TooltipHeader.propTypes = process.env.NODE_ENV !== "production" ? {
     sub: PropTypes.arrayOf(PropTypes.shape({
       label: PropTypes.string
     }))
-  }))
+  })),
+  HTMLRenderer: PropTypes.func
 } : {};
 
 export default TooltipHeader;

package/lib/DataHeader/DataHeader.js

@@ -58,6 +58,8 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
 var useStyles = (0, _makeStyles2.default)(function (theme) {
   return {
     header: {
@@ -132,20 +134,31 @@ var useStyles = (0, _makeStyles2.default)(function (theme) {
     }
   };
 });
+var BasicHTMLRenderer = function BasicHTMLRenderer(_ref) {
+  var html = _ref.html,
+      rest = _objectWithoutProperties(_ref, ['html']);
+
+  return _react2.default.createElement('span', _extends({ dangerouslySetInnerHTML: { __html: html } }, rest));
+};
 
-var DataHeader = function DataHeader(_ref) {
+BasicHTMLRenderer.propTypes = process.env.NODE_ENV !== "production" ? {
+  html: _propTypes2.default.string
+} : {};
+var DataHeader = function DataHeader(_ref2) {
   var _cx;
 
-  var children = _ref.children,
-      title = _ref.title,
-      _ref$subtitle = _ref.subtitle,
-      subtitle = _ref$subtitle === undefined ? [] : _ref$subtitle,
-      combinations = _ref.combinations,
-      disclaimer = _ref.disclaimer,
-      sideProps = _ref.sideProps,
-      SideIcon = _ref.SideIcon,
-      _ref$isSticky = _ref.isSticky,
-      isSticky = _ref$isSticky === undefined ? false : _ref$isSticky;
+  var children = _ref2.children,
+      title = _ref2.title,
+      _ref2$subtitle = _ref2.subtitle,
+      subtitle = _ref2$subtitle === undefined ? [] : _ref2$subtitle,
+      combinations = _ref2.combinations,
+      disclaimer = _ref2.disclaimer,
+      sideProps = _ref2.sideProps,
+      SideIcon = _ref2.SideIcon,
+      _ref2$isSticky = _ref2.isSticky,
+      isSticky = _ref2$isSticky === undefined ? false : _ref2$isSticky,
+      _ref2$HTMLRenderer = _ref2.HTMLRenderer,
+      HTMLRenderer = _ref2$HTMLRenderer === undefined ? BasicHTMLRenderer : _ref2$HTMLRenderer;
 
   var target = _react2.default.useRef(null);
 
@@ -200,7 +213,11 @@ var DataHeader = function DataHeader(_ref) {
           { className: classes.sideIconContainer },
           _react2.default.createElement(SideIcon, { sideProps: sideProps })
         ),
-        _react2.default.createElement(_Flags2.default, { classes: classes, content: R.propOr([], 'flags', title) })
+        _react2.default.createElement(_Flags2.default, {
+          classes: classes,
+          HTMLRenderer: HTMLRenderer,
+          content: R.propOr([], 'flags', title)
+        })
       ),
       isWidthUp(_theme.T4_BREAKPOINTS.xs3) && subtitle && R.not(R.isEmpty(subtitle)) && _react2.default.createElement(
         'div',
@@ -221,7 +238,11 @@ var DataHeader = function DataHeader(_ref) {
               { variant: 'inherit' },
               sub.label
             ),
-            R.not(R.isEmpty(R.propOr([], 'flags', sub))) && _react2.default.createElement(_Flags2.default, { classes: classes, content: R.prop('flags', sub) }),
+            R.not(R.isEmpty(R.propOr([], 'flags', sub))) && _react2.default.createElement(_Flags2.default, {
+              classes: classes,
+              HTMLRenderer: HTMLRenderer,
+              content: R.prop('flags', sub)
+            }),
             R.lt(index + 1, subtitleLength) && _react2.default.createElement(
               'svg',
               { width: '24', height: '8' },
@@ -248,7 +269,11 @@ var DataHeader = function DataHeader(_ref) {
               { variant: 'inherit' },
               comb.label
             ),
-            R.not(R.isEmpty(R.propOr([], 'flags', comb))) && _react2.default.createElement(_Flags2.default, { classes: classes, content: R.prop('flags', comb) }),
+            R.not(R.isEmpty(R.propOr([], 'flags', comb))) && _react2.default.createElement(_Flags2.default, {
+              classes: classes,
+              HTMLRenderer: HTMLRenderer,
+              content: R.prop('flags', comb)
+            }),
             R.lt(index + 1, combinationsLength) && _react2.default.createElement(
               'svg',
               { width: '24', height: '8' },
@@ -272,7 +297,7 @@ var DataHeader = function DataHeader(_ref) {
       { className: classes.children },
       R.not(R.isEmpty(reducedContent)) && _react2.default.createElement(
         _TooltipHeader2.default,
-        { classes: classes, content: reducedContent },
+        { classes: classes, content: reducedContent, HTMLRenderer: HTMLRenderer },
         _react2.default.createElement(_Info2.default, { className: classes.infoIcon })
       ),
       children
@@ -310,7 +335,8 @@ DataHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   SideIcon: _propTypes2.default.func,
   disclaimer: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
   children: _propTypes2.default.node,
-  isSticky: _propTypes2.default.bool
+  isSticky: _propTypes2.default.bool,
+  HTMLRenderer: _propTypes2.default.func
 } : {};
 
 exports.default = DataHeader;

package/lib/DataHeader/Flags.js

@@ -24,7 +24,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 var Flags = function Flags(_ref) {
   var classes = _ref.classes,
-      content = _ref.content;
+      content = _ref.content,
+      HTMLRenderer = _ref.HTMLRenderer;
 
   var codes = R.pipe(R.pluck('code'), R.filter(R.identity))(content);
   var hasCodes = !R.isEmpty(codes);
@@ -34,7 +35,7 @@ var Flags = function Flags(_ref) {
   })(codes);
   return _react2.default.createElement(
     _TooltipHeader.TooltipHeader,
-    { classes: classes, content: content },
+    { classes: classes, content: content, HTMLRenderer: HTMLRenderer },
     _react2.default.createElement(
       'sup',
       { className: classes.svgWrapper },
@@ -46,6 +47,7 @@ var Flags = function Flags(_ref) {
 
 Flags.propTypes = process.env.NODE_ENV !== "production" ? {
   classes: _propTypes2.default.object,
+  HTMLRenderer: _propTypes2.default.func,
   content: _propTypes2.default.arrayOf(_propTypes2.default.shape({
     header: _propTypes2.default.string,
     label: _propTypes2.default.string,

package/lib/DataHeader/TooltipHeader.js

@@ -28,6 +28,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var TooltipHeader = exports.TooltipHeader = function TooltipHeader(_ref) {
   var children = _ref.children,
       classes = _ref.classes,
+      HTMLRenderer = _ref.HTMLRenderer,
       _ref$content = _ref.content,
       content = _ref$content === undefined ? [] : _ref$content;
 
@@ -45,7 +46,7 @@ var TooltipHeader = exports.TooltipHeader = function TooltipHeader(_ref) {
         'li',
         { key: label + '-' + index },
         _react2.default.createElement(_Title2.default, { header: header }),
-        label,
+        R.is(Function, HTMLRenderer) ? _react2.default.createElement(HTMLRenderer, { html: label }) : label,
         R.not(R.isEmpty(sub)) && _react2.default.createElement(
           'ul',
           { className: classes.subContent },
@@ -54,7 +55,7 @@ var TooltipHeader = exports.TooltipHeader = function TooltipHeader(_ref) {
             return _react2.default.createElement(
               'li',
               { key: label + '-' + index },
-              label
+              R.is(Function, HTMLRenderer) ? _react2.default.createElement(HTMLRenderer, { html: label }) : label
             );
           }, sub)
         )
@@ -91,7 +92,8 @@ TooltipHeader.propTypes = process.env.NODE_ENV !== "production" ? {
     sub: _propTypes2.default.arrayOf(_propTypes2.default.shape({
       label: _propTypes2.default.string
     }))
-  }))
+  })),
+  HTMLRenderer: _propTypes2.default.func
 } : {};
 
 exports.default = TooltipHeader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sis-cc/dotstatsuite-visions",
-  "version": "12.26.1",
+  "version": "12.28.0",
   "description": "Library of visual components",
   "author": "OECD",
   "homepage": "https://visions-qa.siscc.org/#o",

package/umd/@sis-cc/dotstatsuite-visions.js

@@ -1,5 +1,5 @@
 /*!
- * @sis-cc/dotstatsuite-visions v12.26.1 - https://visions-qa.siscc.org/#o
+ * @sis-cc/dotstatsuite-visions v12.28.0 - https://visions-qa.siscc.org/#o
  * MIT Licensed
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -8855,7 +8855,7 @@ if (true) {
 /* 154 */
 /***/ (function(module) {
 
-module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.26.1","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=18"},"files":["css","es","lib","umd"],"scripts":{"peers":"install-peers --force-run","build":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo && node scripts/doc && cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-demo","build:dev":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@hello-pangea/dnd":"^16.6.0","@react-hook/size":"^2.1.1","classnames":"^2.2.6","isemail":"^3.2.0","prop-types":"^15.7.2","ramda":"^0.27.0","react-draggable":"4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@emotion/react":"^11","@emotion/styled":"^11","@mui/icons-material":"^5","@mui/material":"^5","@mui/styles":"^5","date-fns":"^1.30.1","numeral":"^2.0.6","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","cross-env":"^7.0.3","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","install-peers-cli":"^2.2.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react-a11y":"^1.1.0","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
+module.exports = {"name":"@sis-cc/dotstatsuite-visions","version":"12.28.0","description":"Library of visual components","author":"OECD","homepage":"https://visions-qa.siscc.org/#o","license":"MIT","repository":"https://gitlab.com/sis-cc/.stat-suite/dotstatsuite-visions","main":"lib/index.js","module":"es/index.js","engines":{"node":">=18"},"files":["css","es","lib","umd"],"scripts":{"peers":"install-peers --force-run","build":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo && node scripts/doc && cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-demo","build:dev":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb build-react-component --copy-files --no-demo","clean":"nwb clean-module && nwb clean-demo","prepublishOnly":"npm run build","start":"cross-env NODE_OPTIONS=--openssl-legacy-provider nwb serve-react-demo","test":"jest","test:watch":"jest --watch --no-cache","lint":"eslint src/ --color","precommit":"lint-staged"},"dependencies":{"@hello-pangea/dnd":"^16.6.0","@react-hook/size":"^2.1.1","classnames":"^2.2.6","isemail":"^3.2.0","prop-types":"^15.7.2","ramda":"^0.27.0","react-draggable":"4.4.5","react-error-boundary":"^4.0.10","react-virtualized":"^9.21.2"},"peerDependencies":{"@emotion/react":"^11","@emotion/styled":"^11","@mui/icons-material":"^5","@mui/material":"^5","@mui/styles":"^5","date-fns":"^1.30.1","numeral":"^2.0.6","react":"^18","react-dom":"^18"},"devDependencies":{"@babel/eslint-parser":"^7.5.4","@babel/plugin-syntax-dynamic-import":"^7.2.0","@cfaester/enzyme-adapter-react-18":"^0.7.0","@testing-library/jest-dom":"^5.16.5","@testing-library/react":"^14.0.0","babel-jest":"^24.8.0","babel-preset-react-app":"^9.0.0","cross-env":"^7.0.3","dox":"^0.9.0","eslint":"^8.39.0","eslint-plugin-import":"^2.27.5","eslint-plugin-jsx-a11y":"^6.7.1","eslint-plugin-prettier":"^4.2.1","eslint-plugin-react":"^7.32.2","eslint-plugin-react-hooks":"^4.6.0","husky":"^2.7.0","identity-obj-proxy":"^3.0.0","install-peers-cli":"^2.2.0","jest":"^24.8.0","jss":"^10.10.0","jss-rtl":"^0.2.3","lint-staged":"^8.2.1","mutationobserver-shim":"^0.3.7","nwb":"0.23.0","prettier":"^2.8.8","pretty-quick":"^3.1.3","react-a11y":"^1.1.0","react-helmet":"^5.2.1","react-scrollable-anchor":"^0.6.1","react-syntax-highlighter":"^10.2.1","sanitize-html":"2.7.0","webpack":"^5.68.0","webpack-cli":"^4.9.2","webpack-dev-server":"^4.7.4"},"jest":{"verbose":true,"coverageDirectory":"coverage","collectCoverageFrom":["src/**/*.{js,jsx,ts,tsx}","!src/ScopeList/*.{js,jsx,ts,tsx}","!src/**/*.d.ts"],"setupFilesAfterEnv":["<rootDir>/tests/setup.js"],"testMatch":["**/tests/**/*.{spec,test}.{js,jsx,ts,tsx}","!**/tests/ScopeList.test.js"],"testEnvironment":"jsdom","transform":{"^.+\\.(js|jsx|ts|tsx)$":"<rootDir>/node_modules/babel-jest"},"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$","^.+\\.module\\.(css|sass|scss)$"],"modulePaths":[],"moduleNameMapper":{"^react-native$":"react-native-web","^.+\\.module\\.(css|sass|scss)$":"identity-obj-proxy","\\.(jpg|jpeg|png)$":"identity-obj-proxy"},"moduleFileExtensions":["web.js","js","web.ts","ts","web.tsx","tsx","json","web.jsx","jsx","node"]},"babel":{"presets":["react-app"],"plugins":["@babel/plugin-syntax-dynamic-import"]},"eslintConfig":{"env":{"browser":true,"jest":true,"node":true,"es6":true},"extends":["eslint:recommended","plugin:react/recommended","plugin:jsx-a11y/recommended"],"parser":"@babel/eslint-parser","parserOptions":{"babelOptions":{"presets":[["babel-preset-react-app",false],"babel-preset-react-app/test"]},"ecmaFeatures":{"experimentalObjectRestSpread":true,"jsx":true},"sourceType":"module"},"plugins":["prettier","react","import","react-hooks","jsx-a11y"],"rules":{"no-console":"warn","no-unused-vars":"error","react/display-name":"off","react-hooks/rules-of-hooks":"error","react-hooks/exhaustive-deps":"warn","no-use-before-define":"error"}},"browserslist":{"production":[">0.2%","not dead","not op_mini all"],"development":["last 1 chrome version","last 1 firefox version","last 1 safari version"]},"husky":{"hooks":{"pre-commit":"lint-staged"}},"lint-staged":{"src/**/*.{js,css}":["prettier --write","git add","yarn lint"]},"prettier":{"endOfLine":"lf","useTabs":false,"printWidth":100,"tabWidth":2,"singleQuote":true,"trailingComma":"all","bracketSameLine":false,"bracketSpacing":true,"parser":"babel","semi":true,"arrowParens":"avoid"}};
 
 /***/ }),
 /* 155 */
@@ -57209,6 +57209,7 @@ DataHeader_Title_Title.propTypes = {
 var TooltipHeader_TooltipHeader = function TooltipHeader(_ref) {
   var children = _ref.children,
       classes = _ref.classes,
+      HTMLRenderer = _ref.HTMLRenderer,
       _ref$content = _ref.content,
       content = _ref$content === undefined ? [] : _ref$content;
 
@@ -57226,7 +57227,7 @@ var TooltipHeader_TooltipHeader = function TooltipHeader(_ref) {
         'li',
         { key: label + '-' + index },
         react_default.a.createElement(DataHeader_Title, { header: header }),
-        label,
+        es_is(Function, HTMLRenderer) ? react_default.a.createElement(HTMLRenderer, { html: label }) : label,
         es_not(es_isEmpty(sub)) && react_default.a.createElement(
           'ul',
           { className: classes.subContent },
@@ -57235,7 +57236,7 @@ var TooltipHeader_TooltipHeader = function TooltipHeader(_ref) {
             return react_default.a.createElement(
               'li',
               { key: label + '-' + index },
-              label
+              es_is(Function, HTMLRenderer) ? react_default.a.createElement(HTMLRenderer, { html: label }) : label
             );
           }, sub)
         )
@@ -57272,7 +57273,8 @@ TooltipHeader_TooltipHeader.propTypes = {
     sub: prop_types_default.a.arrayOf(prop_types_default.a.shape({
       label: prop_types_default.a.string
     }))
-  }))
+  })),
+  HTMLRenderer: prop_types_default.a.func
 };
 
 /* harmony default export */ var DataHeader_TooltipHeader = (TooltipHeader_TooltipHeader);
@@ -57285,7 +57287,8 @@ TooltipHeader_TooltipHeader.propTypes = {
 
 var Flags_Flags = function Flags(_ref) {
   var classes = _ref.classes,
-      content = _ref.content;
+      content = _ref.content,
+      HTMLRenderer = _ref.HTMLRenderer;
 
   var codes = pipe(es_pluck('code'), es_filter(es_identity))(content);
   var hasCodes = !es_isEmpty(codes);
@@ -57295,7 +57298,7 @@ var Flags_Flags = function Flags(_ref) {
   })(codes);
   return react_default.a.createElement(
     TooltipHeader_TooltipHeader,
-    { classes: classes, content: content },
+    { classes: classes, content: content, HTMLRenderer: HTMLRenderer },
     react_default.a.createElement(
       'sup',
       { className: classes.svgWrapper },
@@ -57307,6 +57310,7 @@ var Flags_Flags = function Flags(_ref) {
 
 Flags_Flags.propTypes = {
   classes: prop_types_default.a.object,
+  HTMLRenderer: prop_types_default.a.func,
   content: prop_types_default.a.arrayOf(prop_types_default.a.shape({
     header: prop_types_default.a.string,
     label: prop_types_default.a.string,
@@ -57578,6 +57582,8 @@ var utils_getReducedContent = function getReducedContent(_ref) {
 // CONCATENATED MODULE: ./src/DataHeader/DataHeader.js
 var DataHeader_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
+function DataHeader_objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
 
 
 
@@ -57667,20 +57673,31 @@ var DataHeader_useStyles = makeStyles(function (theme) {
     }
   };
 });
+var DataHeader_BasicHTMLRenderer = function BasicHTMLRenderer(_ref) {
+  var html = _ref.html,
+      rest = DataHeader_objectWithoutProperties(_ref, ['html']);
 
-var DataHeader_DataHeader = function DataHeader(_ref) {
+  return react_default.a.createElement('span', DataHeader_extends({ dangerouslySetInnerHTML: { __html: html } }, rest));
+};
+
+DataHeader_BasicHTMLRenderer.propTypes = {
+  html: prop_types_default.a.string
+};
+var DataHeader_DataHeader = function DataHeader(_ref2) {
   var _cx;
 
-  var children = _ref.children,
-      title = _ref.title,
-      _ref$subtitle = _ref.subtitle,
-      subtitle = _ref$subtitle === undefined ? [] : _ref$subtitle,
-      combinations = _ref.combinations,
-      disclaimer = _ref.disclaimer,
-      sideProps = _ref.sideProps,
-      SideIcon = _ref.SideIcon,
-      _ref$isSticky = _ref.isSticky,
-      isSticky = _ref$isSticky === undefined ? false : _ref$isSticky;
+  var children = _ref2.children,
+      title = _ref2.title,
+      _ref2$subtitle = _ref2.subtitle,
+      subtitle = _ref2$subtitle === undefined ? [] : _ref2$subtitle,
+      combinations = _ref2.combinations,
+      disclaimer = _ref2.disclaimer,
+      sideProps = _ref2.sideProps,
+      SideIcon = _ref2.SideIcon,
+      _ref2$isSticky = _ref2.isSticky,
+      isSticky = _ref2$isSticky === undefined ? false : _ref2$isSticky,
+      _ref2$HTMLRenderer = _ref2.HTMLRenderer,
+      HTMLRenderer = _ref2$HTMLRenderer === undefined ? DataHeader_BasicHTMLRenderer : _ref2$HTMLRenderer;
 
   var target = react_default.a.useRef(null);
 
@@ -57735,7 +57752,11 @@ var DataHeader_DataHeader = function DataHeader(_ref) {
           { className: classes.sideIconContainer },
           react_default.a.createElement(SideIcon, { sideProps: sideProps })
         ),
-        react_default.a.createElement(DataHeader_Flags, { classes: classes, content: es_propOr([], 'flags', title) })
+        react_default.a.createElement(DataHeader_Flags, {
+          classes: classes,
+          HTMLRenderer: HTMLRenderer,
+          content: es_propOr([], 'flags', title)
+        })
       ),
       isWidthUp(T4_BREAKPOINTS.xs3) && subtitle && es_not(es_isEmpty(subtitle)) && react_default.a.createElement(
         'div',
@@ -57756,7 +57777,11 @@ var DataHeader_DataHeader = function DataHeader(_ref) {
               { variant: 'inherit' },
               sub.label
             ),
-            es_not(es_isEmpty(es_propOr([], 'flags', sub))) && react_default.a.createElement(DataHeader_Flags, { classes: classes, content: es_prop('flags', sub) }),
+            es_not(es_isEmpty(es_propOr([], 'flags', sub))) && react_default.a.createElement(DataHeader_Flags, {
+              classes: classes,
+              HTMLRenderer: HTMLRenderer,
+              content: es_prop('flags', sub)
+            }),
             es_lt(index + 1, subtitleLength) && react_default.a.createElement(
               'svg',
               { width: '24', height: '8' },
@@ -57783,7 +57808,11 @@ var DataHeader_DataHeader = function DataHeader(_ref) {
               { variant: 'inherit' },
               comb.label
             ),
-            es_not(es_isEmpty(es_propOr([], 'flags', comb))) && react_default.a.createElement(DataHeader_Flags, { classes: classes, content: es_prop('flags', comb) }),
+            es_not(es_isEmpty(es_propOr([], 'flags', comb))) && react_default.a.createElement(DataHeader_Flags, {
+              classes: classes,
+              HTMLRenderer: HTMLRenderer,
+              content: es_prop('flags', comb)
+            }),
             es_lt(index + 1, combinationsLength) && react_default.a.createElement(
               'svg',
               { width: '24', height: '8' },
@@ -57807,7 +57836,7 @@ var DataHeader_DataHeader = function DataHeader(_ref) {
       { className: classes.children },
       es_not(es_isEmpty(reducedContent)) && react_default.a.createElement(
         DataHeader_TooltipHeader,
-        { classes: classes, content: reducedContent },
+        { classes: classes, content: reducedContent, HTMLRenderer: HTMLRenderer },
         react_default.a.createElement(Info_default.a, { className: classes.infoIcon })
       ),
       children
@@ -57845,7 +57874,8 @@ DataHeader_DataHeader.propTypes = {
   SideIcon: prop_types_default.a.func,
   disclaimer: prop_types_default.a.oneOfType([prop_types_default.a.string, prop_types_default.a.element]),
   children: prop_types_default.a.node,
-  isSticky: prop_types_default.a.bool
+  isSticky: prop_types_default.a.bool,
+  HTMLRenderer: prop_types_default.a.func
 };
 
 /* harmony default export */ var src_DataHeader_DataHeader = (DataHeader_DataHeader);