@i-novus/n2o-components 1.0.0

package/lib/display/Typography/Base.js

@@ -0,0 +1,259 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Base = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _reactCopyToClipboard = require("react-copy-to-clipboard");
+
+var _keys = _interopRequireDefault(require("lodash/keys"));
+
+var _pick = _interopRequireDefault(require("lodash/pick"));
+
+var _flowRight = _interopRequireDefault(require("lodash/flowRight"));
+
+var _values = _interopRequireDefault(require("lodash/values"));
+
+var _pickBy = _interopRequireDefault(require("lodash/pickBy"));
+
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+
+var _isPlainObject = _interopRequireDefault(require("lodash/isPlainObject"));
+
+var _parseFormatter = require("../../utils/parseFormatter");
+
+var _utils = require("./utils");
+
+var _ContentEditable = require("./ContentEditable");
+
+var _excluded = ["tag", "color", "className"],
+    _excluded2 = ["tag", "text", "format", "children", "color", "copyable", "editable", "className"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var PropsEnd = /*#__PURE__*/(0, _react.createContext)({});
+
+var EndTag = function EndTag() {
+  return /*#__PURE__*/_react["default"].createElement(PropsEnd.Consumer, null, function (_ref) {
+    var text = _ref.text,
+        format = _ref.format,
+        children = _ref.children;
+
+    if ((0, _isNil["default"])(text)) {
+      return children;
+    }
+
+    var parseText = (0, _parseFormatter.parseFormatter)(text, format); // если text передан как object, он попадет в render и уронит приложение
+
+    if ((0, _isPlainObject["default"])(parseText)) {
+      return children;
+    }
+
+    return parseText;
+  });
+};
+
+var MainTag = function MainTag(_ref2) {
+  var tag = _ref2.tag,
+      color = _ref2.color,
+      className = _ref2.className,
+      props = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
+  return /*#__PURE__*/(0, _react.createElement)(tag || '', _objectSpread({
+    className: (0, _classnames["default"])(className, (0, _defineProperty2["default"])({}, "text-".concat(color, " disabled"), color))
+  }, props));
+};
+
+// Базовый компонент для наследования остальных компонентов
+var Base = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(Base, _Component);
+
+  var _super = _createSuper(Base);
+
+  function Base(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, Base);
+    _this = _super.call(this, props);
+    _this.state = {
+      copied: false,
+      edit: false
+    };
+    _this.copyLinkClick = _this.copyLinkClick.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.editLinkClick = _this.editLinkClick.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.editableTagOnBlur = _this.editableTagOnBlur.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.handleContentEditable = _this.handleContentEditable.bind((0, _assertThisInitialized2["default"])(_this));
+    return _this;
+  }
+
+  (0, _createClass2["default"])(Base, [{
+    key: "copyLinkClick",
+    value: function () {
+      var _copyLinkClick = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(e) {
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                e.preventDefault();
+                this.setState({
+                  copied: true
+                });
+                _context.next = 4;
+                return (0, _utils.delay)(3000);
+
+              case 4:
+                this.setState({
+                  copied: false
+                });
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function copyLinkClick(_x) {
+        return _copyLinkClick.apply(this, arguments);
+      }
+
+      return copyLinkClick;
+    }()
+  }, {
+    key: "editLinkClick",
+    value: function editLinkClick(e) {
+      e.preventDefault();
+      this.setState({
+        edit: true
+      });
+    }
+  }, {
+    key: "editableTagOnBlur",
+    value: function editableTagOnBlur() {
+      this.setState({
+        edit: false
+      });
+    }
+  }, {
+    key: "handleContentEditable",
+    value: function handleContentEditable(e) {
+      var onChange = this.props.onChange;
+
+      if (onChange) {
+        onChange(e.currentTarget.textContent);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          tag = _this$props.tag,
+          text = _this$props.text,
+          format = _this$props.format,
+          children = _this$props.children,
+          color = _this$props.color,
+          copyable = _this$props.copyable,
+          editable = _this$props.editable,
+          className = _this$props.className,
+          rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded2);
+      var _this$state = this.state,
+          copied = _this$state.copied,
+          edit = _this$state.edit;
+      var wrapperObj = (0, _pick["default"])(_utils.wrapTags, (0, _keys["default"])((0, _pickBy["default"])(rest)));
+      var wrapperFns = (0, _values["default"])(wrapperObj);
+      var Wrappers = (0, _flowRight["default"])(wrapperFns)(EndTag);
+      var copyIcon = !copied ? 'fa fa-files-o' : 'fa fa-check';
+
+      var copiableFragment = /*#__PURE__*/_react["default"].createElement("span", {
+        style: _utils.ICON_STYLE
+      }, /*#__PURE__*/_react["default"].createElement(_reactCopyToClipboard.CopyToClipboard, {
+        text: text || ''
+      }, /*#__PURE__*/_react["default"].createElement("a", {
+        href: "#",
+        className: "pl-2",
+        onClick: this.copyLinkClick
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: copyIcon
+      }))));
+
+      var editableFragment = edit ? null : /*#__PURE__*/_react["default"].createElement("span", {
+        style: _utils.ICON_STYLE
+      }, /*#__PURE__*/_react["default"].createElement("a", {
+        href: "#",
+        className: "pl-2",
+        onClick: this.editLinkClick
+      }, /*#__PURE__*/_react["default"].createElement("i", {
+        className: "fa fa-pencil"
+      })));
+      return /*#__PURE__*/_react["default"].createElement(MainTag, {
+        className: className,
+        tag: tag,
+        onBlur: this.editableTagOnBlur,
+        color: color
+      }, /*#__PURE__*/_react["default"].createElement(_ContentEditable.ContentEditable, {
+        editable: edit,
+        onChange: this.handleContentEditable
+      }, /*#__PURE__*/_react["default"].createElement(PropsEnd.Provider, {
+        value: {
+          text: text,
+          format: format,
+          children: children
+        }
+      }, /*#__PURE__*/_react["default"].createElement(Wrappers, null))), copyable && copiableFragment, editable && editableFragment);
+    }
+  }]);
+  return Base;
+}(_react.Component);
+
+exports.Base = Base;
+(0, _defineProperty2["default"])(Base, "defaultProps", {
+  code: false,
+  del: false,
+  mark: false,
+  strong: false,
+  underline: false,
+  small: false,
+  text: '',
+  onChange: function onChange() {},
+  color: ''
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXNwbGF5L1R5cG9ncmFwaHkvQmFzZS50c3giXSwibmFtZXMiOlsiUHJvcHNFbmQiLCJFbmRUYWciLCJ0ZXh0IiwiZm9ybWF0IiwiY2hpbGRyZW4iLCJwYXJzZVRleHQiLCJNYWluVGFnIiwidGFnIiwiY29sb3IiLCJjbGFzc05hbWUiLCJwcm9wcyIsIkJhc2UiLCJzdGF0ZSIsImNvcGllZCIsImVkaXQiLCJjb3B5TGlua0NsaWNrIiwiYmluZCIsImVkaXRMaW5rQ2xpY2siLCJlZGl0YWJsZVRhZ09uQmx1ciIsImhhbmRsZUNvbnRlbnRFZGl0YWJsZSIsImUiLCJwcmV2ZW50RGVmYXVsdCIsInNldFN0YXRlIiwib25DaGFuZ2UiLCJjdXJyZW50VGFyZ2V0IiwidGV4dENvbnRlbnQiLCJjb3B5YWJsZSIsImVkaXRhYmxlIiwicmVzdCIsIndyYXBwZXJPYmoiLCJ3cmFwVGFncyIsIndyYXBwZXJGbnMiLCJXcmFwcGVycyIsImNvcHlJY29uIiwiY29waWFibGVGcmFnbWVudCIsIklDT05fU1RZTEUiLCJlZGl0YWJsZUZyYWdtZW50IiwiQ29tcG9uZW50IiwiY29kZSIsImRlbCIsIm1hcmsiLCJzdHJvbmciLCJ1bmRlcmxpbmUiLCJzbWFsbCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBOztBQU9BOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUNBOztBQUlBOztBQUVBOztBQUNBOzs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLElBQU1BLFFBQVEsZ0JBQUcsMEJBQWMsRUFBZCxDQUFqQjs7QUFJQSxJQUFNQyxNQUFNLEdBQUcsU0FBVEEsTUFBUztBQUFBLHNCQUNYLGdDQUFDLFFBQUQsQ0FBVSxRQUFWLFFBQ0ssZ0JBQTZDO0FBQUEsUUFBMUNDLElBQTBDLFFBQTFDQSxJQUEwQztBQUFBLFFBQXBDQyxNQUFvQyxRQUFwQ0EsTUFBb0M7QUFBQSxRQUE1QkMsUUFBNEIs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TSxJQUEzQjtBQUFpQyxRQUFBLFFBQVEsRUFBRSxLQUFLSztBQUFoRCxzQkFDSSxnQ0FBQyxRQUFELENBQVUsUUFBVjtBQUFtQixRQUFBLEtBQUssRUFBRTtBQUFFakIsVUFBQUEsSUFBSSxFQUFKQSxJQUFGO0FBQVFDLFVBQUFBLE1BQU0sRUFBTkEsTUFBUjtBQUFnQkMsVUFBQUEsUUFBUSxFQUFSQTtBQUFoQjtBQUExQixzQkFDSSxnQ0FBQyxRQUFELE9BREosQ0FESixDQU5KLEVBV0tzQixRQUFRLElBQUlRLGdCQVhqQixFQVlLUCxRQUFRLElBQUlTLGdCQVpqQixDQURKO0FBZ0JIOzs7RUFoR3FCQyxnQjs7O2lDQUFiMUIsSSxrQkFrR2E7QUFDbEIyQixFQUFBQSxJQUFJLEVBQUUsS0FEWTtBQUVsQkMsRUFBQUEsR0FBRyxFQUFFLEtBRmE7QUFHbEJDLEVBQUFBLElBQUksRUFBRSxLQUhZO0FBSWxCQyxFQUFBQSxNQUFNLEVBQUUsS0FKVTtBQUtsQkMsRUFBQUEsU0FBUyxFQUFFLEtBTE87QUFNbEJDLEVBQUFBLEtBQUssRUFBRSxLQU5XO0FBT2xCekMsRUFBQUEsSUFBSSxFQUFFLEVBUFk7QUFRbEJxQixFQUFBQSxRQUFRLEVBQUUsb0JBQU0sQ0FBRSxDQVJBO0FBU2xCZixFQUFBQSxLQUFLLEVBQUU7QUFUVyxDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7XG4gICAgY3JlYXRlRWxlbWVudCxcbiAgICBjcmVhdGVDb250ZXh0LFxuICAgIENvbXBvbmVudCxcbiAgICBSZWFjdE5vZGUsXG4gICAgU3ludGhldGljRXZlbnQsXG59IGZyb20gJ3JlYWN0J1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IENvcHlUb0NsaXBib2FyZCB9IGZyb20gJ3JlYWN0LWNvcHktdG8tY2xpcGJvYXJkJ1xuaW1wb3J0IGtleXMgZnJvbSAnbG9kYXNoL2tleXMnXG5pbXBvcnQgcGljayBmcm9tICdsb2Rhc2gvcGljaydcbmltcG9ydCBmbG93UmlnaHQgZnJvbSAnbG9kYXNoL2Zsb3dSaWdodCdcbmltcG9ydCB2YWx1ZXMgZnJvbSAnbG9kYXNoL3ZhbHVlcydcbmltcG9ydCBwaWNrQnkgZnJvbSAnbG9kYXNoL3BpY2tCeSdcbmltcG9ydCBpc05pbCBmcm9tICdsb2Rhc2gvaXNOaWwnXG5pbXBvcnQgaXNQbGFpbk9iamVjdCBmcm9tICdsb2Rhc2gvaXNQbGFpbk9iamVjdCdcblxuaW1wb3J0IHsgVEJhc2VQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuLy8gQHRzLWlnbm9yZSBpbXBvcnQgZnJvbSBqcyBmaWxlXG5pbXBvcnQgeyBwYXJzZUZvcm1hdHRlciB9IGZyb20gJy4uLy4uL3V0aWxzL3BhcnNlRm9ybWF0dGVyJ1xuXG5pbXBvcnQgeyBkZWxheSwgd3JhcFRhZ3MsIElDT05fU1RZTEUgfSBmcm9tICcuL3V0aWxzJ1xuaW1wb3J0IHsgQ29udGVudEVkaXRhYmxlIH0gZnJvbSAnLi9Db250ZW50RWRpdGFibGUnXG5cbmNvbnN0IFByb3BzRW5kID0gY3JlYXRlQ29udGV4dCh7fSlcblxudHlwZSBDb250ZXh0VHlwZSA9IFBhcnRpYWw8UGljazxQcm9wcywgJ3RleHQnIHwgJ2Zvcm1hdCcgfCAnY2hpbGRyZW4nPj5cblxuY29uc3QgRW5kVGFnID0gKCkgPT4gKFxuICAgIDxQcm9wc0VuZC5Db25zdW1lcj5cbiAgICAgICAgeyh7IHRleHQsIGZvcm1hdCwgY2hpbGRyZW4gfTogQ29udGV4dFR5cGUpID0+IHtcbiAgICAgICAgICAgIGlmIChpc05pbCh0ZXh0KSkge1xuICAgICAgICAgICAgICAgIHJldHVybiBjaGlsZHJlblxuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBjb25zdCBwYXJzZVRleHQgPSBwYXJzZUZvcm1hdHRlcih0ZXh0LCBmb3JtYXQpXG5cbiAgICAgICAgICAgIC8vINC10YHQu9C4IHRleHQg0L/QtdGA0LXQtNCw0L0g0LrQsNC6IG9iamVjdCwg0L7QvSDQv9C+0L/QsNC00LXRgiDQsiByZW5kZXIg0Lgg0YPRgNC+0L3QuNGCINC/0YDQuNC70L7QttC10L3QuNC1XG4gICAgICAgICAgICBpZiAoaXNQbGFpbk9iamVjdChwYXJzZVRleHQpKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGNoaWxkcmVuXG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHJldHVybiBwYXJzZVRleHRcbiAgICAgICAgfX1cbiAgICA8L1Byb3BzRW5kLkNvbnN1bWVyPlxuKVxuXG50eXBlIE1haW5UYWdPd25Qcm9wcyA9IHtcbiAgICBvbkJsdXIoKTogdm9pZFxufVxuXG50eXBlIE1haW5UYWdQcm9wcyA9IE1haW5UYWdPd25Qcm9wcyAmIFBpY2s8UHJvcHMsICd0YWcnIHwgJ2NvbG9yJyB8ICdjbGFzc05hbWUnIHwgJ2NoaWxkcmVuJz5cblxuY29uc3QgTWFpblRhZyA9ICh7IHRhZywgY29sb3IsIGNsYXNzTmFtZSwgLi4ucHJvcHMgfTogTWFpblRhZ1Byb3BzKSA9PiBjcmVhdGVFbGVtZW50KHRhZyB8fCAnJywge1xuICAgIGNsYXNzTmFtZTogY2xhc3NOYW1lcyhjbGFzc05hbWUsIHtcbiAgICAgICAgW2B0ZXh0LSR7Y29sb3J9IGRpc2FibGVkYF06IGNvbG9yLFxuICAgIH0pLFxuICAgIC4uLnByb3BzLFxufSlcblxudHlwZSBQcm9wcyA9IFRCYXNlUHJvcHMgJiBQYXJ0aWFsPHtcbiAgICBjb2RlOiBib29sZWFuLCAvLyDQpNC70LDQsyDQvtGC0L7QsdGA0LDQttC10L3QuNGPINCyINCy0LjQtNC1INC60L7QtNCwXG4gICAgZGVsOiBib29sZWFuLFxuICAgIG1hcms6IGJvb2xlYW4sIC8vINCc0LDRgNC6XG4gICAgc3Ryb25nOiBib29sZWFuLCAvLyDQltC40YDQvdGL0Lkg0YLQtdC60YHRglxuICAgIHVuZGVybGluZTogYm9vbGVhbiwgLy8g0J/QvtC00YfQtdGA0LrQuNCy0LDQvdC40LUg0YLQtdC60YHRgtCwXG4gICAgc21hbGw6IGJvb2xlYW4sIC8vINCk0LvQsNCzINC+0YLQvtCx0YDQsNC20LXQvdC40Y8g0YLQtdC60YHRgtCwINC80LDQu9C10L3RjNC60LjQvFxuICAgIHRleHQ6IHN0cmluZywgLy8g0KLQtdC60YHRglxuICAgIGNvbG9yOiBzdHJpbmcsIC8vINCm0LLQtdGCXG4gICAgdGFnOiBzdHJpbmcsXG4gICAgZm9ybWF0OiBzdHJpbmcsXG4gICAgY29weWFibGU6IGJvb2xlYW4sIC8vINCg0LXQtNCw0LrRgtC40YDRg9C10LzQvtC1INC/0L7Qu9C1XG4gICAgZWRpdGFibGU6IGJvb2xlYW4sIC8vINCS0L7Qt9C80L7QttC90L7RgdGC0Ywg0LrQvtC/0LjRgNC+0LLQsNGC0YxcbiAgICBjaGlsZHJlbjogUmVhY3ROb2RlLFxuICAgIG9uQ2hhbmdlKHRleHRDb250ZXh0OiBzdHJpbmcgfCBudWxsKTogdm9pZCwgLy8gQ2FsbGJhY2sg0L3QsCDQuNC30LzQtdC90LXQvdC40LVcbn0+XG5cbnR5cGUgU3RhdGUgPSB7XG4gICAgY29waWVkOiBib29sZWFuLFxuICAgIGVkaXQ6IGJvb2xlYW5cbn1cblxuLy8g0JHQsNC30L7QstGL0Lkg0LrQvtC80L/QvtC90LXQvdGCINC00LvRjyDQvdCw0YHQu9C10LTQvtCy0LDQvdC40Y8g0L7RgdGC0LDQu9GM0L3Ri9GFINC60L7QvNC/0L7QvdC10L3RgtC+0LJcblxuZXhwb3J0IGNsYXNzIEJhc2UgZXh0ZW5kcyBDb21wb25lbnQ8UHJvcHMsIFN0YXRlPiB7XG4gICAgY29uc3RydWN0b3IocHJvcHM6IFByb3BzKSB7XG4gICAgICAgIHN1cGVyKHByb3BzKVxuICAgICAgICB0aGlzLnN0YXRlID0ge1xuICAgICAgICAgICAgY29waWVkOiBmYWxzZSxcbiAgICAgICAgICAgIGVkaXQ6IGZhbHNlLFxuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5jb3B5TGlua0NsaWNrID0gdGhpcy5jb3B5TGlua0NsaWNrLmJpbmQodGhpcylcbiAgICAgICAgdGhpcy5lZGl0TGlua0NsaWNrID0gdGhpcy5lZGl0TGlua0NsaWNrLmJpbmQodGhpcylcbiAgICAgICAgdGhpcy5lZGl0YWJsZVRhZ09uQmx1ciA9IHRoaXMuZWRpdGFibGVUYWdPbkJsdXIuYmluZCh0aGlzKVxuICAgICAgICB0aGlzLmhhbmRsZUNvbnRlbnRFZGl0YWJsZSA9IHRoaXMuaGFuZGxlQ29udGVudEVkaXRhYmxlLmJpbmQodGhpcylcbiAgICB9XG5cbiAgICBhc3luYyBjb3B5TGlua0NsaWNrKGU6IFN5bnRoZXRpY0V2ZW50KSB7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKVxuICAgICAgICB0aGlzLnNldFN0YXRlKHsgY29waWVkOiB0cnVlIH0pXG4gICAgICAgIGF3YWl0IGRlbGF5KDMwMDApXG4gICAgICAgIHRoaXMuc2V0U3RhdGUoeyBjb3BpZWQ6IGZhbHNlIH0pXG4gICAgfVxuXG4gICAgZWRpdExpbmtDbGljayhlOiBTeW50aGV0aWNFdmVudCkge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7IGVkaXQ6IHRydWUgfSlcbiAgICB9XG5cbiAgICBlZGl0YWJsZVRhZ09uQmx1cigpIHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7IGVkaXQ6IGZhbHNlIH0pXG4gICAgfVxuXG4gICAgaGFuZGxlQ29udGVudEVkaXRhYmxlKGU6IFN5bnRoZXRpY0V2ZW50KSB7XG4gICAgICAgIGNvbnN0IHsgb25DaGFuZ2UgfSA9IHRoaXMucHJvcHNcblxuICAgICAgICBpZiAob25DaGFuZ2UpIHtcbiAgICAgICAgICAgIG9uQ2hhbmdlKGUuY3VycmVudFRhcmdldC50ZXh0Q29udGVudClcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3Qge1xuICAgICAgICAgICAgdGFnLFxuICAgICAgICAgICAgdGV4dCxcbiAgICAgICAgICAgIGZvcm1hdCxcbiAgICAgICAgICAgIGNoaWxkcmVuLFxuICAgICAgICAgICAgY29sb3IsXG4gICAgICAgICAgICBjb3B5YWJsZSxcbiAgICAgICAgICAgIGVkaXRhYmxlLFxuICAgICAgICAgICAgY2xhc3NOYW1lLFxuICAgICAgICAgICAgLi4ucmVzdFxuICAgICAgICB9ID0gdGhpcy5wcm9wc1xuXG4gICAgICAgIGNvbnN0IHsgY29waWVkLCBlZGl0IH0gPSB0aGlzLnN0YXRlXG5cbiAgICAgICAgY29uc3Qgd3JhcHBlck9iaiA9IHBpY2sod3JhcFRhZ3MsIGtleXMocGlja0J5KHJlc3QpKSlcblxuICAgICAgICBjb25zdCB3cmFwcGVyRm5zID0gdmFsdWVzKHdyYXBwZXJPYmopXG4gICAgICAgIGNvbnN0IFdyYXBwZXJzID0gZmxvd1JpZ2h0KHdyYXBwZXJGbnMpKEVuZFRhZylcblxuICAgICAgICBjb25zdCBjb3B5SWNvbiA9ICFjb3BpZWQgPyAnZmEgZmEtZmlsZXMtbycgOiAnZmEgZmEtY2hlY2snXG5cbiAgICAgICAgY29uc3QgY29waWFibGVGcmFnbWVudCA9IChcbiAgICAgICAgICAgIDxzcGFuIHN0eWxlPXtJQ09OX1NUWUxFfT5cbiAgICAgICAgICAgICAgICA8Q29weVRvQ2xpcGJvYXJkIHRleHQ9e3RleHQgfHwgJyd9PlxuICAgICAgICAgICAgICAgICAgICB7LyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGpzeC1hMTF5L2FuY2hvci1pcy12YWxpZCAqL31cbiAgICAgICAgICAgICAgICAgICAgPGEgaHJlZj1cIiNcIiBjbGFzc05hbWU9XCJwbC0yXCIgb25DbGljaz17dGhpcy5jb3B5TGlua0NsaWNrfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzTmFtZT17Y29weUljb259IC8+XG4gICAgICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgICAgICA8L0NvcHlUb0NsaXBib2FyZD5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKVxuXG4gICAgICAgIGNvbnN0IGVkaXRhYmxlRnJhZ21lbnQgPSBlZGl0ID8gbnVsbCA6IChcbiAgICAgICAgICAgIDxzcGFuIHN0eWxlPXtJQ09OX1NUWUxFfT5cbiAgICAgICAgICAgICAgICB7LyogZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIGpzeC1hMTF5L2FuY2hvci1pcy12YWxpZCAqL31cbiAgICAgICAgICAgICAgICA8YSBocmVmPVwiI1wiIGNsYXNzTmFtZT1cInBsLTJcIiBvbkNsaWNrPXt0aGlzLmVkaXRMaW5rQ2xpY2t9PlxuICAgICAgICAgICAgICAgICAgICA8aSBjbGFzc05hbWU9XCJmYSBmYS1wZW5jaWxcIiAvPlxuICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8TWFpblRhZ1xuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgICAgIHRhZz17dGFnfVxuICAgICAgICAgICAgICAgIG9uQmx1cj17dGhpcy5lZGl0YWJsZVRhZ09uQmx1cn1cbiAgICAgICAgICAgICAgICBjb2xvcj17Y29sb3J9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPENvbnRlbnRFZGl0YWJsZSBlZGl0YWJsZT17ZWRpdH0gb25DaGFuZ2U9e3RoaXMuaGFuZGxlQ29udGVudEVkaXRhYmxlfT5cbiAgICAgICAgICAgICAgICAgICAgPFByb3BzRW5kLlByb3ZpZGVyIHZhbHVlPXt7IHRleHQsIGZvcm1hdCwgY2hpbGRyZW4gfX0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8V3JhcHBlcnMgLz5cbiAgICAgICAgICAgICAgICAgICAgPC9Qcm9wc0VuZC5Qcm92aWRlcj5cbiAgICAgICAgICAgICAgICA8L0NvbnRlbnRFZGl0YWJsZT5cbiAgICAgICAgICAgICAgICB7Y29weWFibGUgJiYgY29waWFibGVGcmFnbWVudH1cbiAgICAgICAgICAgICAgICB7ZWRpdGFibGUgJiYgZWRpdGFibGVGcmFnbWVudH1cbiAgICAgICAgICAgIDwvTWFpblRhZz5cbiAgICAgICAgKVxuICAgIH1cblxuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICAgIGNvZGU6IGZhbHNlLFxuICAgICAgICBkZWw6IGZhbHNlLFxuICAgICAgICBtYXJrOiBmYWxzZSxcbiAgICAgICAgc3Ryb25nOiBmYWxzZSxcbiAgICAgICAgdW5kZXJsaW5lOiBmYWxzZSxcbiAgICAgICAgc21hbGw6IGZhbHNlLFxuICAgICAgICB0ZXh0OiAnJyxcbiAgICAgICAgb25DaGFuZ2U6ICgpID0+IHt9LFxuICAgICAgICBjb2xvcjogJycsXG4gICAgfSBhcyBQcm9wc1xufVxuIl19

package/lib/display/Typography/ContentEditable.d.ts

@@ -0,0 +1,15 @@
+import React, { Component, ReactNode, RefObject, SyntheticEvent } from 'react';
+import { TBaseProps } from '../../types';
+declare type Props = TBaseProps & {
+    editable: boolean;
+    children: ReactNode;
+    onChange(event: SyntheticEvent): void;
+};
+export declare class ContentEditable extends Component<Props> {
+    ref: RefObject<HTMLDivElement>;
+    constructor(props: Props);
+    componentDidUpdate(prevProps: Props): void;
+    render(): React.ReactNode;
+    static defaultProps: Props;
+}
+export {};

package/lib/display/Typography/ContentEditable.js

@@ -0,0 +1,86 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentEditable = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _utils = require("./utils");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var ContentEditable = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ContentEditable, _Component);
+
+  var _super = _createSuper(ContentEditable);
+
+  function ContentEditable(props) {
+    var _this;
+
+    (0, _classCallCheck2["default"])(this, ContentEditable);
+    _this = _super.call(this, props);
+    _this.ref = /*#__PURE__*/(0, _react.createRef)();
+    return _this;
+  }
+
+  (0, _createClass2["default"])(ContentEditable, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var editable = this.props.editable;
+
+      if (editable !== prevProps.editable && editable) {
+        var _this$ref$current;
+
+        (_this$ref$current = this.ref.current) === null || _this$ref$current === void 0 ? void 0 : _this$ref$current.focus();
+        (0, _utils.moveCursorToEnd)(this.ref.current);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          editable = _this$props.editable,
+          children = _this$props.children,
+          onChange = _this$props.onChange;
+      return editable ? /*#__PURE__*/_react["default"].createElement("div", {
+        className: "editable",
+        ref: this.ref,
+        contentEditable: editable,
+        onInput: onChange
+      }, children) : children;
+    }
+  }]);
+  return ContentEditable;
+}(_react.Component);
+
+exports.ContentEditable = ContentEditable;
+(0, _defineProperty2["default"])(ContentEditable, "defaultProps", {
+  editable: false,
+  children: null,
+  onChange: function onChange() {}
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXNwbGF5L1R5cG9ncmFwaHkvQ29udGVudEVkaXRhYmxlLnRzeCJdLCJuYW1lcyI6WyJDb250ZW50RWRpdGFibGUiLCJwcm9wcyIsInJlZiIsInByZXZQcm9wcyIsImVkaXRhYmxlIiwiY3VycmVudCIsImZvY3VzIiwiY2hpbGRyZW4iLCJvbkNoYW5nZSIsIkNvbXBvbmVudCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFJQTs7Ozs7Ozs7OztJQVFhQSxlOzs7OztBQUdULDJCQUFZQyxLQUFaLEVBQTBCO0FBQUE7O0FBQUE7QUFDdEIsOEJBQU1BLEtBQU47QUFDQSxVQUFLQyxHQUFMLGdCQUFXLHVCQUFYO0FBRnNCO0FBR3pCOzs7O1dBRUQsNEJBQW1CQyxTQUFuQixFQUFxQztBQUNqQyxVQUFRQyxRQUFSLEdBQXFCLEtBQUtILEtBQTFCLENBQVFHLFFBQVI7O0FBRUEsVUFBSUEsUUFBUSxLQUFLRCxTQUFTLENBQUNDLFFBQXZCLElBQW1DQSxRQUF2QyxFQUFpRDtBQUFBOztBQUM3QyxrQ0FBS0YsR0FBTCxDQUFTRyxPQUFULHdFQUFrQkMsS0FBbEI7QUFDQSxvQ0FBZ0IsS0FBS0osR0FBTCxDQUFTRyxPQUF6QjtBQUNIO0FBQ0o7OztXQUVELGtCQUFTO0FBQ0wsd0JBQXlDLEtBQUtKLEtBQTlDO0FBQUEsVUFBUUcsUUFBUixlQUFRQSxRQUFSO0FBQUEsVUFBa0JHLFFBQWxCLGVBQWtCQSxRQUFsQjtBQUFBLFVBQTRCQyxRQUE1QixlQUE0QkEsUUFBNUI7QUFFQSxhQUFPSixRQUFRLGdCQUNYO0FBQ0ksUUFBQSxTQUFTLEVBQUMsVUFEZDtBQUVJLFFBQUEsR0FBRyxFQUFFLEtBQUtGLEdBRmQ7QUFHSSxRQUFBLGVBQWUsRUFBRUUsUUFIckI7QUFJSSxRQUFBLE9BQU8sRUFBRUk7QUFKYixTQU1LRCxRQU5MLENBRFcsR0FVWEEsUUFWSjtBQVlIOzs7RUFoQ2dDRSxnQjs7O2lDQUF4QlQsZSxrQkFrQ2E7QUFDbEJJLEVBQUFBLFFBQVEsRUFBRSxLQURRO0FBRWxCRyxFQUFBQSxRQUFRLEVBQUUsSUFGUTtBQUdsQkMsRUFBQUEsUUFBUSxFQUFFLG9CQUFNLENBQUU7QUFIQSxDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudCwgUmVhY3ROb2RlLCBSZWZPYmplY3QsIFN5bnRoZXRpY0V2ZW50LCBjcmVhdGVSZWYgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgVEJhc2VQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuXG5pbXBvcnQgeyBtb3ZlQ3Vyc29yVG9FbmQgfSBmcm9tICcuL3V0aWxzJ1xuXG50eXBlIFByb3BzID0gVEJhc2VQcm9wcyAmIHtcbiAgICBlZGl0YWJsZTogYm9vbGVhbixcbiAgICBjaGlsZHJlbjogUmVhY3ROb2RlLFxuICAgIG9uQ2hhbmdlKGV2ZW50OiBTeW50aGV0aWNFdmVudCk6IHZvaWQsXG59XG5cbmV4cG9ydCBjbGFzcyBDb250ZW50RWRpdGFibGUgZXh0ZW5kcyBDb21wb25lbnQ8UHJvcHM+IHtcbiAgICByZWY6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD5cblxuICAgIGNvbnN0cnVjdG9yKHByb3BzOiBQcm9wcykge1xuICAgICAgICBzdXBlcihwcm9wcylcbiAgICAgICAgdGhpcy5yZWYgPSBjcmVhdGVSZWYoKVxuICAgIH1cblxuICAgIGNvbXBvbmVudERpZFVwZGF0ZShwcmV2UHJvcHM6IFByb3BzKSB7XG4gICAgICAgIGNvbnN0IHsgZWRpdGFibGUgfSA9IHRoaXMucHJvcHNcblxuICAgICAgICBpZiAoZWRpdGFibGUgIT09IHByZXZQcm9wcy5lZGl0YWJsZSAmJiBlZGl0YWJsZSkge1xuICAgICAgICAgICAgdGhpcy5yZWYuY3VycmVudD8uZm9jdXMoKVxuICAgICAgICAgICAgbW92ZUN1cnNvclRvRW5kKHRoaXMucmVmLmN1cnJlbnQpXG4gICAgICAgIH1cbiAgICB9XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICAgIGNvbnN0IHsgZWRpdGFibGUsIGNoaWxkcmVuLCBvbkNoYW5nZSB9ID0gdGhpcy5wcm9wc1xuXG4gICAgICAgIHJldHVybiBlZGl0YWJsZSA/IChcbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJlZGl0YWJsZVwiXG4gICAgICAgICAgICAgICAgcmVmPXt0aGlzLnJlZn1cbiAgICAgICAgICAgICAgICBjb250ZW50RWRpdGFibGU9e2VkaXRhYmxlfVxuICAgICAgICAgICAgICAgIG9uSW5wdXQ9e29uQ2hhbmdlfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICApIDogKFxuICAgICAgICAgICAgY2hpbGRyZW5cbiAgICAgICAgKVxuICAgIH1cblxuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICAgIGVkaXRhYmxlOiBmYWxzZSxcbiAgICAgICAgY2hpbGRyZW46IG51bGwsXG4gICAgICAgIG9uQ2hhbmdlOiAoKSA9PiB7fSxcbiAgICB9IGFzIFByb3BzXG59XG4iXX0=

package/lib/display/Typography/Paragraph.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function Paragraph({ ...rest }: {
+    [x: string]: any;
+}): JSX.Element;

package/lib/display/Typography/Paragraph.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Paragraph = Paragraph;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Base = require("./Base");
+
+function Paragraph(_ref) {
+  var rest = (0, _extends2["default"])({}, _ref);
+  var tag = 'p';
+  return /*#__PURE__*/_react["default"].createElement(_Base.Base, (0, _extends2["default"])({
+    tag: tag
+  }, rest));
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXNwbGF5L1R5cG9ncmFwaHkvUGFyYWdyYXBoLnRzeCJdLCJuYW1lcyI6WyJQYXJhZ3JhcGgiLCJyZXN0IiwidGFnIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBOztBQUVBOztBQUVPLFNBQVNBLFNBQVQsT0FBZ0M7QUFBQSxNQUFSQyxJQUFRO0FBQ25DLE1BQU1DLEdBQUcsR0FBRyxHQUFaO0FBRUEsc0JBQU8sZ0NBQUMsVUFBRDtBQUFNLElBQUEsR0FBRyxFQUFFQTtBQUFYLEtBQW9CRCxJQUFwQixFQUFQO0FBQ0giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IEJhc2UgfSBmcm9tICcuL0Jhc2UnXG5cbmV4cG9ydCBmdW5jdGlvbiBQYXJhZ3JhcGgoeyAuLi5yZXN0IH0pIHtcbiAgICBjb25zdCB0YWcgPSAncCdcblxuICAgIHJldHVybiA8QmFzZSB0YWc9e3RhZ30gey4uLnJlc3R9IC8+XG59XG4iXX0=

package/lib/display/Typography/Text.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { TBaseProps } from '../../types';
+declare type Props = TBaseProps & {
+    format?: string;
+    preLine?: boolean;
+    text?: string;
+};
+export declare function Text({ preLine, className, text, ...rest }: Props): JSX.Element;
+export {};

package/lib/display/Typography/Text.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Text = Text;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Base = require("./Base");
+
+var _excluded = ["preLine", "className", "text"];
+
+function Text(_ref) {
+  var _ref$preLine = _ref.preLine,
+      preLine = _ref$preLine === void 0 ? false : _ref$preLine,
+      className = _ref.className,
+      text = _ref.text,
+      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var tag = 'span';
+  return /*#__PURE__*/_react["default"].createElement(_Base.Base, (0, _extends2["default"])({
+    tag: tag,
+    className: (0, _classnames["default"])(className, {
+      'white-space-pre-line': preLine
+    }),
+    text: text
+  }, rest));
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXNwbGF5L1R5cG9ncmFwaHkvVGV4dC50c3giXSwibmFtZXMiOlsiVGV4dCIsInByZUxpbmUiLCJjbGFzc05hbWUiLCJ0ZXh0IiwicmVzdCIsInRhZyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7OztBQUFBOztBQUNBOztBQUlBOzs7O0FBUU8sU0FBU0EsSUFBVCxPQUtHO0FBQUEsMEJBSk5DLE9BSU07QUFBQSxNQUpOQSxPQUlNLDZCQUpJLEtBSUo7QUFBQSxNQUhOQyxTQUdNLFFBSE5BLFNBR007QUFBQSxNQUZOQyxJQUVNLFFBRk5BLElBRU07QUFBQSxNQURIQyxJQUNHO0FBQ04sTUFBTUMsR0FBRyxHQUFHLE1BQVo7QUFFQSxzQkFDSSxnQ0FBQyxVQUFEO0FBQ0ksSUFBQSxHQUFHLEVBQUVBLEdBRFQ7QUFFSSxJQUFBLFNBQVMsRUFBRSw0QkFBV0gsU0FBWCxFQUFzQjtBQUM3Qiw4QkFBd0JEO0FBREssS0FBdEIsQ0FGZjtBQUtJLElBQUEsSUFBSSxFQUFFRTtBQUxWLEtBTVFDLElBTlIsRUFESjtBQVVIIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSAnY2xhc3NuYW1lcydcblxuaW1wb3J0IHsgVEJhc2VQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuXG5pbXBvcnQgeyBCYXNlIH0gZnJvbSAnLi9CYXNlJ1xuXG50eXBlIFByb3BzID0gVEJhc2VQcm9wcyAmIHtcbiAgICBmb3JtYXQ/OiBzdHJpbmcsXG4gICAgcHJlTGluZT86IGJvb2xlYW4sXG4gICAgdGV4dD86IHN0cmluZ1xufVxuXG5leHBvcnQgZnVuY3Rpb24gVGV4dCh7XG4gICAgcHJlTGluZSA9IGZhbHNlLFxuICAgIGNsYXNzTmFtZSxcbiAgICB0ZXh0LFxuICAgIC4uLnJlc3Rcbn06IFByb3BzKSB7XG4gICAgY29uc3QgdGFnID0gJ3NwYW4nXG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8QmFzZVxuICAgICAgICAgICAgdGFnPXt0YWd9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoY2xhc3NOYW1lLCB7XG4gICAgICAgICAgICAgICAgJ3doaXRlLXNwYWNlLXByZS1saW5lJzogcHJlTGluZSxcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgdGV4dD17dGV4dH1cbiAgICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICAvPlxuICAgIClcbn1cbiJdfQ==

package/lib/display/Typography/Title.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TBaseProps } from '../../types';
+declare type Props = TBaseProps & {
+    level: string | number;
+};
+export declare function Title({ level, ...rest }: Props): JSX.Element;
+export {};

package/lib/display/Typography/Title.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Title = Title;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Base = require("./Base");
+
+var _excluded = ["level"];
+
+function Title(_ref) {
+  var level = _ref.level,
+      rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var tag = "h".concat(level);
+  return /*#__PURE__*/_react["default"].createElement(_Base.Base, (0, _extends2["default"])({
+    tag: tag
+  }, rest));
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXNwbGF5L1R5cG9ncmFwaHkvVGl0bGUudHN4Il0sIm5hbWVzIjpbIlRpdGxlIiwibGV2ZWwiLCJyZXN0IiwidGFnIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7O0FBQUE7O0FBSUE7Ozs7QUFNTyxTQUFTQSxLQUFULE9BQTBDO0FBQUEsTUFBekJDLEtBQXlCLFFBQXpCQSxLQUF5QjtBQUFBLE1BQWZDLElBQWU7QUFDN0MsTUFBTUMsR0FBRyxjQUFPRixLQUFQLENBQVQ7QUFFQSxzQkFBTyxnQ0FBQyxVQUFEO0FBQU0sSUFBQSxHQUFHLEVBQUVFO0FBQVgsS0FBb0JELElBQXBCLEVBQVA7QUFDSCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuaW1wb3J0IHsgVEJhc2VQcm9wcyB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuXG5pbXBvcnQgeyBCYXNlIH0gZnJvbSAnLi9CYXNlJ1xuXG50eXBlIFByb3BzID0gVEJhc2VQcm9wcyAmIHtcbiAgICBsZXZlbDogc3RyaW5nIHwgbnVtYmVyXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBUaXRsZSh7IGxldmVsLCAuLi5yZXN0IH06IFByb3BzKSB7XG4gICAgY29uc3QgdGFnID0gYGgke2xldmVsfWBcblxuICAgIHJldHVybiA8QmFzZSB0YWc9e3RhZ30gey4uLnJlc3R9IC8+XG59XG4iXX0=

package/lib/display/Typography/utils.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+export declare const delay: (ms: number) => Promise<unknown>;
+declare type WrapTagsEntries = {
+    [key: string]: (component: FC) => ({ children }: {
+        children: ReactNode;
+    }) => ReactNode;
+};
+export declare const wrapTags: WrapTagsEntries;
+export declare const ICON_STYLE: {
+    fontSize: string;
+};
+export declare const moveCursorToEnd: (el: HTMLDivElement | null) => void;
+export {};

package/lib/display/Typography/utils.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.moveCursorToEnd = exports.ICON_STYLE = exports.wrapTags = exports.delay = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var delay = function delay(ms) {
+  return new Promise(function (res) {
+    return setTimeout(res, ms);
+  });
+};
+
+exports.delay = delay;
+var wrapTags = {
+  code: function code(Comp) {
+    return function (_ref) {
+      var children = _ref.children;
+      return /*#__PURE__*/_react["default"].createElement("code", null, /*#__PURE__*/_react["default"].createElement(Comp, null, children));
+    };
+  },
+  del: function del(Comp) {
+    return function (_ref2) {
+      var children = _ref2.children;
+      return /*#__PURE__*/_react["default"].createElement("del", null, /*#__PURE__*/_react["default"].createElement(Comp, null, children));
+    };
+  },
+  mark: function mark(Comp) {
+    return function (_ref3) {
+      var children = _ref3.children;
+      return /*#__PURE__*/_react["default"].createElement("mark", null, /*#__PURE__*/_react["default"].createElement(Comp, null, children));
+    };
+  },
+  strong: function strong(Comp) {
+    return function (_ref4) {
+      var children = _ref4.children;
+      return /*#__PURE__*/_react["default"].createElement("strong", null, /*#__PURE__*/_react["default"].createElement(Comp, null, children));
+    };
+  },
+  underline: function underline(Comp) {
+    return function (_ref5) {
+      var children = _ref5.children;
+      return /*#__PURE__*/_react["default"].createElement("u", null, /*#__PURE__*/_react["default"].createElement(Comp, null, children));
+    };
+  },
+  small: function small(Comp) {
+    return function (_ref6) {
+      var children = _ref6.children;
+      return /*#__PURE__*/_react["default"].createElement("small", null, /*#__PURE__*/_react["default"].createElement(Comp, null, children));
+    };
+  }
+};
+exports.wrapTags = wrapTags;
+var ICON_STYLE = {
+  fontSize: 'initial'
+};
+exports.ICON_STYLE = ICON_STYLE;
+
+var moveCursorToEnd = function moveCursorToEnd(el) {
+  if (el !== null && el !== void 0 && el.innerText && document.createRange) {
+    var selection = document.getSelection();
+    var range = document.createRange();
+    range.setStart(el.childNodes[0], el.innerText.length);
+    range.collapse(true);
+    selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
+    selection === null || selection === void 0 ? void 0 : selection.addRange(range);
+  }
+};
+
+exports.moveCursorToEnd = moveCursorToEnd;
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9kaXNwbGF5L1R5cG9ncmFwaHkvdXRpbHMudHN4Il0sIm5hbWVzIjpbImRlbGF5IiwibXMiLCJQcm9taXNlIiwicmVzIiwic2V0VGltZW91dCIsIndyYXBUYWdzIiwiY29kZSIsIkNvbXAiLCJjaGlsZHJlbiIsImRlbCIsIm1hcmsiLCJzdHJvbmciLCJ1bmRlcmxpbmUiLCJzbWFsbCIsIklDT05fU1RZTEUiLCJmb250U2l6ZSIsIm1vdmVDdXJzb3JUb0VuZCIsImVsIiwiaW5uZXJUZXh0IiwiZG9jdW1lbnQiLCJjcmVhdGVSYW5nZSIsInNlbGVjdGlvbiIsImdldFNlbGVjdGlvbiIsInJhbmdlIiwic2V0U3RhcnQiLCJjaGlsZE5vZGVzIiwibGVuZ3RoIiwiY29sbGFwc2UiLCJyZW1vdmVBbGxSYW5nZXMiLCJhZGRSYW5nZSJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBRU8sSUFBTUEsS0FBSyxHQUFHLFNBQVJBLEtBQVEsQ0FBQ0MsRUFBRDtBQUFBLFNBQWdCLElBQUlDLE9BQUosQ0FBWSxVQUFBQyxHQUFHO0FBQUEsV0FBSUMsVUFBVSxDQUFDRCxHQUFELEVBQU1GLEVBQU4sQ0FBZDtBQUFBLEdBQWYsQ0FBaEI7QUFBQSxDQUFkOzs7QUFNQSxJQUFNSSxRQUF5QixHQUFHO0FBQ3JDQyxFQUFBQSxJQUFJLEVBQUUsY0FBQUMsSUFBSTtBQUFBLFdBQUk7QUFBQSxVQUFHQyxRQUFILFFBQUdBLFFBQUg7QUFBQSwwQkFDViwyREFDSSxnQ0FBQyxJQUFELFFBQU9BLFFBQVAsQ0FESixDQURVO0FBQUEsS0FBSjtBQUFBLEdBRDJCO0FBTXJDQyxFQUFBQSxHQUFHLEVBQUUsYUFBQUYsSUFBSTtBQUFBLFdBQUk7QUFBQSxVQUFHQyxRQUFILFNBQUdBLFFBQUg7QUFBQSwwQkFDVCwwREFDSSxnQ0FBQyxJQUFELFFBQU9BLFFBQVAsQ0FESixDQURTO0FBQUEsS0FBSjtBQUFBLEdBTjRCO0FBV3JDRSxFQUFBQSxJQUFJLEVBQUUsY0FBQUgsSUFBSTtBQUFBLFdBQUk7QUFBQSxVQUFHQyxRQUFILFNBQUdBLFFBQUg7QUFBQSwwQkFDViwyREFDSSxnQ0FBQyxJQUFELFFBQU9BLFFBQVAsQ0FESixDQURVO0FBQUEsS0FBSjtBQUFBLEdBWDJCO0FBZ0JyQ0csRUFBQUEsTUFBTSxFQUFFLGdCQUFBSixJQUFJO0FBQUEsV0FBSTtBQUFBLFVBQUdDLFFBQUgsU0FBR0EsUUFBSDtBQUFBLDBCQUNaLDZEQUNJLGdDQUFDLElBQUQsUUFBT0EsUUFBUCxDQURKLENBRFk7QUFBQSxLQUFKO0FBQUEsR0FoQnlCO0FBcUJyQ0ksRUFBQUEsU0FBUyxFQUFFLG1CQUFBTCxJQUFJO0FBQUEsV0FBSTtBQUFBLFVBQUdDLFFBQUgsU0FBR0EsUUFBSDtBQUFBLDBCQUNmLHdEQUNJLGdDQUFDLElBQUQsUUFBT0EsUUFBUCxDQURKLENBRGU7QUFBQSxLQUFKO0FBQUEsR0FyQnNCO0FBMEJyQ0ssRUFBQUEsS0FBSyxFQUFFLGVBQUFOLElBQUk7QUFBQSxXQUFJO0FBQUEsVUFBR0MsUUFBSCxTQUFHQSxRQUFIO0FBQUEsMEJBQ1gsNERBQ0ksZ0NBQUMsSUFBRCxRQUFPQSxRQUFQLENBREosQ0FEVztBQUFBLEtBQUo7QUFBQTtBQTFCMEIsQ0FBbEM7O0FBaUNBLElBQU1NLFVBQVUsR0FBRztBQUN0QkMsRUFBQUEsUUFBUSxFQUFFO0FBRFksQ0FBbkI7OztBQUlBLElBQU1DLGVBQWUsR0FBRyxTQUFsQkEsZUFBa0IsQ0FBQ0MsRUFBRCxFQUErQjtBQUMxRCxNQUFJQSxFQUFFLFNBQUYsSUFBQUEsRUFBRSxXQUFGLElBQUFBLEVBQUUsQ0FBRUMsU0FBSixJQUFpQkMsUUFBUSxDQUFDQyxXQUE5QixFQUEyQztBQUN2QyxRQUFNQyxTQUFTLEdBQUdGLFFBQVEsQ0FBQ0csWUFBVCxFQUFsQjtBQUNBLFFBQU1DLEtBQUssR0FBR0osUUFBUSxDQUFDQyxXQUFULEVBQWQ7QUFFQUcsSUFBQUEsS0FBSyxDQUFDQyxRQUFOLENBQWVQLEVBQUUsQ0FBQ1EsVUFBSCxDQUFjLENBQWQsQ0FBZixFQUFpQ1IsRUFBRSxDQUFDQyxTQUFILENBQWFRLE1BQTlDO0FBQ0FILElBQUFBLEtBQUssQ0FBQ0ksUUFBTixDQUFlLElBQWY7QUFDQU4sSUFBQUEsU0FBUyxTQUFULElBQUFBLFNBQVMsV0FBVCxZQUFBQSxTQUFTLENBQUVPLGVBQVg7QUFDQVAsSUFBQUEsU0FBUyxTQUFULElBQUFBLFNBQVMsV0FBVCxZQUFBQSxTQUFTLENBQUVRLFFBQVgsQ0FBb0JOLEtBQXBCO0FBQ0g7QUFDSixDQVZNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZDLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcblxuZXhwb3J0IGNvbnN0IGRlbGF5ID0gKG1zOiBudW1iZXIpID0+IG5ldyBQcm9taXNlKHJlcyA9PiBzZXRUaW1lb3V0KHJlcywgbXMpKVxuXG50eXBlIFdyYXBUYWdzRW50cmllcyA9IHtcbiAgICBba2V5OiBzdHJpbmddOiAoY29tcG9uZW50OiBGQykgPT4gKHsgY2hpbGRyZW4gfToge2NoaWxkcmVuOiBSZWFjdE5vZGV9KSA9PiBSZWFjdE5vZGVcbn1cblxuZXhwb3J0IGNvbnN0IHdyYXBUYWdzOiBXcmFwVGFnc0VudHJpZXMgPSB7XG4gICAgY29kZTogQ29tcCA9PiAoeyBjaGlsZHJlbiB9KSA9PiAoXG4gICAgICAgIDxjb2RlPlxuICAgICAgICAgICAgPENvbXA+e2NoaWxkcmVufTwvQ29tcD5cbiAgICAgICAgPC9jb2RlPlxuICAgICksXG4gICAgZGVsOiBDb21wID0+ICh7IGNoaWxkcmVuIH0pID0+IChcbiAgICAgICAgPGRlbD5cbiAgICAgICAgICAgIDxDb21wPntjaGlsZHJlbn08L0NvbXA+XG4gICAgICAgIDwvZGVsPlxuICAgICksXG4gICAgbWFyazogQ29tcCA9PiAoeyBjaGlsZHJlbiB9KSA9PiAoXG4gICAgICAgIDxtYXJrPlxuICAgICAgICAgICAgPENvbXA+e2NoaWxkcmVufTwvQ29tcD5cbiAgICAgICAgPC9tYXJrPlxuICAgICksXG4gICAgc3Ryb25nOiBDb21wID0+ICh7IGNoaWxkcmVuIH0pID0+IChcbiAgICAgICAgPHN0cm9uZz5cbiAgICAgICAgICAgIDxDb21wPntjaGlsZHJlbn08L0NvbXA+XG4gICAgICAgIDwvc3Ryb25nPlxuICAgICksXG4gICAgdW5kZXJsaW5lOiBDb21wID0+ICh7IGNoaWxkcmVuIH0pID0+IChcbiAgICAgICAgPHU+XG4gICAgICAgICAgICA8Q29tcD57Y2hpbGRyZW59PC9Db21wPlxuICAgICAgICA8L3U+XG4gICAgKSxcbiAgICBzbWFsbDogQ29tcCA9PiAoeyBjaGlsZHJlbiB9KSA9PiAoXG4gICAgICAgIDxzbWFsbD5cbiAgICAgICAgICAgIDxDb21wPntjaGlsZHJlbn08L0NvbXA+XG4gICAgICAgIDwvc21hbGw+XG4gICAgKSxcbn1cblxuZXhwb3J0IGNvbnN0IElDT05fU1RZTEUgPSB7XG4gICAgZm9udFNpemU6ICdpbml0aWFsJyxcbn1cblxuZXhwb3J0IGNvbnN0IG1vdmVDdXJzb3JUb0VuZCA9IChlbDogSFRNTERpdkVsZW1lbnQgfCBudWxsKSA9PiB7XG4gICAgaWYgKGVsPy5pbm5lclRleHQgJiYgZG9jdW1lbnQuY3JlYXRlUmFuZ2UpIHtcbiAgICAgICAgY29uc3Qgc2VsZWN0aW9uID0gZG9jdW1lbnQuZ2V0U2VsZWN0aW9uKClcbiAgICAgICAgY29uc3QgcmFuZ2UgPSBkb2N1bWVudC5jcmVhdGVSYW5nZSgpXG5cbiAgICAgICAgcmFuZ2Uuc2V0U3RhcnQoZWwuY2hpbGROb2Rlc1swXSwgZWwuaW5uZXJUZXh0Lmxlbmd0aClcbiAgICAgICAgcmFuZ2UuY29sbGFwc2UodHJ1ZSlcbiAgICAgICAgc2VsZWN0aW9uPy5yZW1vdmVBbGxSYW5nZXMoKVxuICAgICAgICBzZWxlY3Rpb24/LmFkZFJhbmdlKHJhbmdlKVxuICAgIH1cbn1cbiJdfQ==

package/lib/helpers/HelpPopover.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Placement } from 'popper.js';
+declare type HelpPopoverProps = {
+    help: string;
+    icon?: string;
+    placement?: Placement;
+};
+export declare const HelpPopover: ({ help, placement, icon, }: HelpPopoverProps) => JSX.Element;
+export {};