@apia/components 4.0.46 → 4.0.47

package/dist/index.d.ts

@@ -1184,6 +1184,7 @@ interface IAccordionItemButton {
     className?: string;
     disableSelection?: boolean;
     domButtonProps?: ISimpleButton;
+    isHtml?: boolean | boolean[];
     label: string;
     /**
      * Evento que se dispara cuando el usuario hace click en el checkbox o

package/dist/index.js

@@ -4884,7 +4884,25 @@ const DefaultAccordionItemButton = (props) => {
               onChange: setIsChecked
             }
           ),
-          /* @__PURE__ */ jsx(Box, { as: "h3", className: "accordion__item__button__label", children: /* @__PURE__ */ jsx(AutoEllipsis, { overrideStyles: () => ({ textAlign: "left" }), children: props.label ?? props.title ?? props.ariaLabel }) })
+          (props.label ?? props.title ?? props.ariaLabel).split(" | ").map((content, i) => {
+            if (typeof props.isHtml === "boolean" && props.isHtml || Array.isArray(props.isHtml) && props.isHtml[i]) {
+              return /* @__PURE__ */ jsx(
+                Box,
+                {
+                  className: "accordion__item__button__html",
+                  dangerouslySetInnerHTML: {
+                    __html: String(content).replaceAll(
+                      /<TOK(\d+)/g,
+                      "&lt;TOK$1"
+                    )
+                  },
+                  as: "span"
+                }
+              );
+            } else {
+              return /* @__PURE__ */ jsx(Box, { as: "h3", className: "accordion__item__button__label", children: /* @__PURE__ */ jsx(AutoEllipsis, { overrideStyles: () => ({ textAlign: "left" }), children: content }) });
+            }
+          })
         ] }),
         /* @__PURE__ */ jsxs(Box, { className: "accordion__item__button__rightGroup", children: [
           props.rightButtons,