@micromag/element-text 0.3.531 → 0.3.547

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/element-text",
-    "version": "0.3.531",
+    "version": "0.3.547",
     "private": false,
     "description": "",
     "keywords": [
@@ -30,11 +30,10 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
     "exports": {
         ".": {
-            "require": "./lib/index.js",
             "import": "./es/index.js"
         },
         "./assets/css/styles": "./assets/css/styles.css",
@@ -60,7 +59,7 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.13.10",
-        "@micromag/core": "^0.3.531",
+        "@micromag/core": "^0.3.547",
         "classnames": "^2.2.6",
         "prop-types": "^15.7.2",
         "react-intl": "^6.6.4",
@@ -70,5 +69,5 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "e3a59c467ad33528b38eb4badd78b6ed0e38a3a6"
+    "gitHead": "3c2f5904ce61fcfa61f673c38c2a5ec56e9e2b07"
 }

package/lib/index.js

@@ -1,98 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var classNames = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var uuid = require('uuid');
-var core = require('@micromag/core');
-var components = require('@micromag/core/components');
-var utils = require('@micromag/core/utils');
-
-var styles = {"container":"micromag-element-text-container","showEmpty":"micromag-element-text-showEmpty","withLineClamp":"micromag-element-text-withLineClamp"};
-
-var propTypes = {
-  body: PropTypes.string,
-  textStyle: core.PropTypes.textStyle,
-  linksStyle: core.PropTypes.textStyle,
-  margin: core.PropTypes.margin,
-  lineClamp: PropTypes.number,
-  showEmpty: PropTypes.bool,
-  className: PropTypes.string,
-  emptyClassName: PropTypes.string,
-  inline: PropTypes.bool,
-  refText: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({
-    current: PropTypes.any // eslint-disable-line
-  })])
-};
-var defaultProps = {
-  body: null,
-  textStyle: null,
-  linksStyle: null,
-  margin: null,
-  lineClamp: null,
-  showEmpty: false,
-  className: null,
-  emptyClassName: null,
-  inline: false,
-  refText: null
-};
-var Text = function Text(_ref) {
-  var body = _ref.body,
-    textStyle = _ref.textStyle,
-    linksStyle = _ref.linksStyle,
-    margin = _ref.margin,
-    lineClamp = _ref.lineClamp,
-    showEmpty = _ref.showEmpty,
-    className = _ref.className,
-    emptyClassName = _ref.emptyClassName,
-    inline = _ref.inline,
-    refText = _ref.refText;
-  var _ref2 = textStyle || {},
-    _ref2$link = _ref2.link,
-    linkStyle = _ref2$link === void 0 ? null : _ref2$link,
-    _ref2$highlight = _ref2.highlight,
-    highlightStyle = _ref2$highlight === void 0 ? null : _ref2$highlight;
-  var finalStyle = {};
-  var finalLinkStyle = linkStyle !== null ? utils.getStyleFromLink(linkStyle) : null;
-  var finalHighlightStyle = highlightStyle !== null ? utils.getStyleFromHighlight(highlightStyle) : null;
-  if (textStyle !== null) {
-    finalStyle = _objectSpread(_objectSpread({}, finalStyle), utils.getStyleFromText(textStyle));
-  }
-  if (lineClamp !== null) {
-    finalStyle.WebkitLineClamp = lineClamp;
-  }
-  if (margin !== null) {
-    finalStyle = _objectSpread(_objectSpread({}, finalStyle), utils.getStyleFromMargin(margin));
-  }
-  if (linksStyle !== null) {
-    finalLinkStyle = _objectSpread(_objectSpread({}, finalLinkStyle), utils.getStyleFromText(linksStyle));
-  }
-  var needsId = finalLinkStyle !== null || highlightStyle !== null;
-  var id = React.useMemo(function () {
-    return needsId ? "text-component-".concat(uuid.v1()) : null;
-  }, [needsId]);
-  var tagProps = {
-    id: id,
-    className: classNames([styles.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles.withLineClamp, lineClamp !== null), styles.showEmpty, showEmpty), emptyClassName, showEmpty && emptyClassName !== null), className, className !== null)]),
-    style: finalStyle,
-    dangerouslySetInnerHTML: {
-      __html: body
-    },
-    ref: refText
-  };
-  var Tag = "".concat(inline ? 'span' : 'div');
-  return /*#__PURE__*/React.createElement(React.Fragment, null, finalLinkStyle !== null ? /*#__PURE__*/React.createElement(components.LinkStyle, {
-    selector: "#".concat(id),
-    style: finalLinkStyle
-  }) : null, finalHighlightStyle !== null ? /*#__PURE__*/React.createElement(components.HighlightStyle, {
-    selector: "#".concat(id),
-    style: finalHighlightStyle
-  }) : null, /*#__PURE__*/React.createElement(Tag, tagProps));
-};
-Text.propTypes = propTypes;
-Text.defaultProps = defaultProps;
-var Text$1 = Text;
-
-module.exports = Text$1;