@megafon/ui-shared 4.10.0 → 4.11.0

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 (6) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/es/components/CardsBox/CardsBox.d.ts +2 -0
  3. package/dist/es/components/CardsBox/CardsBox.js +6 -3
  4. package/dist/lib/components/CardsBox/CardsBox.d.ts +2 -0
  5. package/dist/lib/components/CardsBox/CardsBox.js +6 -3
  6. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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.11.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.10.0...@megafon/ui-shared@4.11.0) (2023-01-31)
7
+
8
+
9
+ ### Features
10
+
11
+ * **cardsbox:** add prop hGridAlign ([883d12b](https://github.com/MegafonWebLab/megafon-ui/commit/883d12b3447659787d8aa3f61e734e8cb1b03656))
12
+
13
+
14
+
15
+
16
+
6
17
  # [4.10.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-shared@4.9.1...@megafon/ui-shared@4.10.0) (2023-01-23)
7
18
 
8
19
 
package/dist/es/components/CardsBox/CardsBox.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { ICard } from '../Card/Card';
3
3
  interface ICardsBoxProps {
4
+ /** Выравнивание всех колонок компонента Grid по горизонтали */
5
+ gridHAlign?: 'left' | 'right' | 'center' | 'between' | 'around';
4
6
  /** Ссылка на корневой элемент */
5
7
  rootRef?: React.Ref<HTMLDivElement>;
6
8
  /** Дата атрибуты для корневого элемента */
package/dist/es/components/CardsBox/CardsBox.js CHANGED
@@ -22,7 +22,8 @@ var SlidesSettings = (_SlidesSettings = {}, _defineProperty(_SlidesSettings, bre
22
22
  var cn = cnCreate('mfui-cards-box');
23
23
 
24
24
  var CardsBox = function CardsBox(_ref) {
25
- var rootRef = _ref.rootRef,
25
+ var gridHAlign = _ref.gridHAlign,
26
+ rootRef = _ref.rootRef,
26
27
  dataAttrs = _ref.dataAttrs,
27
28
  onChange = _ref.onChange,
28
29
  children = _ref.children;
@@ -37,14 +38,15 @@ var CardsBox = function CardsBox(_ref) {
37
38
  var renderGrid = React.useCallback(function () {
38
39
  return /*#__PURE__*/React.createElement(Grid, {
39
40
  guttersBottom: "medium",
40
- guttersLeft: "medium"
41
+ guttersLeft: "medium",
42
+ hAlign: gridHAlign
41
43
  }, React.Children.map(children, function (child) {
42
44
  return /*#__PURE__*/React.createElement(GridColumn, {
43
45
  all: "4",
44
46
  mobile: "12"
45
47
  }, child);
46
48
  }));
47
- }, [children]);
49
+ }, [children, gridHAlign]);
48
50
  var renderCarousel = React.useCallback(function () {
49
51
  return /*#__PURE__*/React.createElement(Carousel, {
50
52
  slidesSettings: SlidesSettings,
@@ -70,6 +72,7 @@ var CardsBox = function CardsBox(_ref) {
70
72
  };
71
73
 
72
74
  CardsBox.propTypes = {
75
+ gridHAlign: PropTypes.oneOf(['left', 'right', 'center', 'between', 'around']),
73
76
  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
74
77
  current: PropTypes.elementType
75
78
  }), PropTypes.any])]),
package/dist/lib/components/CardsBox/CardsBox.d.ts CHANGED
@@ -1,6 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { ICard } from '../Card/Card';
3
3
  interface ICardsBoxProps {
4
+ /** Выравнивание всех колонок компонента Grid по горизонтали */
5
+ gridHAlign?: 'left' | 'right' | 'center' | 'between' | 'around';
4
6
  /** Ссылка на корневой элемент */
5
7
  rootRef?: React.Ref<HTMLDivElement>;
6
8
  /** Дата атрибуты для корневого элемента */
package/dist/lib/components/CardsBox/CardsBox.js CHANGED
@@ -46,7 +46,8 @@ var SlidesSettings = (_SlidesSettings = {}, (0, _defineProperty2["default"])(_Sl
46
46
  var cn = (0, _uiHelpers.cnCreate)('mfui-cards-box');
47
47
 
48
48
  var CardsBox = function CardsBox(_ref) {
49
- var rootRef = _ref.rootRef,
49
+ var gridHAlign = _ref.gridHAlign,
50
+ rootRef = _ref.rootRef,
50
51
  dataAttrs = _ref.dataAttrs,
51
52
  onChange = _ref.onChange,
52
53
  children = _ref.children;
@@ -61,14 +62,15 @@ var CardsBox = function CardsBox(_ref) {
61
62
  var renderGrid = React.useCallback(function () {
62
63
  return /*#__PURE__*/React.createElement(_uiCore.Grid, {
63
64
  guttersBottom: "medium",
64
- guttersLeft: "medium"
65
+ guttersLeft: "medium",
66
+ hAlign: gridHAlign
65
67
  }, React.Children.map(children, function (child) {
66
68
  return /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
67
69
  all: "4",
68
70
  mobile: "12"
69
71
  }, child);
70
72
  }));
71
- }, [children]);
73
+ }, [children, gridHAlign]);
72
74
  var renderCarousel = React.useCallback(function () {
73
75
  return /*#__PURE__*/React.createElement(_uiCore.Carousel, {
74
76
  slidesSettings: SlidesSettings,
@@ -94,6 +96,7 @@ var CardsBox = function CardsBox(_ref) {
94
96
  };
95
97
 
96
98
  CardsBox.propTypes = {
99
+ gridHAlign: PropTypes.oneOf(['left', 'right', 'center', 'between', 'around']),
97
100
  rootRef: PropTypes.oneOfType([PropTypes.func, PropTypes.oneOfType([PropTypes.shape({
98
101
  current: PropTypes.elementType
99
102
  }), PropTypes.any])]),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-shared",
3
- "version": "4.10.0",
3
+ "version": "4.11.0",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -85,7 +85,7 @@
85
85
  },
86
86
  "dependencies": {
87
87
  "@babel/runtime": "^7.8.4",
88
- "@megafon/ui-core": "^4.11.2",
88
+ "@megafon/ui-core": "^4.11.3",
89
89
  "@megafon/ui-helpers": "^2.4.0",
90
90
  "core-js": "^3.6.4",
91
91
  "htmr": "^0.9.2",
@@ -93,5 +93,5 @@
93
93
  "prop-types": "^15.7.2",
94
94
  "swiper": "^6.5.6"
95
95
  },
96
- "gitHead": "aae2e0e7bf9776c1fa4f7083c668074a40923639"
96
+ "gitHead": "9def04b4abf47ad1bc0cfd3bb0430851b56b60ee"
97
97
  }