@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/esm/components/UTLabel/components/Markdown/components/Section/index.js

@@ -1 +1,52 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React,{memo}from"react";import{objectOf,object,string}from"prop-types";import{cleanElementProps}from"../../utils";import styles from"./styles.module.scss";const Section=_ref=>{var _node$properties;let{children:children,classes:classes,node:node,...props}=_ref;if(!(void 0!==(null==node||null===(_node$properties=node.properties)||void 0===_node$properties?void 0:_node$properties.dataFootnotes)))return React.createElement("section",cleanElementProps(props),children);const ol=React.Children.toArray(children).find(c=>"ol"===(null==c?void 0:c.type));if(!ol)return React.createElement("div",null);const liNodes=React.Children.toArray(ol.props.children).filter(c=>{var _c$props;return"li"===(null==c||null===(_c$props=c.props)||void 0===_c$props||null===(_c$props=_c$props.node)||void 0===_c$props?void 0:_c$props.tagName)});return React.createElement("div",{className:"".concat(null==classes?void 0:classes.customFootnotes," ").concat(styles.customFootnotes)},liNodes.map(li=>{const liChildren=React.Children.toArray(li.props.children),p=liChildren.find(ch=>"p"===(null==ch?void 0:ch.type)),sourceChildren=p?React.Children.toArray(p.props.children):liChildren,textNodes=sourceChildren.filter(ch=>"string"==typeof ch||"number"==typeof ch),elementNodes=sourceChildren.filter(ch=>!("string"==typeof ch||"number"==typeof ch)),textContent=textNodes.join("").trim();return React.createElement("div",{className:styles.customFootnoteItem},React.createElement("div",null,elementNodes.map(el=>{var _el$props;return"a"===(null==el?void 0:el.type)&&"string"==typeof(null===(_el$props=el.props)||void 0===_el$props?void 0:_el$props.href)?React.createElement("a",_extends({href:el.props.href,key:el.props.href},el.props||{}),el.props.children):React.cloneElement(el)})),textContent?React.createElement("span",null,textContent):null)}))};Section.propTypes={classes:objectOf(string),node:object};export default memo(Section);
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { memo } from 'react';
+import { objectOf, object, string } from 'prop-types';
+import { cleanElementProps } from '../../utils';
+import styles from './styles.module.scss';
+const Section = _ref => {
+  var _node$properties;
+  let {
+    children,
+    classes,
+    node,
+    ...props
+  } = _ref;
+  const isFootnotesSection = (node === null || node === void 0 || (_node$properties = node.properties) === null || _node$properties === void 0 ? void 0 : _node$properties.dataFootnotes) !== undefined;
+  if (!isFootnotesSection) {
+    return /*#__PURE__*/React.createElement('section', cleanElementProps(props), children);
+  }
+  const reactChildren = React.Children.toArray(children);
+  const ol = reactChildren.find(c => (c === null || c === void 0 ? void 0 : c.type) === 'ol');
+  if (!ol) return /*#__PURE__*/React.createElement("div", null);
+  const liNodes = React.Children.toArray(ol.props.children).filter(c => {
+    var _c$props;
+    return (c === null || c === void 0 || (_c$props = c.props) === null || _c$props === void 0 || (_c$props = _c$props.node) === null || _c$props === void 0 ? void 0 : _c$props.tagName) === 'li';
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(classes === null || classes === void 0 ? void 0 : classes.customFootnotes, " ").concat(styles.customFootnotes)
+  }, liNodes.map(li => {
+    const liChildren = React.Children.toArray(li.props.children);
+    const p = liChildren.find(ch => (ch === null || ch === void 0 ? void 0 : ch.type) === 'p');
+    const sourceChildren = p ? React.Children.toArray(p.props.children) : liChildren;
+    const textNodes = sourceChildren.filter(ch => typeof ch === 'string' || typeof ch === 'number');
+    const elementNodes = sourceChildren.filter(ch => !(typeof ch === 'string' || typeof ch === 'number'));
+    const textContent = textNodes.join('').trim();
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.customFootnoteItem
+    }, /*#__PURE__*/React.createElement("div", null, elementNodes.map(el => {
+      var _el$props;
+      if ((el === null || el === void 0 ? void 0 : el.type) === 'a' && typeof ((_el$props = el.props) === null || _el$props === void 0 ? void 0 : _el$props.href) === 'string') {
+        return /*#__PURE__*/React.createElement("a", _extends({
+          href: el.props.href,
+          key: el.props.href
+        }, el.props || {}), el.props.children);
+      }
+      return /*#__PURE__*/React.cloneElement(el);
+    })), textContent ? /*#__PURE__*/React.createElement("span", null, textContent) : null);
+  }));
+};
+Section.propTypes = {
+  classes: objectOf(string),
+  node: object
+};
+export default /*#__PURE__*/memo(Section);

package/dist/esm/components/UTLabel/components/Markdown/components/WithCustomHandler/index.js

@@ -1 +1,17 @@
-import React from"react";import{func}from"prop-types";const WithCustomHandler=(Component,props)=>{const{customHandler:customHandler,...restProps}=props;if(customHandler){const CustomRenderer=customHandler(props);if(CustomRenderer)return CustomRenderer}return React.createElement(Component,restProps)};WithCustomHandler.propTypes={customHandler:func};export default Component=>props=>WithCustomHandler(Component,props);
+import React from 'react';
+import { func } from 'prop-types';
+const WithCustomHandler = (Component, props) => {
+  const {
+    customHandler,
+    ...restProps
+  } = props;
+  if (customHandler) {
+    const CustomRenderer = customHandler(props);
+    if (CustomRenderer) return CustomRenderer;
+  }
+  return /*#__PURE__*/React.createElement(Component, restProps);
+};
+WithCustomHandler.propTypes = {
+  customHandler: func
+};
+export default Component => props => WithCustomHandler(Component, props);

package/dist/esm/components/UTLabel/components/Markdown/constants.js

@@ -1 +1,59 @@
-import breaks from"remark-breaks";import rehypeRaw from"rehype-raw";import remarkGfm from"remark-gfm";import BlockQuote from"./components/BlockQuote";import Citation from"./components/Citation";import CitationGroup from"./components/CitationGroup";import Links from"./components/Links";import ListItem from"./components/ListItem";import Section from"./components/Section";import remarkCitations from"./customPlugins/remarkCitations";import remarkDeflist from"./customPlugins/remarkDeflist";export const COMPONENTS_NAMES={BLOCKQUOTE:"blockquote",CITATION:"citation",CITATION_GROUP:"citationgroup",DEFINITION_LIST:"dl",DEFINITION_TERM:"dt",DEFINITION_DESCRIPTION:"dd",LINK:"a",LIST_ITEM:"li",HEADING_2:"h2",PARAGRAPH:"p",SECTION:"section"};export const NODE_TYPES={BLOCKQUOTE:"blockquote",CITATION:"citation",CITATION_GROUP:"citationgroup",DEFINITION_LIST:"definitionList",DEFINITION_TERM:"definitionTerm",DEFINITION_DESCRIPTION:"definitionDescription",HEADING:"heading",LINK:"link",LIST_ITEM:"listItem",PARAGRAPH:"paragraph",TABLE_CELL:"tableCell",TEXT:"text"};export const BASE_CONFIG={disallowedElements:[COMPONENTS_NAMES.PARAGRAPH,COMPONENTS_NAMES.BLOCKQUOTE],remarkPlugins:[breaks],rehypePlugins:[rehypeRaw],components:{[COMPONENTS_NAMES.LINK]:Links}};export const EXTENDED_CONFIG={disallowedElements:[],remarkPlugins:[remarkGfm,remarkDeflist,remarkCitations,breaks],rehypePlugins:[rehypeRaw],components:{[COMPONENTS_NAMES.BLOCKQUOTE]:BlockQuote,[COMPONENTS_NAMES.CITATION]:Citation,[COMPONENTS_NAMES.CITATION_GROUP]:CitationGroup,[COMPONENTS_NAMES.LINK]:Links,[COMPONENTS_NAMES.LIST_ITEM]:ListItem,[COMPONENTS_NAMES.SECTION]:Section}};
+import breaks from 'remark-breaks';
+import rehypeRaw from 'rehype-raw';
+import remarkGfm from 'remark-gfm';
+import BlockQuote from './components/BlockQuote';
+import Citation from './components/Citation';
+import CitationGroup from './components/CitationGroup';
+import Links from './components/Links';
+import ListItem from './components/ListItem';
+import Section from './components/Section';
+import remarkCitations from './customPlugins/remarkCitations';
+import remarkDeflist from './customPlugins/remarkDeflist';
+export const COMPONENTS_NAMES = {
+  BLOCKQUOTE: 'blockquote',
+  CITATION: 'citation',
+  CITATION_GROUP: 'citationgroup',
+  DEFINITION_LIST: 'dl',
+  DEFINITION_TERM: 'dt',
+  DEFINITION_DESCRIPTION: 'dd',
+  LINK: 'a',
+  LIST_ITEM: 'li',
+  HEADING_2: 'h2',
+  PARAGRAPH: 'p',
+  SECTION: 'section'
+};
+export const NODE_TYPES = {
+  BLOCKQUOTE: 'blockquote',
+  CITATION: 'citation',
+  CITATION_GROUP: 'citationgroup',
+  DEFINITION_LIST: 'definitionList',
+  DEFINITION_TERM: 'definitionTerm',
+  DEFINITION_DESCRIPTION: 'definitionDescription',
+  HEADING: 'heading',
+  LINK: 'link',
+  LIST_ITEM: 'listItem',
+  PARAGRAPH: 'paragraph',
+  TABLE_CELL: 'tableCell',
+  TEXT: 'text'
+};
+export const BASE_CONFIG = {
+  disallowedElements: [COMPONENTS_NAMES.PARAGRAPH, COMPONENTS_NAMES.BLOCKQUOTE],
+  remarkPlugins: [breaks],
+  rehypePlugins: [rehypeRaw],
+  components: {
+    [COMPONENTS_NAMES.LINK]: Links
+  }
+};
+export const EXTENDED_CONFIG = {
+  disallowedElements: [],
+  remarkPlugins: [remarkGfm, remarkDeflist, remarkCitations, breaks],
+  rehypePlugins: [rehypeRaw],
+  components: {
+    [COMPONENTS_NAMES.BLOCKQUOTE]: BlockQuote,
+    [COMPONENTS_NAMES.CITATION]: Citation,
+    [COMPONENTS_NAMES.CITATION_GROUP]: CitationGroup,
+    [COMPONENTS_NAMES.LINK]: Links,
+    [COMPONENTS_NAMES.LIST_ITEM]: ListItem,
+    [COMPONENTS_NAMES.SECTION]: Section
+  }
+};

package/dist/esm/components/UTLabel/components/Markdown/customPlugins/remarkCitations.js

@@ -1 +1,182 @@
-import{visit}from"unist-util-visit";import{COMPONENTS_NAMES,NODE_TYPES}from"../constants";export default()=>{const pattern=/\[([^\]]+?)†(https?:\/\/[^\]]+?)\]/g;return tree=>{visit(tree,node=>{if(![NODE_TYPES.PARAGRAPH,NODE_TYPES.HEADING,NODE_TYPES.LIST_ITEM,NODE_TYPES.BLOCKQUOTE,NODE_TYPES.TABLE_CELL].includes(node.type)||!Array.isArray(node.children))return;const{children:children}=node,getText=n=>n.type===NODE_TYPES.TEXT?n.value||"":(n.type,NODE_TYPES.LINK,Array.isArray(n.children)?n.children.map(getText).join(""):""),parts=children.map(child=>{const text=getText(child);return{node:child,text:text,length:text.length}}),combined=parts.map(p=>p.text).join("");if(!combined.includes("†"))return;const matches=[...combined.matchAll(pattern)];if(0===matches.length)return;const findPartIndexByChar=charIndex=>{let acc=0;return parts.reduce((accumulator,part,idx)=>{if(accumulator.found)return accumulator;const next=acc+part.length;return charIndex<next?{found:!0,partIndex:idx,offsetInPart:charIndex-acc}:(acc=next,{found:!1,partIndex:-1,offsetInPart:-1})},{found:!1,partIndex:-1,offsetInPart:-1})},newChildren=[];let cursorChar=0,consumedPartIndex=0;if(matches.forEach(match=>{const[full,label,url]=match,matchStart=match.index,matchEnd=matchStart+full.length;if(matchStart>cursorChar){const endInfo=findPartIndexByChar(matchStart-1);for(let i=consumedPartIndex;i<=endInfo.partIndex;i+=1){const part=parts[i],partStartChar=parts.slice(0,i).reduce((a,b)=>a+b.length,0),takeFrom=Math.max(cursorChar-partStartChar,0),takeTo=Math.min(matchStart-partStartChar,part.length);if(0===takeFrom&&takeTo===part.length)newChildren.push(part.node);else{const textSlice=part.text.slice(takeFrom,takeTo);textSlice&&newChildren.push({type:NODE_TYPES.TEXT,value:textSlice})}}consumedPartIndex=endInfo.partIndex+1}const matchStartInfo=findPartIndexByChar(matchStart),matchEndInfo=findPartIndexByChar(matchEnd-1);if(matchStartInfo.partIndex>consumedPartIndex)for(let i=consumedPartIndex;i<matchStartInfo.partIndex;i+=1)newChildren.push(parts[i].node);newChildren.push({type:COMPONENTS_NAMES.CITATION,data:{hName:COMPONENTS_NAMES.CITATION,hProperties:{label:label,url:url}}}),consumedPartIndex=matchEndInfo.partIndex+1,cursorChar=matchEnd}),cursorChar<combined.length){const startInfo=findPartIndexByChar(cursorChar);if(startInfo.found){const partStartChar=parts.slice(0,startInfo.partIndex).reduce((a,b)=>a+b.length,0),takeFrom=cursorChar-partStartChar,firstPart=parts[startInfo.partIndex];if(takeFrom<firstPart.length){const slice=firstPart.text.slice(takeFrom);slice&&newChildren.push({type:NODE_TYPES.TEXT,value:slice})}for(let i=Math.max(consumedPartIndex,startInfo.partIndex+1);i<parts.length;i+=1)newChildren.push(parts[i].node)}else for(let i=consumedPartIndex;i<parts.length;i+=1)newChildren.push(parts[i].node)}else for(let i=consumedPartIndex;i<parts.length;i+=1)newChildren.push(parts[i].node);const groupedChildren=[];let i=0;for(;i<newChildren.length;){const child=newChildren[i];if(child.type===COMPONENTS_NAMES.CITATION){let citationCount=1,j=i+1,endIndex=i+1;for(;j<newChildren.length;){const nextChild=newChildren[j];if(nextChild.type===COMPONENTS_NAMES.CITATION)citationCount+=1,endIndex=j+1,j+=1;else{if(nextChild.type!==NODE_TYPES.TEXT||""!==nextChild.value.trim())break;j+=1}}if(citationCount>=2){const citationGroup={type:COMPONENTS_NAMES.CITATION_GROUP,children:newChildren.slice(i,endIndex),data:{hName:COMPONENTS_NAMES.CITATION_GROUP}};groupedChildren.push(citationGroup),i=endIndex}else groupedChildren.push(child),i+=1}else groupedChildren.push(child),i+=1}groupedChildren.length>0&&(node.children=groupedChildren)})}};
+import { visit } from 'unist-util-visit';
+import { COMPONENTS_NAMES, NODE_TYPES } from '../constants';
+
+/**
+ * Detecta el patrón de citas en un texto y lo convierte en componentes.
+ *
+ * Busca el patrón [Documento1.pdf†https://example.com/doc1.pdf] en el contenido.
+ * Si hay una sola cita, muestra un UTChip (componente Citation).
+ * Si hay múltiples citas, las renderiza dentro de un div contenedor (componente CitationGroup).
+ *
+ * @returns {Function} Función que procesa el árbol AST de remark
+ */
+export default () => {
+  const pattern = /\[([^\]]+?)†(https?:\/\/[^\]]+?)\]/g;
+  return tree => {
+    visit(tree, node => {
+      const parentsToProcess = [NODE_TYPES.PARAGRAPH, NODE_TYPES.HEADING, NODE_TYPES.LIST_ITEM, NODE_TYPES.BLOCKQUOTE, NODE_TYPES.TABLE_CELL];
+      if (!parentsToProcess.includes(node.type) || !Array.isArray(node.children)) return;
+      const {
+        children
+      } = node;
+      const getText = n => {
+        if (n.type === NODE_TYPES.TEXT) return n.value || '';
+        if (n.type === NODE_TYPES.LINK) {
+          return Array.isArray(n.children) ? n.children.map(getText).join('') : '';
+        }
+        if (Array.isArray(n.children)) return n.children.map(getText).join('');
+        return '';
+      };
+      const parts = children.map(child => {
+        const text = getText(child);
+        return {
+          node: child,
+          text,
+          length: text.length
+        };
+      });
+      const combined = parts.map(p => p.text).join('');
+      if (!combined.includes('†')) return;
+      const matches = [...combined.matchAll(pattern)];
+      if (matches.length === 0) return;
+      const findPartIndexByChar = charIndex => {
+        let acc = 0;
+        return parts.reduce((accumulator, part, idx) => {
+          if (accumulator.found) return accumulator;
+          const next = acc + part.length;
+          if (charIndex < next) {
+            return {
+              found: true,
+              partIndex: idx,
+              offsetInPart: charIndex - acc
+            };
+          }
+          acc = next;
+          return {
+            found: false,
+            partIndex: -1,
+            offsetInPart: -1
+          };
+        }, {
+          found: false,
+          partIndex: -1,
+          offsetInPart: -1
+        });
+      };
+      const newChildren = [];
+      let cursorChar = 0;
+      let consumedPartIndex = 0;
+      matches.forEach(match => {
+        const [full, label, url] = match;
+        const matchStart = match.index;
+        const matchEnd = matchStart + full.length;
+        if (matchStart > cursorChar) {
+          const endInfo = findPartIndexByChar(matchStart - 1);
+          for (let i = consumedPartIndex; i <= endInfo.partIndex; i += 1) {
+            const part = parts[i];
+            const partStartChar = parts.slice(0, i).reduce((a, b) => a + b.length, 0);
+            const takeFrom = Math.max(cursorChar - partStartChar, 0);
+            const takeTo = Math.min(matchStart - partStartChar, part.length);
+            if (takeFrom === 0 && takeTo === part.length) {
+              newChildren.push(part.node);
+            } else {
+              const textSlice = part.text.slice(takeFrom, takeTo);
+              if (textSlice) newChildren.push({
+                type: NODE_TYPES.TEXT,
+                value: textSlice
+              });
+            }
+          }
+          consumedPartIndex = endInfo.partIndex + 1;
+        }
+        const matchStartInfo = findPartIndexByChar(matchStart);
+        const matchEndInfo = findPartIndexByChar(matchEnd - 1);
+        if (matchStartInfo.partIndex > consumedPartIndex) {
+          for (let i = consumedPartIndex; i < matchStartInfo.partIndex; i += 1) {
+            newChildren.push(parts[i].node);
+          }
+        }
+        newChildren.push({
+          type: COMPONENTS_NAMES.CITATION,
+          data: {
+            hName: COMPONENTS_NAMES.CITATION,
+            hProperties: {
+              label,
+              url
+            }
+          }
+        });
+        consumedPartIndex = matchEndInfo.partIndex + 1;
+        cursorChar = matchEnd;
+      });
+      if (cursorChar < combined.length) {
+        const startInfo = findPartIndexByChar(cursorChar);
+        if (startInfo.found) {
+          const partStartChar = parts.slice(0, startInfo.partIndex).reduce((a, b) => a + b.length, 0);
+          const takeFrom = cursorChar - partStartChar;
+          const firstPart = parts[startInfo.partIndex];
+          if (takeFrom < firstPart.length) {
+            const slice = firstPart.text.slice(takeFrom);
+            if (slice) newChildren.push({
+              type: NODE_TYPES.TEXT,
+              value: slice
+            });
+          }
+          for (let i = Math.max(consumedPartIndex, startInfo.partIndex + 1); i < parts.length; i += 1) {
+            newChildren.push(parts[i].node);
+          }
+        } else {
+          for (let i = consumedPartIndex; i < parts.length; i += 1) {
+            newChildren.push(parts[i].node);
+          }
+        }
+      } else {
+        for (let i = consumedPartIndex; i < parts.length; i += 1) {
+          newChildren.push(parts[i].node);
+        }
+      }
+      const groupedChildren = [];
+      let i = 0;
+      while (i < newChildren.length) {
+        const child = newChildren[i];
+        if (child.type === COMPONENTS_NAMES.CITATION) {
+          let citationCount = 1;
+          let j = i + 1;
+          let endIndex = i + 1;
+          while (j < newChildren.length) {
+            const nextChild = newChildren[j];
+            if (nextChild.type === COMPONENTS_NAMES.CITATION) {
+              citationCount += 1;
+              endIndex = j + 1;
+              j += 1;
+            } else if (nextChild.type === NODE_TYPES.TEXT && nextChild.value.trim() === '') {
+              j += 1;
+            } else {
+              break;
+            }
+          }
+          if (citationCount >= 2) {
+            const citationGroup = {
+              type: COMPONENTS_NAMES.CITATION_GROUP,
+              children: newChildren.slice(i, endIndex),
+              data: {
+                hName: COMPONENTS_NAMES.CITATION_GROUP
+              }
+            };
+            groupedChildren.push(citationGroup);
+            i = endIndex;
+          } else {
+            groupedChildren.push(child);
+            i += 1;
+          }
+        } else {
+          groupedChildren.push(child);
+          i += 1;
+        }
+      }
+      if (groupedChildren.length > 0) {
+        node.children = groupedChildren;
+      }
+    });
+  };
+};

package/dist/esm/components/UTLabel/components/Markdown/customPlugins/remarkDeflist.js

@@ -1 +1,148 @@
-import{visit}from"unist-util-visit";import{COMPONENTS_NAMES,NODE_TYPES}from"../constants";export default function remarkDeflist(){return tree=>{visit(tree,NODE_TYPES.PARAGRAPH,(node,index,parent)=>{if(!parent||!Array.isArray(parent.children))return;if(!node.children.some(child=>{if("value"in child){return child.value.split("\n").some(l=>l.trim().startsWith(":"))}return!1}))return;const lines=node.children.map(ch=>"value"in ch?ch.value:"").join("").split("\n");let hasValidStructure=!1,hasTerms=!1,hasDescriptions=!1;for(let i=0;i<lines.length;i+=1){const trimmed=lines[i].trim();trimmed&&!trimmed.startsWith(":")&&(hasTerms=!0),trimmed.startsWith(":")&&(hasDescriptions=!0)}if(hasValidStructure=hasTerms&&hasDescriptions,!hasValidStructure)return;const items=[];let currentTerm=null;const processLine=trimmed=>{if(trimmed&&!trimmed.startsWith(":"))currentTerm&&items.push({term:currentTerm,desc:[]}),currentTerm=trimmed;else if(trimmed.startsWith(":")){currentTerm||(currentTerm="");items.some(item=>item.term===currentTerm)||currentTerm&&(items.push({term:currentTerm,desc:[]}),currentTerm=null);const descText=trimmed.replace(/^:\s*/,"");items.length>0&&items[items.length-1].desc.push(descText)}};for(let i=0;i<node.children.length;i+=1){const child=node.children[i];if("value"in child){const childLines=child.value.split("\n");for(let lineIdx=0;lineIdx<childLines.length;lineIdx+=1){processLine(childLines[lineIdx].trim())}}}if(currentTerm&&items.push({term:currentTerm,desc:[]}),0===items.length)return;const dlNode={type:COMPONENTS_NAMES.DEFINITION_LIST,data:{hName:COMPONENTS_NAMES.DEFINITION_LIST},children:[]};for(let j=0;j<items.length;j+=1){const{term:term,desc:desc}=items[j];dlNode.children.push({type:COMPONENTS_NAMES.DEFINITION_TERM,data:{hName:COMPONENTS_NAMES.DEFINITION_TERM},children:[{type:NODE_TYPES.TEXT,value:term}]});for(let k=0;k<desc.length;k+=1)dlNode.children.push({type:COMPONENTS_NAMES.DEFINITION_DESCRIPTION,data:{hName:COMPONENTS_NAMES.DEFINITION_DESCRIPTION},children:[{type:NODE_TYPES.TEXT,value:desc[k]}]})}parent.children.splice(index,1,dlNode)})}}
+import { visit } from 'unist-util-visit';
+import { COMPONENTS_NAMES, NODE_TYPES } from '../constants';
+
+/**
+ * remarkDeflist
+ *
+ * Convierte bloques como:
+ *
+ * Term 1
+ * : Description 1
+ * : Description 2
+ *
+ * Term 2
+ * : Desc A
+ *
+ * en un nodo <dl> con <dt> y <dd>
+ */
+export default function remarkDeflist() {
+  return tree => {
+    visit(tree, NODE_TYPES.PARAGRAPH, (node, index, parent) => {
+      if (!parent || !Array.isArray(parent.children)) return;
+
+      // Check if this paragraph contains definition list items
+      // A valid definition list has lines that start with ':' at the beginning (after whitespace)
+      const hasDefinitionItems = node.children.some(child => {
+        if ('value' in child) {
+          const lines = child.value.split('\n');
+          return lines.some(l => l.trim().startsWith(':'));
+        }
+        return false;
+      });
+      if (!hasDefinitionItems) return;
+
+      // Extract text content to check structure
+      const raw = node.children.map(ch => 'value' in ch ? ch.value : '').join('');
+      const lines = raw.split('\n');
+
+      // Validate that this is a proper definition list structure
+      // A valid definition list should have at least one term followed by descriptions
+      let hasValidStructure = false;
+      let hasTerms = false;
+      let hasDescriptions = false;
+      for (let i = 0; i < lines.length; i += 1) {
+        const trimmed = lines[i].trim();
+        if (trimmed && !trimmed.startsWith(':')) {
+          hasTerms = true;
+        }
+        if (trimmed.startsWith(':')) {
+          hasDescriptions = true;
+        }
+      }
+      hasValidStructure = hasTerms && hasDescriptions;
+      if (!hasValidStructure) return;
+
+      // Build items while preserving node structure
+      const items = [];
+      let currentTerm = null;
+      const processLine = trimmed => {
+        if (trimmed && !trimmed.startsWith(':')) {
+          // This is a term
+          if (currentTerm) {
+            items.push({
+              term: currentTerm,
+              desc: []
+            });
+          }
+          currentTerm = trimmed;
+        } else if (trimmed.startsWith(':')) {
+          // This is a description
+          if (!currentTerm) {
+            currentTerm = '';
+          }
+          const itemExists = items.some(item => item.term === currentTerm);
+          if (!itemExists) {
+            // Only add if we haven't already added this term
+            if (currentTerm) {
+              items.push({
+                term: currentTerm,
+                desc: []
+              });
+              currentTerm = null;
+            }
+          }
+          const descText = trimmed.replace(/^:\s*/, '');
+          if (items.length > 0) {
+            items[items.length - 1].desc.push(descText);
+          }
+        }
+      };
+      for (let i = 0; i < node.children.length; i += 1) {
+        const child = node.children[i];
+        if ('value' in child) {
+          const childLines = child.value.split('\n');
+          for (let lineIdx = 0; lineIdx < childLines.length; lineIdx += 1) {
+            const line = childLines[lineIdx];
+            const trimmed = line.trim();
+            processLine(trimmed);
+          }
+        }
+      }
+      if (currentTerm) {
+        items.push({
+          term: currentTerm,
+          desc: []
+        });
+      }
+
+      // Only process if we have valid items
+      if (items.length === 0) return;
+      const dlNode = {
+        type: COMPONENTS_NAMES.DEFINITION_LIST,
+        data: {
+          hName: COMPONENTS_NAMES.DEFINITION_LIST
+        },
+        children: []
+      };
+      for (let j = 0; j < items.length; j += 1) {
+        const {
+          term,
+          desc
+        } = items[j];
+        dlNode.children.push({
+          type: COMPONENTS_NAMES.DEFINITION_TERM,
+          data: {
+            hName: COMPONENTS_NAMES.DEFINITION_TERM
+          },
+          children: [{
+            type: NODE_TYPES.TEXT,
+            value: term
+          }]
+        });
+        for (let k = 0; k < desc.length; k += 1) {
+          dlNode.children.push({
+            type: COMPONENTS_NAMES.DEFINITION_DESCRIPTION,
+            data: {
+              hName: COMPONENTS_NAMES.DEFINITION_DESCRIPTION
+            },
+            children: [{
+              type: NODE_TYPES.TEXT,
+              value: desc[k]
+            }]
+          });
+        }
+      }
+      parent.children.splice(index, 1, dlNode);
+    });
+  };
+}

package/dist/esm/components/UTLabel/components/Markdown/index.js

@@ -1 +1,34 @@
-import React from"react";import{bool,func,objectOf,string}from"prop-types";import ReactMarkdown from"react-markdown";import{getMarkdownPlugins}from"./utils";const Markdown=_ref=>{let{children:children,classes:classes,markdownExtended:markdownExtended,markdownRenderers:markdownRenderers}=_ref;const{components:components,disallowedElements:disallowedElements,rehypePlugins:rehypePlugins,remarkPlugins:remarkPlugins}=getMarkdownPlugins(classes,markdownExtended,markdownRenderers);return React.createElement(ReactMarkdown,{children:children,components:components,disallowedElements:disallowedElements,remarkPlugins:remarkPlugins,rehypePlugins:rehypePlugins,skipHtml:!1,unwrapDisallowed:!0})};Markdown.propTypes={classes:objectOf(string),markdownExtended:bool,markdownRenderers:objectOf(func)};export default Markdown;
+import React from 'react';
+import { bool, func, objectOf, string } from 'prop-types';
+import ReactMarkdown from 'react-markdown';
+import { getMarkdownPlugins } from './utils';
+const Markdown = _ref => {
+  let {
+    children,
+    classes,
+    markdownExtended,
+    markdownRenderers
+  } = _ref;
+  const {
+    components,
+    disallowedElements,
+    rehypePlugins,
+    remarkPlugins
+  } = getMarkdownPlugins(classes, markdownExtended, markdownRenderers);
+  return /*#__PURE__*/React.createElement(ReactMarkdown
+  /* eslint-disable react/no-children-prop */, {
+    children: children,
+    components: components,
+    disallowedElements: disallowedElements,
+    remarkPlugins: remarkPlugins,
+    rehypePlugins: rehypePlugins,
+    skipHtml: false,
+    unwrapDisallowed: true
+  });
+};
+Markdown.propTypes = {
+  classes: objectOf(string),
+  markdownExtended: bool,
+  markdownRenderers: objectOf(func)
+};
+export default Markdown;

package/dist/esm/components/UTLabel/components/Markdown/utils.js

@@ -1 +1,39 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React from"react";import isEmpty from"lodash/isEmpty";import{BASE_CONFIG,EXTENDED_CONFIG}from"./constants";const wrapComponents=(components,classes,markdownExtended,markdownRenderers)=>Object.entries(components).reduce((wrapped,_ref)=>{let[key,Component]=_ref;return wrapped[key]=props=>React.createElement(Component,_extends({},props,{classes:classes,customHandler:null==markdownRenderers?void 0:markdownRenderers[key],markdownExtended:markdownExtended})),wrapped},{});export const getMarkdownPlugins=function(classes,markdownExtended){let markdownRenderers=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};const{components:components,disallowedElements:disallowedElements,remarkPlugins:remarkPlugins,rehypePlugins:rehypePlugins}=markdownExtended?EXTENDED_CONFIG:BASE_CONFIG,wrappedComponents=wrapComponents(components,classes,markdownExtended,markdownRenderers);return{components:{...markdownRenderers,...wrappedComponents},disallowedElements:disallowedElements,rehypePlugins:rehypePlugins,remarkPlugins:remarkPlugins}};export const cleanElementProps=function(){let props=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return isEmpty(props)?{}:(props.markdownExtended&&delete props.markdownExtended,props.customHandler&&delete props.customHandler,props)};
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import isEmpty from 'lodash/isEmpty';
+import { BASE_CONFIG, EXTENDED_CONFIG } from './constants';
+const wrapComponents = (components, classes, markdownExtended, markdownRenderers) => Object.entries(components).reduce((wrapped, _ref) => {
+  let [key, Component] = _ref;
+  wrapped[key] = props => /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+    classes: classes,
+    customHandler: markdownRenderers === null || markdownRenderers === void 0 ? void 0 : markdownRenderers[key],
+    markdownExtended: markdownExtended
+  }));
+  return wrapped;
+}, {});
+export const getMarkdownPlugins = function (classes, markdownExtended) {
+  let markdownRenderers = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    components,
+    disallowedElements,
+    remarkPlugins,
+    rehypePlugins
+  } = markdownExtended ? EXTENDED_CONFIG : BASE_CONFIG;
+  const wrappedComponents = wrapComponents(components, classes, markdownExtended, markdownRenderers);
+  return {
+    components: {
+      ...markdownRenderers,
+      ...wrappedComponents
+    },
+    disallowedElements,
+    rehypePlugins,
+    remarkPlugins
+  };
+};
+export const cleanElementProps = function () {
+  let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (isEmpty(props)) return {};
+  if (props.markdownExtended) delete props.markdownExtended;
+  if (props.customHandler) delete props.customHandler;
+  return props;
+};

package/dist/esm/components/UTLabel/constants.js

@@ -1 +1,69 @@
-import{COLOR_THEMES}from"../../constants/Palette";export const VARIANTS_NAMES={TITLE1:"title1",TITLE2:"title2",TITLE3:"title3",SUBTITLE1:"subtitle1",SUBTITLE2:"subtitle2",BODY:"body",SMALL:"small",XSMALL:"xsmall",TH:"th",TD:"td"};export const VARIANTS={[VARIANTS_NAMES.TITLE1]:"h1",[VARIANTS_NAMES.TITLE2]:"h2",[VARIANTS_NAMES.TITLE3]:"h3",[VARIANTS_NAMES.SUBTITLE1]:"h4",[VARIANTS_NAMES.SUBTITLE2]:"h5",[VARIANTS_NAMES.BODY]:"div",[VARIANTS_NAMES.SMALL]:"div",[VARIANTS_NAMES.XSMALL]:"div",[VARIANTS_NAMES.TH]:"th",[VARIANTS_NAMES.TD]:"td"};export const VARIANTS_SIZES={[VARIANTS_NAMES.TITLE1]:"var(--UT-label-size-title-1, 1.875rem)",[VARIANTS_NAMES.TITLE2]:"var(--UT-label-size-title-2, 1.5rem)",[VARIANTS_NAMES.TITLE3]:"var(--UT-label-size-title-3, 1.375rem)",[VARIANTS_NAMES.SUBTITLE1]:"var(--UT-label-size-subtitle-1, 1.125rem)",[VARIANTS_NAMES.SUBTITLE2]:"var(--UT-label-size-subtitle-2, 1rem)",[VARIANTS_NAMES.BODY]:"var(--UT-label-size-body, 1rem)",[VARIANTS_NAMES.SMALL]:"var(--UT-label-size-small, 0.875rem)",[VARIANTS_NAMES.XSMALL]:"var(--UT-label-size-xsmall, 0.75rem)",[VARIANTS_NAMES.TH]:"var(--UT-label-size-body, 1rem)",[VARIANTS_NAMES.TD]:"var(--UT-label-size-body, 1rem)"};export const VARIANTS_LINE_HEIGHT={[VARIANTS_NAMES.TITLE1]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.TITLE2]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.TITLE3]:"var(--UT-label-lh-heading, 1.2)",[VARIANTS_NAMES.SUBTITLE1]:"var(--UT-label-lh-subheading, 1.4)",[VARIANTS_NAMES.SUBTITLE2]:"var(--UT-label-lh-subheading, 1.4)",[VARIANTS_NAMES.BODY]:"var(--UT-label-lh-body, 1.4)",[VARIANTS_NAMES.SMALL]:"var(--UT-label-lh-small, 1.4)",[VARIANTS_NAMES.XSMALL]:"var(--UT-label-lh-xsmall, 1.5)",[VARIANTS_NAMES.TH]:"var(--UT-label-lh-body, 1.4)",[VARIANTS_NAMES.TD]:"var(--UT-label-lh-body, 1.4)"};export const WEIGHTS={thin:"var(--UT-label-weight-thin, 100)",extralight:"var(--UT-label-weight-extralight, 200)",light:"var(--UT-label-weight-light, 300)",regular:"var(--UT-label-weight-regular, 400)",medium:"var(--UT-label-weight-medium, 500)",semibold:"var(--UT-label-weight-semibold, 600)",bold:"var(--UT-label-weight-bold, 700)",extrabold:"var(--UT-label-weight-extrabold, 800)",black:"var(--UT-label-weight-black, 900)"};export const DEFAULT_PROPS={colorTheme:COLOR_THEMES.dark,field:{},markdownExtended:!1,markdownRenderers:{},variant:"body",weight:"regular",withMarkdown:!1};
+import { COLOR_THEMES } from '../../constants/Palette';
+export const VARIANTS_NAMES = {
+  TITLE1: 'title1',
+  TITLE2: 'title2',
+  TITLE3: 'title3',
+  SUBTITLE1: 'subtitle1',
+  SUBTITLE2: 'subtitle2',
+  BODY: 'body',
+  SMALL: 'small',
+  XSMALL: 'xsmall',
+  TH: 'th',
+  TD: 'td'
+};
+export const VARIANTS = {
+  [VARIANTS_NAMES.TITLE1]: 'h1',
+  [VARIANTS_NAMES.TITLE2]: 'h2',
+  [VARIANTS_NAMES.TITLE3]: 'h3',
+  [VARIANTS_NAMES.SUBTITLE1]: 'h4',
+  [VARIANTS_NAMES.SUBTITLE2]: 'h5',
+  [VARIANTS_NAMES.BODY]: 'div',
+  [VARIANTS_NAMES.SMALL]: 'div',
+  [VARIANTS_NAMES.XSMALL]: 'div',
+  [VARIANTS_NAMES.TH]: 'th',
+  [VARIANTS_NAMES.TD]: 'td'
+};
+export const VARIANTS_SIZES = {
+  [VARIANTS_NAMES.TITLE1]: 'var(--UT-label-size-title-1, 1.875rem)',
+  [VARIANTS_NAMES.TITLE2]: 'var(--UT-label-size-title-2, 1.5rem)',
+  [VARIANTS_NAMES.TITLE3]: 'var(--UT-label-size-title-3, 1.375rem)',
+  [VARIANTS_NAMES.SUBTITLE1]: 'var(--UT-label-size-subtitle-1, 1.125rem)',
+  [VARIANTS_NAMES.SUBTITLE2]: 'var(--UT-label-size-subtitle-2, 1rem)',
+  [VARIANTS_NAMES.BODY]: 'var(--UT-label-size-body, 1rem)',
+  [VARIANTS_NAMES.SMALL]: 'var(--UT-label-size-small, 0.875rem)',
+  [VARIANTS_NAMES.XSMALL]: 'var(--UT-label-size-xsmall, 0.75rem)',
+  [VARIANTS_NAMES.TH]: 'var(--UT-label-size-body, 1rem)',
+  [VARIANTS_NAMES.TD]: 'var(--UT-label-size-body, 1rem)'
+};
+export const VARIANTS_LINE_HEIGHT = {
+  [VARIANTS_NAMES.TITLE1]: 'var(--UT-label-lh-heading, 1.2)',
+  [VARIANTS_NAMES.TITLE2]: 'var(--UT-label-lh-heading, 1.2)',
+  [VARIANTS_NAMES.TITLE3]: 'var(--UT-label-lh-heading, 1.2)',
+  [VARIANTS_NAMES.SUBTITLE1]: 'var(--UT-label-lh-subheading, 1.4)',
+  [VARIANTS_NAMES.SUBTITLE2]: 'var(--UT-label-lh-subheading, 1.4)',
+  [VARIANTS_NAMES.BODY]: 'var(--UT-label-lh-body, 1.4)',
+  [VARIANTS_NAMES.SMALL]: 'var(--UT-label-lh-small, 1.4)',
+  [VARIANTS_NAMES.XSMALL]: 'var(--UT-label-lh-xsmall, 1.5)',
+  [VARIANTS_NAMES.TH]: 'var(--UT-label-lh-body, 1.4)',
+  [VARIANTS_NAMES.TD]: 'var(--UT-label-lh-body, 1.4)'
+};
+export const WEIGHTS = {
+  thin: 'var(--UT-label-weight-thin, 100)',
+  extralight: 'var(--UT-label-weight-extralight, 200)',
+  light: 'var(--UT-label-weight-light, 300)',
+  regular: 'var(--UT-label-weight-regular, 400)',
+  medium: 'var(--UT-label-weight-medium, 500)',
+  semibold: 'var(--UT-label-weight-semibold, 600)',
+  bold: 'var(--UT-label-weight-bold, 700)',
+  extrabold: 'var(--UT-label-weight-extrabold, 800)',
+  black: 'var(--UT-label-weight-black, 900)'
+};
+export const DEFAULT_PROPS = {
+  colorTheme: COLOR_THEMES.dark,
+  field: {},
+  markdownExtended: false,
+  markdownRenderers: {},
+  variant: 'body',
+  weight: 'regular',
+  withMarkdown: false
+};