UIU-3267 correctly import from dompurify

Import from `dompurify` as shown in example code; `sanitize` was never
deliberatly provided as a named export. Not sure how this ever worked.

Refs UIU-3267

CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## [11.1.0] In progress
 
+* Correctly import from `dompurify`. Refs UIU-3267.
+
 
 ## [11.0.1](https://github.com/folio-org/ui-users/tree/v11.0.1) (2024-11-08)
 [Full Changelog](https://github.com/folio-org/ui-users/compare/v11.0.0...v11.0.1)

package.json

@@ -1178,7 +1178,7 @@
   },
   "dependencies": {
     "compressorjs": "^1.2.1",
-    "dompurify": "^3.1.7",
+    "dompurify": "^3.2.0",
     "final-form-set-field-data": "^1.0.2",
     "get-orientation": "^1.1.2",
     "hashcode": "^1.0.3",

src/components/Loans/OpenLoans/components/PrintToPDFWrapper/PrintTemplate.js

@@ -2,7 +2,7 @@ import React from 'react';
 import Barcode from 'react-barcode';
 import PropTypes from 'prop-types';
 import HtmlToReact, { Parser } from 'html-to-react';
-import { sanitize } from 'dompurify';
+import DOMPurify from 'dompurify';
 
 const processNodeDefinitions = new HtmlToReact.ProcessNodeDefinitions(React);
 const rules = [
@@ -20,7 +20,7 @@ const rules = [
 const parser = new Parser();
 
 const PrintTemplate = ({ dataSource, templateFn }) => {
-  const componentStr = sanitize(templateFn(dataSource), { ADD_TAGS: ['Barcode'] });
+  const componentStr = DOMPurify.sanitize(templateFn(dataSource), { ADD_TAGS: ['Barcode'] });
   const Component = parser.parseWithInstructions(componentStr, () => true, rules) || null;
 
   return Component;