@lideralia/alife-uikit 1.2.52 → 1.2.53

package/dist/atoms/Typography/Typography.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TypographyBase = exports.Text = exports.LinkText = void 0;
+exports.TypographyBase = exports.TextWithLink = exports.Text = exports.LinkText = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -50,6 +50,30 @@ var Text = function Text(props) {
 };
 
 exports.Text = Text;
+var URL_REGEX = /\b(?:https?:\/\/|www\.)[a-z0-9-]+(?:\.[a-z]{2,})+(?:\/[^"'\s]*)?/gi;
+
+var TextWithLink = function TextWithLink(props) {
+  var children = props.children;
+  var words = children.split(' ');
+  return _react.default.createElement(TypographyBase, (0, _extends2.default)({
+    as: "p",
+    fontWeight: "medium",
+    sizeText: "display16",
+    color: "currentColor",
+    margin: 0
+  }, props), words.map(function (word) {
+    var isURL = word.match(URL_REGEX);
+    var url = isURL && !word.startsWith('http') ? "https://".concat(word) : word;
+    return isURL ? _react.default.createElement("a", {
+      key: crypto.randomUUID(),
+      href: url,
+      target: "_blank",
+      rel: "noreferrer"
+    }, url, ' ') : "".concat(word, " ");
+  }));
+};
+
+exports.TextWithLink = TextWithLink;
 Text.defaultProps = {
   sizeText: 'display16',
   color: 'currentColor',

package/dist/atoms/Typography/index.js

@@ -15,5 +15,11 @@ Object.defineProperty(exports, "Text", {
     return _Typography.Text;
   }
 });
+Object.defineProperty(exports, "TextWithLink", {
+  enumerable: true,
+  get: function get() {
+    return _Typography.TextWithLink;
+  }
+});
 
 var _Typography = require("./Typography");

package/dist/organisms/Cards/Gone.js

@@ -237,11 +237,7 @@ CardGone.Body = function (props) {
     fontWeight: "bold"
   }, rememberByLabel || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
     height: "22px"
-  })), _react.default.createElement(_Typography.Text, {
-    sizeText: "display16"
-  }, rememberBy || _react.default.createElement(_PlaceholderLoad.PlaceholderLoad, {
-    height: "22px"
-  })))), ceremonyAction ? _react.default.createElement(_Layout.Box, {
+  })), _react.default.createElement(_Typography.TextWithLink, null, rememberBy))), ceremonyAction ? _react.default.createElement(_Layout.Box, {
     padding: 3,
     paddingBottom: isAdmin && 2
   }, _react.default.createElement(_Button.Button, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lideralia/alife-uikit",
-  "version": "1.2.52",
+  "version": "1.2.53",
   "description": "Librería y documentación de componentes, basada en el Design System de Alife.",
   "homepage": "https://github.com/lideralia/alife-frontend-components#readme",
   "bugs": {