@abgov/jsonforms-components 2.48.1 → 2.48.2

package/index.esm.js

@@ -10,12 +10,12 @@ import * as _$c from 'lodash';
 import ___default, { isEqual, isObject as isObject$i, isEmpty as isEmpty$1 } from 'lodash';
 import { useJsonForms, withJsonFormsControlProps, withJsonFormsEnumProps, withTranslateProps, JsonFormsDispatch, withJsonFormsAllOfProps, withJsonFormsArrayLayoutProps, withJsonFormsLayoutProps, withJsonFormsCellProps } from '@jsonforms/react';
 import Ajv from 'ajv';
+import dompurify from 'dompurify';
+import * as xss from 'xss';
 import merge from 'lodash/merge';
 import isEmpty from 'lodash/isEmpty';
 import range from 'lodash/range';
 import pluralize from 'pluralize';
-import dompurify from 'dompurify';
-import * as xss from 'xss';
 import { evaluateSync, compileSync } from '@mdx-js/mdx';
 import { Parser } from 'expr-eval-fork';
 import addErrors from 'ajv-errors';
@@ -8004,6 +8004,81 @@ const GoATimeControl = props => jsx(GoAInputBaseControl, Object.assign({}, props
 const GoATimeControlTester = rankWith(4, isTimeControl);
 const GoAInputTimeControl = withJsonFormsControlProps(GoATimeControl);
 
+const options = {
+  whiteList: {
+    html: ['lang'],
+    meta: ['name', 'content', 'charset'],
+    div: ['style', 'class'],
+    style: [],
+    a: ['href', 'title', 'target', 'style', 'class'],
+    em: [],
+    main: [],
+    footer: ['style'],
+    header: ['style'],
+    head: [],
+    abbr: ['title', 'style'],
+    title: [],
+    address: ['style'],
+    area: ['shape', 'coords', 'href', 'alt', 'style'],
+    article: [],
+    blockquote: [],
+    aside: [],
+    details: [],
+    h1: [],
+    h2: [],
+    h3: [],
+    h4: [],
+    h5: [],
+    h6: [],
+    hr: [],
+    i: [],
+    img: ['src', 'alt', 'title', 'width', 'height'],
+    ins: ['datetime'],
+    li: [],
+    mark: [],
+    nav: [],
+    ol: [],
+    p: [],
+    pre: [],
+    s: [],
+    section: [],
+    small: [],
+    span: ['class', 'style'],
+    sub: [],
+    summary: [],
+    sup: [],
+    select: [],
+    optgroup: [],
+    form: [],
+    strong: [],
+    label: [],
+    strike: [],
+    table: ['width', 'border', 'align', 'valign', 'class', 'style'],
+    tbody: ['align', 'valign', 'class', 'style'],
+    body: ['class', 'style'],
+    td: ['width', 'rowspan', 'colspan', 'align', 'valign', 'class', 'style'],
+    tfoot: ['align', 'valign', 'class', 'style'],
+    th: ['width', 'rowspan', 'colspan', 'align', 'valign', 'class', 'style'],
+    thead: ['align', 'valign'],
+    tr: ['rowspan', 'align', 'valign'],
+    tt: [],
+    u: [],
+    ul: [],
+    br: [],
+    b: [],
+    option: []
+  }
+}; // Custom rules
+new xss.FilterXSS(options);
+const sanitizeHtml = dompurify.sanitize;
+dompurify.addHook('afterSanitizeAttributes', function (node) {
+  // set all elements owning target to target=_blank
+  if ('target' in node) {
+    node.setAttribute('target', '_blank');
+    node.setAttribute('rel', 'noopener noreferrer');
+  }
+});
+
 // Used locally for callout presentation
 const callout = props => {
   var _componentProps$messa;
@@ -8013,9 +8088,14 @@ const callout = props => {
     message: 'unknown'
   }, props);
   const testid = (_componentProps$messa = componentProps.message) == null ? void 0 : _componentProps$messa.replace(/\s/g, '');
+  const sanitizedHtml = sanitizeHtml(componentProps.message || '');
   return jsx(GoabCallout, Object.assign({}, componentProps, {
     "data-testid": testid,
-    children: componentProps == null ? void 0 : componentProps.message
+    children: jsx("div", {
+      dangerouslySetInnerHTML: {
+        __html: sanitizedHtml
+      }
+    })
   }));
 };
 const GoACalloutController = props => {
@@ -13454,81 +13534,6 @@ const SummaryRow = ({
   });
 };
 
-const options = {
-  whiteList: {
-    html: ['lang'],
-    meta: ['name', 'content', 'charset'],
-    div: ['style', 'class'],
-    style: [],
-    a: ['href', 'title', 'target', 'style', 'class'],
-    em: [],
-    main: [],
-    footer: ['style'],
-    header: ['style'],
-    head: [],
-    abbr: ['title', 'style'],
-    title: [],
-    address: ['style'],
-    area: ['shape', 'coords', 'href', 'alt', 'style'],
-    article: [],
-    blockquote: [],
-    aside: [],
-    details: [],
-    h1: [],
-    h2: [],
-    h3: [],
-    h4: [],
-    h5: [],
-    h6: [],
-    hr: [],
-    i: [],
-    img: ['src', 'alt', 'title', 'width', 'height'],
-    ins: ['datetime'],
-    li: [],
-    mark: [],
-    nav: [],
-    ol: [],
-    p: [],
-    pre: [],
-    s: [],
-    section: [],
-    small: [],
-    span: ['class', 'style'],
-    sub: [],
-    summary: [],
-    sup: [],
-    select: [],
-    optgroup: [],
-    form: [],
-    strong: [],
-    label: [],
-    strike: [],
-    table: ['width', 'border', 'align', 'valign', 'class', 'style'],
-    tbody: ['align', 'valign', 'class', 'style'],
-    body: ['class', 'style'],
-    td: ['width', 'rowspan', 'colspan', 'align', 'valign', 'class', 'style'],
-    tfoot: ['align', 'valign', 'class', 'style'],
-    th: ['width', 'rowspan', 'colspan', 'align', 'valign', 'class', 'style'],
-    thead: ['align', 'valign'],
-    tr: ['rowspan', 'align', 'valign'],
-    tt: [],
-    u: [],
-    ul: [],
-    br: [],
-    b: [],
-    option: []
-  }
-}; // Custom rules
-new xss.FilterXSS(options);
-const sanitizeHtml = dompurify.sanitize;
-dompurify.addHook('afterSanitizeAttributes', function (node) {
-  // set all elements owning target to target=_blank
-  if ('target' in node) {
-    node.setAttribute('target', '_blank');
-    node.setAttribute('rel', 'noopener noreferrer');
-  }
-});
-
 const _excluded$1 = ["type"];
 const AdditionalInstructionsRow = ({
   additionalInstructions,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.48.1",
+  "version": "2.48.2",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",