@megafon/ui-shared 4.21.0 → 4.21.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/es/components/AccordionBox/AccordionBox.d.ts +1 -1
  3. package/dist/es/components/AccordionBox/AccordionBox.js +15 -2
  4. package/dist/es/components/Card/Card.css +22 -22
  5. package/dist/es/components/Card/Card.js +1 -1
  6. package/dist/lib/components/AccordionBox/AccordionBox.d.ts +1 -1
  7. package/dist/lib/components/AccordionBox/AccordionBox.js +18 -2
  8. package/dist/lib/components/Card/Card.css +22 -22
  9. package/dist/lib/components/Card/Card.js +1 -1
  10. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [4.21.2](https://hq-gitlab.megafon.ru/site-portal/libraries/javascript/megafon-ui/compare/@megafon/ui-shared@4.21.1...@megafon/ui-shared@4.21.2) (2023-08-28)
7
+
8
+ **Note:** Version bump only for package @megafon/ui-shared
9
+
10
+
11
+
12
+
13
+
14
+ ## [4.21.1](https://hq-gitlab.megafon.ru/site-portal/libraries/javascript/megafon-ui/compare/@megafon/ui-shared@4.21.0...@megafon/ui-shared@4.21.1) (2023-08-25)
15
+
16
+ **Note:** Version bump only for package @megafon/ui-shared
17
+
18
+
19
+
20
+
21
+
6
22
  # [4.21.0](https://hq-gitlab.megafon.ru/site-portal/libraries/javascript/megafon-ui/compare/@megafon/ui-shared@4.20.5...@megafon/ui-shared@4.21.0) (2023-08-21)
7
23
 
8
24
 
package/dist/es/components/AccordionBox/AccordionBox.d.ts CHANGED
@@ -27,7 +27,7 @@ export interface IAccordionBox {
27
27
  isFullWidth?: boolean;
28
28
  /** Центрирование по горизонтали для расширения 1280+ */
29
29
  hCenterAlignWide?: boolean;
30
- /** Дополнительный класс для корнеовго элемента */
30
+ /** Дополнительный класс для корневого элемента */
31
31
  className?: string;
32
32
  /** Дополнительные классы для корневого и внутренних элементов */
33
33
  classes?: {
package/dist/es/components/AccordionBox/AccordionBox.js CHANGED
@@ -1,3 +1,4 @@
1
+ import _extends from "@babel/runtime/helpers/extends";
1
2
  import "core-js/modules/es.array.index-of.js";
2
3
  import "core-js/modules/es.symbol.js";
3
4
 
@@ -20,6 +21,7 @@ import { cnCreate } from '@megafon/ui-helpers';
20
21
  import * as PropTypes from 'prop-types';
21
22
  import "./AccordionBox.css";
22
23
  import { getColumnConfig } from "../../helpers/getColumnConfig";
24
+ var testIdPrefix = 'AccordionBox';
23
25
  var cn = cnCreate('mfui-accordion-box');
24
26
 
25
27
  var AccordionBox = function AccordionBox(_a) {
@@ -32,8 +34,19 @@ var AccordionBox = function AccordionBox(_a) {
32
34
  return /*#__PURE__*/React.createElement("div", {
33
35
  className: cn()
34
36
  }, /*#__PURE__*/React.createElement(Grid, {
35
- hAlign: hCenterAlignWide ? 'center' : 'left'
36
- }, /*#__PURE__*/React.createElement(GridColumn, getColumnConfig(isFullWidth), /*#__PURE__*/React.createElement(Accordion, restProps))));
37
+ hAlign: hCenterAlignWide ? 'center' : 'left',
38
+ dataAttrs: {
39
+ container: {
40
+ 'data-testid': "".concat(testIdPrefix, "-container")
41
+ }
42
+ }
43
+ }, /*#__PURE__*/React.createElement(GridColumn, _extends({}, getColumnConfig(isFullWidth), {
44
+ dataAttrs: {
45
+ root: {
46
+ 'data-testid': "".concat(testIdPrefix, "-column")
47
+ }
48
+ }
49
+ }), /*#__PURE__*/React.createElement(Accordion, restProps))));
37
50
  };
38
51
 
39
52
  AccordionBox.propTypes = {
package/dist/es/components/Card/Card.css CHANGED
@@ -5,7 +5,7 @@ h4,
5
5
  h5 {
6
6
  margin: 0;
7
7
  }
8
- .mfui-card {
8
+ .mfui-card-old {
9
9
  display: -webkit-box;
10
10
  display: -ms-flexbox;
11
11
  display: flex;
@@ -15,7 +15,7 @@ h5 {
15
15
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
16
16
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
17
17
  }
18
- .mfui-card__inner {
18
+ .mfui-card-old__inner {
19
19
  display: -webkit-box;
20
20
  display: -ms-flexbox;
21
21
  display: flex;
@@ -34,18 +34,18 @@ h5 {
34
34
  padding: 32px 20px;
35
35
  }
36
36
  @media screen and (max-width: 767px) {
37
- .mfui-card__inner {
37
+ .mfui-card-old__inner {
38
38
  padding: 24px 16px;
39
39
  }
40
40
  }
41
- .mfui-card__text {
41
+ .mfui-card-old__text {
42
42
  font-size: 15px;
43
43
  line-height: 24px;
44
44
  font-weight: 400;
45
45
  margin-top: 12px;
46
46
  color: var(--content);
47
47
  }
48
- .mfui-card__btns-wrapper {
48
+ .mfui-card-old__btns-wrapper {
49
49
  display: -webkit-box;
50
50
  display: -ms-flexbox;
51
51
  display: flex;
@@ -60,30 +60,30 @@ h5 {
60
60
  margin-top: auto;
61
61
  padding-top: 12px;
62
62
  }
63
- .mfui-card__btns-wrapper_left-align {
63
+ .mfui-card-old__btns-wrapper_left-align {
64
64
  -webkit-box-pack: start;
65
65
  -ms-flex-pack: start;
66
66
  justify-content: flex-start;
67
67
  }
68
- .mfui-card__fake-link {
68
+ .mfui-card-old__fake-link {
69
69
  color: var(--systemBlue);
70
70
  }
71
- .mfui-card__button,
72
- .mfui-card__link,
73
- .mfui-card__fake-link {
71
+ .mfui-card-old__button,
72
+ .mfui-card-old__link,
73
+ .mfui-card-old__fake-link {
74
74
  margin: 12px 10px;
75
75
  }
76
- .mfui-card__svg-wrapper {
76
+ .mfui-card-old__svg-wrapper {
77
77
  margin-bottom: 24px;
78
78
  }
79
- .mfui-card__svg-wrapper svg {
79
+ .mfui-card-old__svg-wrapper svg {
80
80
  width: 40px;
81
81
  height: 40px;
82
82
  }
83
- .mfui-card__pic-wrapper .mfui-card__img {
83
+ .mfui-card-old__pic-wrapper .mfui-card-old__img {
84
84
  max-width: 100%;
85
85
  }
86
- .mfui-card__pic-wrapper {
86
+ .mfui-card-old__pic-wrapper {
87
87
  display: -webkit-box;
88
88
  display: -ms-flexbox;
89
89
  display: flex;
@@ -99,32 +99,32 @@ h5 {
99
99
  margin-left: -20px;
100
100
  }
101
101
  @media screen and (max-width: 767px) {
102
- .mfui-card__pic-wrapper {
102
+ .mfui-card-old__pic-wrapper {
103
103
  margin-top: -24px;
104
104
  margin-right: -16px;
105
105
  margin-bottom: 24px;
106
106
  margin-left: -16px;
107
107
  }
108
108
  }
109
- .mfui-card__pic-wrapper_object-fit_fill img {
109
+ .mfui-card-old__pic-wrapper_object-fit_fill img {
110
110
  width: 100%;
111
111
  height: auto;
112
112
  }
113
- .mfui-card__pic-wrapper_object-fit_contain img {
113
+ .mfui-card-old__pic-wrapper_object-fit_contain img {
114
114
  width: auto;
115
115
  height: 100%;
116
116
  }
117
- .mfui-card_href * {
117
+ .mfui-card-old_href * {
118
118
  text-decoration: none !important;
119
119
  }
120
- .mfui-card_href:hover {
120
+ .mfui-card-old_href:hover {
121
121
  -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
122
122
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
123
123
  }
124
- .mfui-card_full-height {
124
+ .mfui-card-old_full-height {
125
125
  height: 100%;
126
126
  }
127
- .mfui-card_centered-text .mfui-card__text,
128
- .mfui-card_centered-text .mfui-card__title {
127
+ .mfui-card-old_centered-text .mfui-card-old__text,
128
+ .mfui-card-old_centered-text .mfui-card-old__title {
129
129
  text-align: center;
130
130
  }
package/dist/es/components/Card/Card.js CHANGED
@@ -14,7 +14,7 @@ export var ObjectFit = {
14
14
  FILL: 'fill',
15
15
  CONTAIN: 'contain'
16
16
  };
17
- var cn = cnCreate('mfui-card');
17
+ var cn = cnCreate('mfui-card-old');
18
18
 
19
19
  var Card = function Card(_ref) {
20
20
  var dataAttrs = _ref.dataAttrs,
package/dist/lib/components/AccordionBox/AccordionBox.d.ts CHANGED
@@ -27,7 +27,7 @@ export interface IAccordionBox {
27
27
  isFullWidth?: boolean;
28
28
  /** Центрирование по горизонтали для расширения 1280+ */
29
29
  hCenterAlignWide?: boolean;
30
- /** Дополнительный класс для корнеовго элемента */
30
+ /** Дополнительный класс для корневого элемента */
31
31
  className?: string;
32
32
  /** Дополнительные классы для корневого и внутренних элементов */
33
33
  classes?: {
package/dist/lib/components/AccordionBox/AccordionBox.js CHANGED
@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports["default"] = void 0;
9
9
 
10
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
+
10
12
  require("core-js/modules/es.array.index-of.js");
11
13
 
12
14
  require("core-js/modules/es.symbol.js");
@@ -25,6 +27,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
25
27
 
26
28
  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; }
27
29
 
30
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
31
+
28
32
  var __rest = void 0 && (void 0).__rest || function (s, e) {
29
33
  var t = {};
30
34
 
@@ -38,6 +42,7 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
38
42
  return t;
39
43
  };
40
44
 
45
+ var testIdPrefix = 'AccordionBox';
41
46
  var cn = (0, _uiHelpers.cnCreate)('mfui-accordion-box');
42
47
 
43
48
  var AccordionBox = function AccordionBox(_a) {
@@ -50,8 +55,19 @@ var AccordionBox = function AccordionBox(_a) {
50
55
  return /*#__PURE__*/React.createElement("div", {
51
56
  className: cn()
52
57
  }, /*#__PURE__*/React.createElement(_uiCore.Grid, {
53
- hAlign: hCenterAlignWide ? 'center' : 'left'
54
- }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, (0, _getColumnConfig.getColumnConfig)(isFullWidth), /*#__PURE__*/React.createElement(_uiCore.Accordion, restProps))));
58
+ hAlign: hCenterAlignWide ? 'center' : 'left',
59
+ dataAttrs: {
60
+ container: {
61
+ 'data-testid': "".concat(testIdPrefix, "-container")
62
+ }
63
+ }
64
+ }, /*#__PURE__*/React.createElement(_uiCore.GridColumn, (0, _extends2["default"])({}, (0, _getColumnConfig.getColumnConfig)(isFullWidth), {
65
+ dataAttrs: {
66
+ root: {
67
+ 'data-testid': "".concat(testIdPrefix, "-column")
68
+ }
69
+ }
70
+ }), /*#__PURE__*/React.createElement(_uiCore.Accordion, restProps))));
55
71
  };
56
72
 
57
73
  AccordionBox.propTypes = {
package/dist/lib/components/Card/Card.css CHANGED
@@ -5,7 +5,7 @@ h4,
5
5
  h5 {
6
6
  margin: 0;
7
7
  }
8
- .mfui-card {
8
+ .mfui-card-old {
9
9
  display: -webkit-box;
10
10
  display: -ms-flexbox;
11
11
  display: flex;
@@ -15,7 +15,7 @@ h5 {
15
15
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
16
16
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
17
17
  }
18
- .mfui-card__inner {
18
+ .mfui-card-old__inner {
19
19
  display: -webkit-box;
20
20
  display: -ms-flexbox;
21
21
  display: flex;
@@ -34,18 +34,18 @@ h5 {
34
34
  padding: 32px 20px;
35
35
  }
36
36
  @media screen and (max-width: 767px) {
37
- .mfui-card__inner {
37
+ .mfui-card-old__inner {
38
38
  padding: 24px 16px;
39
39
  }
40
40
  }
41
- .mfui-card__text {
41
+ .mfui-card-old__text {
42
42
  font-size: 15px;
43
43
  line-height: 24px;
44
44
  font-weight: 400;
45
45
  margin-top: 12px;
46
46
  color: var(--content);
47
47
  }
48
- .mfui-card__btns-wrapper {
48
+ .mfui-card-old__btns-wrapper {
49
49
  display: -webkit-box;
50
50
  display: -ms-flexbox;
51
51
  display: flex;
@@ -60,30 +60,30 @@ h5 {
60
60
  margin-top: auto;
61
61
  padding-top: 12px;
62
62
  }
63
- .mfui-card__btns-wrapper_left-align {
63
+ .mfui-card-old__btns-wrapper_left-align {
64
64
  -webkit-box-pack: start;
65
65
  -ms-flex-pack: start;
66
66
  justify-content: flex-start;
67
67
  }
68
- .mfui-card__fake-link {
68
+ .mfui-card-old__fake-link {
69
69
  color: var(--systemBlue);
70
70
  }
71
- .mfui-card__button,
72
- .mfui-card__link,
73
- .mfui-card__fake-link {
71
+ .mfui-card-old__button,
72
+ .mfui-card-old__link,
73
+ .mfui-card-old__fake-link {
74
74
  margin: 12px 10px;
75
75
  }
76
- .mfui-card__svg-wrapper {
76
+ .mfui-card-old__svg-wrapper {
77
77
  margin-bottom: 24px;
78
78
  }
79
- .mfui-card__svg-wrapper svg {
79
+ .mfui-card-old__svg-wrapper svg {
80
80
  width: 40px;
81
81
  height: 40px;
82
82
  }
83
- .mfui-card__pic-wrapper .mfui-card__img {
83
+ .mfui-card-old__pic-wrapper .mfui-card-old__img {
84
84
  max-width: 100%;
85
85
  }
86
- .mfui-card__pic-wrapper {
86
+ .mfui-card-old__pic-wrapper {
87
87
  display: -webkit-box;
88
88
  display: -ms-flexbox;
89
89
  display: flex;
@@ -99,32 +99,32 @@ h5 {
99
99
  margin-left: -20px;
100
100
  }
101
101
  @media screen and (max-width: 767px) {
102
- .mfui-card__pic-wrapper {
102
+ .mfui-card-old__pic-wrapper {
103
103
  margin-top: -24px;
104
104
  margin-right: -16px;
105
105
  margin-bottom: 24px;
106
106
  margin-left: -16px;
107
107
  }
108
108
  }
109
- .mfui-card__pic-wrapper_object-fit_fill img {
109
+ .mfui-card-old__pic-wrapper_object-fit_fill img {
110
110
  width: 100%;
111
111
  height: auto;
112
112
  }
113
- .mfui-card__pic-wrapper_object-fit_contain img {
113
+ .mfui-card-old__pic-wrapper_object-fit_contain img {
114
114
  width: auto;
115
115
  height: 100%;
116
116
  }
117
- .mfui-card_href * {
117
+ .mfui-card-old_href * {
118
118
  text-decoration: none !important;
119
119
  }
120
- .mfui-card_href:hover {
120
+ .mfui-card-old_href:hover {
121
121
  -webkit-box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
122
122
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
123
123
  }
124
- .mfui-card_full-height {
124
+ .mfui-card-old_full-height {
125
125
  height: 100%;
126
126
  }
127
- .mfui-card_centered-text .mfui-card__text,
128
- .mfui-card_centered-text .mfui-card__title {
127
+ .mfui-card-old_centered-text .mfui-card-old__text,
128
+ .mfui-card-old_centered-text .mfui-card-old__title {
129
129
  text-align: center;
130
130
  }
package/dist/lib/components/Card/Card.js CHANGED
@@ -31,7 +31,7 @@ var ObjectFit = {
31
31
  CONTAIN: 'contain'
32
32
  };
33
33
  exports.ObjectFit = ObjectFit;
34
- var cn = (0, _uiHelpers.cnCreate)('mfui-card');
34
+ var cn = (0, _uiHelpers.cnCreate)('mfui-card-old');
35
35
 
36
36
  var Card = function Card(_ref) {
37
37
  var dataAttrs = _ref.dataAttrs,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-shared",
3
- "version": "4.21.0",
3
+ "version": "4.21.2",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -82,7 +82,7 @@
82
82
  },
83
83
  "dependencies": {
84
84
  "@babel/runtime": "^7.8.4",
85
- "@megafon/ui-core": "^5.1.2",
85
+ "@megafon/ui-core": "^5.2.1",
86
86
  "@megafon/ui-helpers": "^2.5.2",
87
87
  "core-js": "^3.6.4",
88
88
  "htmr": "^0.9.2",
@@ -90,5 +90,5 @@
90
90
  "prop-types": "^15.7.2",
91
91
  "swiper": "^6.5.6"
92
92
  },
93
- "gitHead": "5c1ab056af4f3c2ced942d4e4b820e049b671a5d"
93
+ "gitHead": "61659ea89aca6bac2ebcd3befa866f430ad0ee30"
94
94
  }