@megafon/ui-shared 4.8.0 → 4.9.0

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.9.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.8.0...@megafon/ui-shared@4.9.0) (2023-01-16)
+
+
+### Features
+
+* **instructions:** added convert to html for title and text ([81d43b2](https://github.com/MegafonWebLab/megafon-ui/commit/81d43b2b3d3b14f0caaba287b26392a55936bc6c))
+* **step:** added className and render html ([d6eceda](https://github.com/MegafonWebLab/megafon-ui/commit/d6eceda42f9d20fe4adf948f900f77bfeaa951d9))
+
+
+
+
+
 # [4.8.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.7.0...@megafon/ui-shared@4.8.0) (2022-12-19)
 
 

package/dist/es/components/Instructions/Instructions.js

@@ -7,8 +7,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import React from 'react';
 import { Grid, GridColumn, Header, Paragraph } from '@megafon/ui-core';
-import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
-import convert from 'htmr';
+import { cnCreate, filterDataAttrs, titleConvertConfig, convert, textConvertConfig } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import "./Instructions.css";
@@ -123,13 +122,13 @@ var Instructions = function Instructions(_ref) {
         resolution: resolution
       }),
       as: "h2"
-    }, title);
+    }, convert(title, titleConvertConfig));
   }, [title]);
   var renderText = React.useCallback(function () {
     return /*#__PURE__*/React.createElement(Paragraph, {
       className: cn('text', [additionalText]),
       hasMargin: false
-    }, convert(text));
+    }, convert(text, textConvertConfig));
   }, [text, additionalText]);
   var renderPicture = React.useCallback(function () {
     if (pictureMask === pictureMaskTypes.NONE) {

package/dist/es/components/Steps/Steps.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import './Steps.less';
 export interface ISteps {
+    /** Дополнительный класс корневого элемента */
+    className?: string;
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
     /** Заголовок */

package/dist/es/components/Steps/Steps.js

@@ -1,23 +1,24 @@
 import "core-js/modules/es.array.map";
 import * as React from 'react';
 import { Header } from '@megafon/ui-core';
-import { cnCreate } from '@megafon/ui-helpers';
+import { cnCreate, convert, titleConvertConfig } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import "./Steps.css";
 var cn = cnCreate('mfui-steps');
 
 var Steps = function Steps(_ref) {
-  var title = _ref.title,
+  var className = _ref.className,
+      title = _ref.title,
       rootRef = _ref.rootRef,
       children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: cn(),
+    className: cn([className]),
     ref: rootRef
   }, /*#__PURE__*/React.createElement(Header, {
     as: "h2",
     align: "center",
     className: cn('title')
-  }, title), /*#__PURE__*/React.createElement("ul", {
+  }, convert(title, titleConvertConfig)), /*#__PURE__*/React.createElement("ul", {
     className: cn('list')
   }, React.Children.map(children, function (child) {
     return /*#__PURE__*/React.createElement("li", {
@@ -27,6 +28,7 @@ var Steps = function Steps(_ref) {
 };
 
 Steps.propTypes = {
+  className: PropTypes.string,
   rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
     current: PropTypes.elementType
   }), PropTypes.any])]),

package/dist/es/components/Steps/StepsItem.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Paragraph } from '@megafon/ui-core';
-import { cnCreate } from '@megafon/ui-helpers';
+import { cnCreate, convert, textConvertConfig } from '@megafon/ui-helpers';
 import PropTypes from 'prop-types';
 import "./StepsItem.css";
 var cn = cnCreate('mfui-steps-item');
@@ -16,7 +16,7 @@ var StepsItem = function StepsItem(_ref) {
     className: cn('text-wrapper')
   }, /*#__PURE__*/React.createElement(Paragraph, {
     hasMargin: false
-  }, text)));
+  }, typeof text === 'string' ? convert(text, textConvertConfig) : text)));
 };
 
 StepsItem.propTypes = {

package/dist/lib/components/Instructions/Instructions.js

@@ -17,8 +17,6 @@ var _uiCore = require("@megafon/ui-core");
 
 var _uiHelpers = require("@megafon/ui-helpers");
 
-var _htmr = _interopRequireDefault(require("htmr"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react2 = require("swiper/react");
@@ -147,14 +145,14 @@ var Instructions = function Instructions(_ref) {
         resolution: resolution
       }),
       as: "h2"
-    }, title);
+    }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig));
   }, [title]);
 
   var renderText = _react["default"].useCallback(function () {
     return /*#__PURE__*/_react["default"].createElement(_uiCore.Paragraph, {
       className: cn('text', [additionalText]),
       hasMargin: false
-    }, (0, _htmr["default"])(text));
+    }, (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig));
   }, [text, additionalText]);
 
   var renderPicture = _react["default"].useCallback(function () {

package/dist/lib/components/Steps/Steps.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import './Steps.less';
 export interface ISteps {
+    /** Дополнительный класс корневого элемента */
+    className?: string;
     /** Ссылка на корневой элемент */
     rootRef?: React.Ref<HTMLDivElement>;
     /** Заголовок */

package/dist/lib/components/Steps/Steps.js

@@ -26,17 +26,18 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 var cn = (0, _uiHelpers.cnCreate)('mfui-steps');
 
 var Steps = function Steps(_ref) {
-  var title = _ref.title,
+  var className = _ref.className,
+      title = _ref.title,
       rootRef = _ref.rootRef,
       children = _ref.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: cn(),
+    className: cn([className]),
     ref: rootRef
   }, /*#__PURE__*/React.createElement(_uiCore.Header, {
     as: "h2",
     align: "center",
     className: cn('title')
-  }, title), /*#__PURE__*/React.createElement("ul", {
+  }, (0, _uiHelpers.convert)(title, _uiHelpers.titleConvertConfig)), /*#__PURE__*/React.createElement("ul", {
     className: cn('list')
   }, React.Children.map(children, function (child) {
     return /*#__PURE__*/React.createElement("li", {
@@ -46,6 +47,7 @@ var Steps = function Steps(_ref) {
 };
 
 Steps.propTypes = {
+  className: _propTypes["default"].string,
   rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
     current: _propTypes["default"].elementType
   }), _propTypes["default"].any])]),

package/dist/lib/components/Steps/StepsItem.js

@@ -28,7 +28,7 @@ var StepsItem = function StepsItem(_ref) {
     className: cn('text-wrapper')
   }, /*#__PURE__*/_react["default"].createElement(_uiCore.Paragraph, {
     hasMargin: false
-  }, text)));
+  }, typeof text === 'string' ? (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig) : text)));
 };
 
 StepsItem.propTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@megafon/ui-shared",
-  "version": "4.8.0",
+  "version": "4.9.0",
   "files": [
     "dist"
   ],
@@ -52,7 +52,7 @@
     "@babel/preset-env": "^7.8.6",
     "@babel/preset-react": "^7.8.3",
     "@babel/preset-typescript": "^7.8.3",
-    "@megafon/ui-icons": "^2.4.1",
+    "@megafon/ui-icons": "^2.4.2",
     "@svgr/core": "^2.4.1",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/react": "12.1.2",
@@ -85,13 +85,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.8.4",
-    "@megafon/ui-core": "^4.10.1",
-    "@megafon/ui-helpers": "^2.3.1",
+    "@megafon/ui-core": "^4.11.0",
+    "@megafon/ui-helpers": "^2.4.0",
     "core-js": "^3.6.4",
     "htmr": "^0.9.2",
     "lodash.throttle": "^4.1.1",
     "prop-types": "^15.7.2",
     "swiper": "^6.5.6"
   },
-  "gitHead": "5ac03e3777f38f19028fd0a8bb71e1901e9f0df9"
+  "gitHead": "3fecd142b2a2dac4027b90855c8b6a933ae30d61"
 }