@widergy/energy-ui 3.123.1 → 3.125.0

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _WithCustomHandler = _interopRequireDefault(require("../WithCustomHandler"));
+var _constants = require("./constants");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Links = _ref => {
+  let {
+    [_constants.DATA_FOOTNOTE_REF]: dataFootnoteRef,
+    [_constants.DATA_FOOTNOTE_BACKREF]: dataFootnoteBackref,
+    children,
+    href,
+    id,
+    markdownExtended
+  } = _ref;
+  if (markdownExtended && dataFootnoteRef !== undefined) return /*#__PURE__*/_react.default.createElement("a", {
+    href: href,
+    id: id,
+    className: _stylesModule.default.isFootNoteRef
+  }, children);
+  if (markdownExtended && dataFootnoteBackref !== undefined) return /*#__PURE__*/_react.default.createElement("a", {
+    href: href,
+    id: id,
+    className: _stylesModule.default.isFootNoteRef
+  }, href.substring(20));
+  return /*#__PURE__*/_react.default.createElement("a", {
+    href: href,
+    rel: "noopener noreferrer",
+    target: "_blank"
+  }, children);
+};
+Links.propTypes = {
+  [_constants.DATA_FOOTNOTE_REF]: _propTypes.string,
+  [_constants.DATA_FOOTNOTE_BACKREF]: _propTypes.string,
+  href: _propTypes.string,
+  id: _propTypes.string,
+  markdownExtended: _propTypes.bool
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)((0, _WithCustomHandler.default)(Links));

package/dist/components/UTLabel/components/Markdown/components/Links/styles.module.scss

@@ -0,0 +1,3 @@
+.isFootNoteRef {
+  text-decoration: none !important;
+}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _UTIcon = _interopRequireDefault(require("../../../../../UTIcon"));
+var _WithCustomHandler = _interopRequireDefault(require("../WithCustomHandler"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const ListItem = _ref => {
+  var _node$properties;
+  let {
+    children,
+    classes,
+    node,
+    ...props
+  } = _ref;
+  const classList = Array.isArray(node === null || node === void 0 || (_node$properties = node.properties) === null || _node$properties === void 0 ? void 0 : _node$properties.className) ? node.properties.className : [];
+  const isTaskListItem = classList.includes('task-list-item');
+  if (isTaskListItem) {
+    var _node$children, _checkbox$properties;
+    const checkbox = node === null || node === void 0 || (_node$children = node.children) === null || _node$children === void 0 ? void 0 : _node$children[0];
+    const isChecked = Boolean(checkbox === null || checkbox === void 0 || (_checkbox$properties = checkbox.properties) === null || _checkbox$properties === void 0 ? void 0 : _checkbox$properties.checked);
+    const contentNodes = Array.isArray(children) ? children.slice(1) : children;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      className: _stylesModule.default.taskListItem
+    }, isChecked ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTIcon.default, {
+      area: true,
+      colorTheme: "success",
+      name: "IconCheck",
+      size: 16
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: _stylesModule.default.itemContentChecked
+    }, contentNodes)) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(_stylesModule.default.taskItemIconUnchecked, " ").concat(classes === null || classes === void 0 ? void 0 : classes.taskItemIconUnchecked)
+    }), /*#__PURE__*/_react.default.createElement("span", null, contentNodes)));
+  }
+  const safeChildren = Array.isArray(children) ? children : children ? [children] : [];
+  const mergedProps = {
+    ...props,
+    ...((node === null || node === void 0 ? void 0 : node.properties) || {})
+  };
+  return /*#__PURE__*/_react.default.createElement('li', mergedProps, safeChildren);
+};
+ListItem.propTypes = {
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  node: _propTypes.object
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)((0, _WithCustomHandler.default)(ListItem));

package/dist/components/UTLabel/components/Markdown/components/ListItem/styles.module.scss

@@ -0,0 +1,22 @@
+.taskListItem {
+  align-items: center;
+  display: flex;
+  grid-gap: 8px;
+  list-style-type: none;
+  margin: 0;
+}
+
+.taskItemIconUnchecked {
+  border-radius: 50%;
+  border-style: solid;
+  border-width: 1px;
+  box-sizing: border-box;
+  display: inline-block;
+  flex-shrink: 0;
+  height: 20px;
+  width: 20px;
+}
+
+.itemContentChecked {
+  text-decoration: line-through;
+}

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

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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); }
+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.default.createElement('section', props, children);
+  }
+  const reactChildren = _react.default.Children.toArray(children);
+  const ol = reactChildren.find(c => (c === null || c === void 0 ? void 0 : c.type) === 'ol');
+  if (!ol) return /*#__PURE__*/_react.default.createElement("div", null);
+  const liNodes = _react.default.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.default.createElement("div", {
+    className: "".concat(classes === null || classes === void 0 ? void 0 : classes.customFootnotes, " ").concat(_stylesModule.default.customFootnotes)
+  }, liNodes.map(li => {
+    const liChildren = _react.default.Children.toArray(li.props.children);
+    const p = liChildren.find(ch => (ch === null || ch === void 0 ? void 0 : ch.type) === 'p');
+    const sourceChildren = p ? _react.default.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.default.createElement("div", {
+      className: _stylesModule.default.customFootnoteItem
+    }, /*#__PURE__*/_react.default.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.default.createElement("a", _extends({
+          href: el.props.href,
+          key: el.props.href
+        }, el.props || {}), el.props.children);
+      }
+      return /*#__PURE__*/_react.default.cloneElement(el);
+    })), textContent ? /*#__PURE__*/_react.default.createElement("span", null, textContent) : null);
+  }));
+};
+Section.propTypes = {
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  node: _propTypes.object
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Section);

package/dist/components/UTLabel/components/Markdown/components/Section/styles.module.scss

@@ -0,0 +1,13 @@
+.customFootnotes {
+  margin: 0 0 24px 0;
+}
+
+.customFootnoteItem {
+  display: flex;
+
+   a {
+    font-size: 0.75em;
+    margin-right: 4px;
+    vertical-align: super;
+  }
+}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const WithCustomHandler = (Component, props) => {
+  const {
+    customHandler,
+    ...restProps
+  } = props;
+  if (customHandler) {
+    const CustomRenderer = customHandler(props);
+    if (CustomRenderer) return CustomRenderer;
+  }
+  return /*#__PURE__*/_react.default.createElement(Component, restProps);
+};
+WithCustomHandler.propTypes = {
+  customHandler: _propTypes.func
+};
+var _default = Component => props => WithCustomHandler(Component, props);
+exports.default = _default;

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NODE_TYPES = exports.EXTENDED_CONFIG = exports.COMPONENTS_NAMES = exports.BASE_CONFIG = void 0;
+var _remarkBreaks = _interopRequireDefault(require("remark-breaks"));
+var _rehypeRaw = _interopRequireDefault(require("rehype-raw"));
+var _remarkGfm = _interopRequireDefault(require("remark-gfm"));
+var _BlockQuote = _interopRequireDefault(require("./components/BlockQuote"));
+var _Citation = _interopRequireDefault(require("./components/Citation"));
+var _CitationGroup = _interopRequireDefault(require("./components/CitationGroup"));
+var _Links = _interopRequireDefault(require("./components/Links"));
+var _ListItem = _interopRequireDefault(require("./components/ListItem"));
+var _Section = _interopRequireDefault(require("./components/Section"));
+var _remarkCitations = _interopRequireDefault(require("./customPlugins/remarkCitations"));
+var _remarkDeflist = _interopRequireDefault(require("./customPlugins/remarkDeflist"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const COMPONENTS_NAMES = exports.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'
+};
+const NODE_TYPES = exports.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'
+};
+const BASE_CONFIG = exports.BASE_CONFIG = {
+  disallowedElements: [COMPONENTS_NAMES.PARAGRAPH, COMPONENTS_NAMES.BLOCKQUOTE],
+  remarkPlugins: [_remarkBreaks.default],
+  rehypePlugins: [_rehypeRaw.default],
+  components: {
+    [COMPONENTS_NAMES.LINK]: _Links.default
+  }
+};
+const EXTENDED_CONFIG = exports.EXTENDED_CONFIG = {
+  disallowedElements: [],
+  remarkPlugins: [_remarkGfm.default, _remarkDeflist.default, _remarkCitations.default, _remarkBreaks.default],
+  rehypePlugins: [_rehypeRaw.default],
+  components: {
+    [COMPONENTS_NAMES.BLOCKQUOTE]: _BlockQuote.default,
+    [COMPONENTS_NAMES.CITATION]: _Citation.default,
+    [COMPONENTS_NAMES.CITATION_GROUP]: _CitationGroup.default,
+    [COMPONENTS_NAMES.LINK]: _Links.default,
+    [COMPONENTS_NAMES.LIST_ITEM]: _ListItem.default,
+    [COMPONENTS_NAMES.SECTION]: _Section.default
+  }
+};

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

@@ -0,0 +1,189 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _unistUtilVisit = require("unist-util-visit");
+var _constants = require("../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
+ */
+var _default = () => {
+  const pattern = /\[([^\]]+?)†(https?:\/\/[^\]]+?)\]/g;
+  return tree => {
+    (0, _unistUtilVisit.visit)(tree, node => {
+      const parentsToProcess = [_constants.NODE_TYPES.PARAGRAPH, _constants.NODE_TYPES.HEADING, _constants.NODE_TYPES.LIST_ITEM, _constants.NODE_TYPES.BLOCKQUOTE, _constants.NODE_TYPES.TABLE_CELL];
+      if (!parentsToProcess.includes(node.type) || !Array.isArray(node.children)) return;
+      const {
+        children
+      } = node;
+      const getText = n => {
+        if (n.type === _constants.NODE_TYPES.TEXT) return n.value || '';
+        if (n.type === _constants.NODE_TYPES.LINK) {
+          const inner = Array.isArray(n.children) ? n.children.map(getText).join('') : '';
+          return inner + (n.url || '');
+        }
+        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: _constants.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: _constants.COMPONENTS_NAMES.CITATION,
+          data: {
+            hName: _constants.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: _constants.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 === _constants.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 === _constants.COMPONENTS_NAMES.CITATION) {
+              citationCount += 1;
+              endIndex = j + 1;
+              j += 1;
+            } else if (nextChild.type === _constants.NODE_TYPES.TEXT && nextChild.value.trim() === '') {
+              j += 1;
+            } else {
+              break;
+            }
+          }
+          if (citationCount >= 2) {
+            const citationGroup = {
+              type: _constants.COMPONENTS_NAMES.CITATION_GROUP,
+              children: newChildren.slice(i, endIndex),
+              data: {
+                hName: _constants.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;
+      }
+    });
+  };
+};
+exports.default = _default;

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

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = remarkDeflist;
+var _unistUtilVisit = require("unist-util-visit");
+var _constants = require("../constants");
+/**
+ * remarkDeflist
+ *
+ * Convierte bloques como:
+ *
+ * Term 1
+ * : Description 1
+ * : Description 2
+ *
+ * Term 2
+ * : Desc A
+ *
+ * en un nodo <dl> con <dt> y <dd>
+ */
+function remarkDeflist() {
+  return tree => {
+    (0, _unistUtilVisit.visit)(tree, _constants.NODE_TYPES.PARAGRAPH, (node, index, parent) => {
+      if (!parent || !Array.isArray(parent.children)) return;
+      const raw = node.children.map(ch => 'value' in ch ? ch.value : '').join('');
+      const lines = raw.split('\n');
+      if (!lines.some(l => l.trim().startsWith(':'))) return;
+      const items = [];
+      let currentTerm = null;
+      for (let i = 0; i < lines.length; i += 1) {
+        const line = lines[i];
+        const trimmed = line.trim();
+        if (trimmed && !trimmed.startsWith(':')) {
+          if (currentTerm) {
+            items.push(currentTerm);
+          }
+          currentTerm = {
+            term: trimmed,
+            desc: []
+          };
+        } else if (trimmed.startsWith(':')) {
+          if (!currentTerm) {
+            currentTerm = {
+              term: '',
+              desc: []
+            };
+          }
+          currentTerm.desc.push(trimmed.replace(/^:\s*/, ''));
+        }
+      }
+      if (currentTerm) {
+        items.push(currentTerm);
+      }
+      const dlNode = {
+        type: _constants.COMPONENTS_NAMES.DEFINITION_LIST,
+        data: {
+          hName: _constants.COMPONENTS_NAMES.DEFINITION_LIST
+        },
+        children: []
+      };
+      for (let j = 0; j < items.length; j += 1) {
+        const {
+          term,
+          desc
+        } = items[j];
+        dlNode.children.push({
+          type: _constants.COMPONENTS_NAMES.DEFINITION_TERM,
+          data: {
+            hName: _constants.COMPONENTS_NAMES.DEFINITION_TERM
+          },
+          children: [{
+            type: _constants.NODE_TYPES.TEXT,
+            value: term
+          }]
+        });
+        for (let k = 0; k < desc.length; k += 1) {
+          dlNode.children.push({
+            type: _constants.COMPONENTS_NAMES.DEFINITION_DESCRIPTION,
+            data: {
+              hName: _constants.COMPONENTS_NAMES.DEFINITION_DESCRIPTION
+            },
+            children: [{
+              type: _constants.NODE_TYPES.TEXT,
+              value: desc[k]
+            }]
+          });
+        }
+      }
+      parent.children.splice(index, 1, dlNode);
+    });
+  };
+}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _reactMarkdown = _interopRequireDefault(require("react-markdown"));
+var _utils = require("./utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Markdown = _ref => {
+  let {
+    children,
+    classes,
+    markdownExtended,
+    markdownRenderers
+  } = _ref;
+  const {
+    components,
+    disallowedElements,
+    rehypePlugins,
+    remarkPlugins
+  } = (0, _utils.getMarkdownPlugins)(classes, markdownExtended, markdownRenderers);
+  return /*#__PURE__*/_react.default.createElement(_reactMarkdown.default
+  /* eslint-disable react/no-children-prop */, {
+    children: children,
+    components: components,
+    disallowedElements: disallowedElements,
+    remarkPlugins: remarkPlugins,
+    rehypePlugins: rehypePlugins,
+    skipHtml: false,
+    unwrapDisallowed: true
+  });
+};
+Markdown.propTypes = {
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  markdownExtended: _propTypes.bool,
+  markdownRenderers: (0, _propTypes.objectOf)(_propTypes.func)
+};
+var _default = exports.default = Markdown;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMarkdownPlugins = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _constants = require("./constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+const wrapComponents = (components, classes, markdownExtended, markdownRenderers) => Object.entries(components).reduce((wrapped, _ref) => {
+  let [key, Component] = _ref;
+  wrapped[key] = props => /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
+    classes: classes,
+    customHandler: markdownRenderers === null || markdownRenderers === void 0 ? void 0 : markdownRenderers[key],
+    markdownExtended: markdownExtended
+  }));
+  return wrapped;
+}, {});
+const getMarkdownPlugins = function (classes, markdownExtended) {
+  let markdownRenderers = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    components,
+    disallowedElements,
+    remarkPlugins,
+    rehypePlugins
+  } = markdownExtended ? _constants.EXTENDED_CONFIG : _constants.BASE_CONFIG;
+  const wrappedComponents = wrapComponents(components, classes, markdownExtended, markdownRenderers);
+  return {
+    components: {
+      ...markdownRenderers,
+      ...wrappedComponents
+    },
+    disallowedElements,
+    rehypePlugins,
+    remarkPlugins
+  };
+};
+exports.getMarkdownPlugins = getMarkdownPlugins;