@oliasoft-open-source/react-ui-library 3.9.11-beta-1 → 3.9.11-beta-3

package/dist/index.js

@@ -9700,7 +9700,7 @@ var shallowDiffers = function shallowDiffers2(a2, b2) {
   }
   return false;
 };
-var _excluded$a = ["afterInjection", "beforeInjection", "evalScripts", "fallback", "httpRequestWithCredentials", "loading", "renumerateIRIElements", "src", "useRequestCache", "wrapper"];
+var _excluded$a = ["afterInjection", "beforeInjection", "desc", "evalScripts", "fallback", "httpRequestWithCredentials", "loading", "renumerateIRIElements", "src", "title", "useRequestCache", "wrapper"];
 var svgNamespace = "http://www.w3.org/2000/svg";
 var xlinkNamespace = "http://www.w3.org/1999/xlink";
 var ReactSVG = /* @__PURE__ */ function(_React$Component) {
@@ -9728,7 +9728,9 @@ var ReactSVG = /* @__PURE__ */ function(_React$Component) {
   _proto.renderSVG = function renderSVG2() {
     var _this2 = this;
     if (this.reactWrapper instanceof ownerWindow(this.reactWrapper).Node) {
-      var _this$props = this.props, beforeInjection2 = _this$props.beforeInjection, evalScripts = _this$props.evalScripts, httpRequestWithCredentials = _this$props.httpRequestWithCredentials, renumerateIRIElements = _this$props.renumerateIRIElements, src = _this$props.src, useRequestCache = _this$props.useRequestCache;
+      var _this$props = this.props, desc = _this$props.desc, evalScripts = _this$props.evalScripts, httpRequestWithCredentials = _this$props.httpRequestWithCredentials, renumerateIRIElements = _this$props.renumerateIRIElements, src = _this$props.src, title2 = _this$props.title, useRequestCache = _this$props.useRequestCache;
+      var onError3 = this.props.onError;
+      var beforeInjection2 = this.props.beforeInjection;
       var afterInjection2 = this.props.afterInjection;
       var wrapper2 = this.props.wrapper;
       var nonReactWrapper;
@@ -9745,28 +9747,69 @@ var ReactSVG = /* @__PURE__ */ function(_React$Component) {
       nonReactWrapper.appendChild(nonReactTarget);
       nonReactTarget.dataset.src = src;
       this.nonReactWrapper = this.reactWrapper.appendChild(nonReactWrapper);
+      var handleError = function handleError2(error2) {
+        _this2.removeSVG();
+        if (!_this2._isMounted) {
+          onError3(error2);
+          return;
+        }
+        _this2.setState(function() {
+          return {
+            hasError: true,
+            isLoading: false
+          };
+        }, function() {
+          onError3(error2);
+        });
+      };
       var afterEach = function afterEach2(error2, svg) {
         if (error2) {
-          _this2.removeSVG();
-          if (!_this2._isMounted) {
-            afterInjection2(error2);
-            return;
-          }
+          handleError(error2);
+          return;
         }
         if (_this2._isMounted) {
           _this2.setState(function() {
             return {
-              hasError: !!error2,
               isLoading: false
             };
           }, function() {
-            afterInjection2(error2, svg);
+            try {
+              afterInjection2(svg);
+            } catch (afterInjectionError) {
+              handleError(afterInjectionError);
+            }
           });
         }
       };
+      var beforeEach = function beforeEach2(svg) {
+        svg.setAttribute("role", "img");
+        if (desc) {
+          var originalDesc = svg.querySelector(":scope > desc");
+          if (originalDesc) {
+            svg.removeChild(originalDesc);
+          }
+          var newDesc = document.createElement("desc");
+          newDesc.innerHTML = desc;
+          svg.prepend(newDesc);
+        }
+        if (title2) {
+          var originalTitle = svg.querySelector(":scope > title");
+          if (originalTitle) {
+            svg.removeChild(originalTitle);
+          }
+          var newTitle = document.createElement("title");
+          newTitle.innerHTML = title2;
+          svg.prepend(newTitle);
+        }
+        try {
+          beforeInjection2(svg);
+        } catch (error2) {
+          handleError(error2);
+        }
+      };
       SVGInjector(nonReactTarget, {
         afterEach,
-        beforeEach: beforeInjection2,
+        beforeEach,
         cacheRequests: useRequestCache,
         evalScripts,
         httpRequestWithCredentials,
@@ -9804,12 +9847,14 @@ var ReactSVG = /* @__PURE__ */ function(_React$Component) {
     var _this$props2 = this.props;
     _this$props2.afterInjection;
     _this$props2.beforeInjection;
+    _this$props2.desc;
     _this$props2.evalScripts;
     var Fallback = _this$props2.fallback;
     _this$props2.httpRequestWithCredentials;
     var Loading = _this$props2.loading;
     _this$props2.renumerateIRIElements;
     _this$props2.src;
+    _this$props2.title;
     _this$props2.useRequestCache;
     var wrapper2 = _this$props2.wrapper, rest = _objectWithoutPropertiesLoose$6(_this$props2, _excluded$a);
     var Wrapper2 = wrapper2;
@@ -9829,23 +9874,31 @@ ReactSVG.defaultProps = {
   beforeInjection: function beforeInjection() {
     return void 0;
   },
+  desc: "",
   evalScripts: "never",
   fallback: null,
   httpRequestWithCredentials: false,
   loading: null,
+  onError: function onError() {
+    return void 0;
+  },
   renumerateIRIElements: true,
+  title: "",
   useRequestCache: true,
   wrapper: "div"
 };
 ReactSVG.propTypes = {
   afterInjection: PropTypes.func,
   beforeInjection: PropTypes.func,
+  desc: PropTypes.string,
   evalScripts: PropTypes.oneOf(["always", "once", "never"]),
   fallback: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),
   httpRequestWithCredentials: PropTypes.bool,
   loading: PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.string]),
+  onError: PropTypes.func,
   renumerateIRIElements: PropTypes.bool,
   src: PropTypes.string.isRequired,
+  title: PropTypes.string,
   useRequestCache: PropTypes.bool,
   wrapper: PropTypes.oneOf(["div", "span", "svg"])
 };
@@ -40659,8 +40712,8 @@ function getTextSelection(selection, doc2) {
 }
 var MAX_ATTEMPTS = 3;
 function createDocumentNode(props) {
-  const { content: content2, schema, document: document2, stringHandler: stringHandler2, onError: onError2, attempts = 0 } = props;
-  const attemptsRemaining = onError2 && attempts <= MAX_ATTEMPTS || attempts === 0;
+  const { content: content2, schema, document: document2, stringHandler: stringHandler2, onError: onError3, attempts = 0 } = props;
+  const attemptsRemaining = onError3 && attempts <= MAX_ATTEMPTS || attempts === 0;
   invariant$2(attemptsRemaining, {
     code: ErrorConstant.INVALID_CONTENT,
     message: "The invalid content has been called recursively more than ${MAX_ATTEMPTS} times. The content is invalid and the error handler has not been able to recover properly."
@@ -40683,7 +40736,7 @@ function createDocumentNode(props) {
     return schema.nodeFromJSON(content2);
   } catch (error2) {
     const details2 = getInvalidContent({ schema, error: error2, json: content2 });
-    const transformedContent = onError2 == null ? void 0 : onError2(details2);
+    const transformedContent = onError3 == null ? void 0 : onError3(details2);
     invariant$2(transformedContent, {
       code: ErrorConstant.INVALID_CONTENT,
       message: `An error occurred when processing the content. Please provide an \`onError\` handler to process the invalid content: ${JSON.stringify(
@@ -45643,7 +45696,7 @@ var _RemirrorManager = class {
     return doc2;
   }
   createState(props = {}) {
-    const { onError: onError2, defaultSelection = "end" } = this.settings;
+    const { onError: onError3, defaultSelection = "end" } = this.settings;
     const {
       content: content2 = this.createEmptyDoc(),
       selection = defaultSelection,
@@ -45654,7 +45707,7 @@ var _RemirrorManager = class {
       stringHandler: isString$2(stringHandler2) ? this.stringHandlers[stringHandler2] : stringHandler2,
       document: this.document,
       content: content2,
-      onError: onError2,
+      onError: onError3,
       schema,
       selection
     });
@@ -51873,7 +51926,7 @@ __publicField(Hooks, "passThroughHooks", /* @__PURE__ */ new Set([
   "preprocess",
   "postprocess"
 ]));
-function onError(silent, async, callback) {
+function onError2(silent, async, callback) {
   return (e2) => {
     e2.message += "\nPlease report this to https://github.com/markedjs/marked.";
     if (silent) {
@@ -51905,7 +51958,7 @@ function parseMarkdown(lexer2, parser2) {
     }
     const origOpt = { ...opt };
     opt = { ...marked.defaults, ...origOpt };
-    const throwError = onError(opt.silent, opt.async, callback);
+    const throwError = onError2(opt.silent, opt.async, callback);
     if (typeof src === "undefined" || src === null) {
       return throwError(new Error("marked(): input parameter is undefined or null"));
     }
@@ -62557,8 +62610,8 @@ class RawTask {
       this.release(this);
     }
   }
-  constructor(onError2, release) {
-    this.onError = onError2;
+  constructor(onError3, release) {
+    this.onError = onError3;
     this.release = release;
     this.task = null;
   }
@@ -62573,8 +62626,8 @@ class TaskFactory {
     t1.task = task;
     return t1;
   }
-  constructor(onError2) {
-    this.onError = onError2;
+  constructor(onError3) {
+    this.onError = onError3;
     this.freeTasks = [];
   }
 }