@megafon/ui-core 5.0.1 → 5.1.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 (10) hide show
  1. package/CHANGELOG.md +20 -1
  2. package/dist/es/components/Badges/components/PromoBadge/PromoBadge.css +23 -2
  3. package/dist/es/components/Badges/components/PromoBadge/PromoBadge.d.ts +12 -1
  4. package/dist/es/components/Badges/components/PromoBadge/PromoBadge.js +16 -3
  5. package/dist/es/components/Search/Search.js +5 -1
  6. package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.css +23 -2
  7. package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.d.ts +12 -1
  8. package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.js +18 -4
  9. package/dist/lib/components/Search/Search.js +5 -1
  10. package/package.json +2 -2
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
+ # [5.1.0](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@5.0.1...@megafon/ui-core@5.1.0) (2023-07-10)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **search:** clear debounce timeout on field clear ([811c08a](https://github.com/MegafonWebLab/megafon-ui/commit/811c08a9a12fe3a0de6e1c6eb497cc8a9443a9e0))
12
+
13
+
14
+ ### Features
15
+
16
+ * **promobadge:** add color prop ([bf77ac7](https://github.com/MegafonWebLab/megafon-ui/commit/bf77ac7be405dec7fd4dae3c91273813a761e408))
17
+
18
+
19
+
20
+
21
+
6
22
  ## [5.0.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@5.0.0...@megafon/ui-core@5.0.1) (2023-07-10)
7
23
 
8
24
 
@@ -34,8 +50,11 @@ How to migrate:
34
50
  - remove clear field in handler onIconClick;
35
51
  - remove field focus in handler onIconClick;
36
52
 
53
+ * **tile:** remove shadow prop deprecated values: low, high
37
54
 
38
-
55
+ How to migrate:
56
+ - don't use value "low" (use what better sutable for specific places)
57
+ - use "pressed" instead of "high"
39
58
 
40
59
 
41
60
  ## [4.16.1](https://github.com/MegafonWebLab/megafon-ui/compare/@megafon/ui-core@4.16.0...@megafon/ui-core@4.16.1) (2023-05-23)
package/dist/es/components/Badges/components/PromoBadge/PromoBadge.css CHANGED
@@ -5,12 +5,33 @@
5
5
  -webkit-box-align: center;
6
6
  -ms-flex-align: center;
7
7
  align-items: center;
8
- padding: 4px 12px;
9
8
  width: -webkit-fit-content;
10
9
  width: -moz-fit-content;
11
10
  width: fit-content;
11
+ padding: 4px 12px;
12
12
  border-radius: 8px;
13
13
  color: var(--stcWhite);
14
+ /* DEPRECATED classes &_type BEGIN */
15
+ /* DEPRECATED classes &_type END */
16
+ }
17
+ .mfui-promo-badge_color_137c {
18
+ background-color: var(--137C);
19
+ }
20
+ .mfui-promo-badge_color_brand-purple-20 {
21
+ color: var(--brandPurple);
22
+ background-color: var(--brandPurple20);
23
+ }
24
+ .mfui-promo-badge_color_brand-purple {
25
+ background-color: var(--brandPurple);
26
+ }
27
+ .mfui-promo-badge_color_reflex-blue {
28
+ background-color: var(--reflexBlue);
29
+ }
30
+ .mfui-promo-badge_color_system-blue {
31
+ background-color: var(--systemBlue);
32
+ }
33
+ .mfui-promo-badge_color_warm-red {
34
+ background-color: var(--warmRedC);
14
35
  }
15
36
  .mfui-promo-badge_type_hit {
16
37
  background-color: var(--warmRedC);
@@ -28,8 +49,8 @@
28
49
  background-color: var(--reflexBlue);
29
50
  }
30
51
  .mfui-promo-badge_type_interests {
31
- background-color: var(--brandPurple20);
32
52
  color: var(--brandPurple);
53
+ background-color: var(--brandPurple20);
33
54
  }
34
55
  .mfui-promo-badge__text {
35
56
  font-family: inherit;
package/dist/es/components/Badges/components/PromoBadge/PromoBadge.d.ts CHANGED
@@ -1,5 +1,14 @@
1
1
  import * as React from 'react';
2
2
  import './PromoBadge.less';
3
+ export declare const PromoBadgeColors: {
4
+ readonly '137C': "137c";
5
+ readonly BRAND_PURPLE_20: "brand-purple-20";
6
+ readonly BRAND_PURPLE: "brand-purple";
7
+ readonly REFLEX_BLUE: "reflex-blue";
8
+ readonly SYSTEM_BLUE: "system-blue";
9
+ readonly WARM_RED: "warm-red";
10
+ };
11
+ declare type PromoBadgeColorsType = typeof PromoBadgeColors[keyof typeof PromoBadgeColors];
3
12
  export declare const PromoBadgeTypes: {
4
13
  readonly HIT: "hit";
5
14
  readonly NEW: "new";
@@ -10,7 +19,9 @@ export declare const PromoBadgeTypes: {
10
19
  };
11
20
  declare type PromoBadgeTypesType = typeof PromoBadgeTypes[keyof typeof PromoBadgeTypes];
12
21
  export interface IPromoBadgeProps {
13
- /** Тип промо-бэйджа */
22
+ /** Цвет промо-бэйджа */
23
+ color?: PromoBadgeColorsType;
24
+ /** DEPRECATED Тип промо-бэйджа (Используйте проп `color`) */
14
25
  type?: PromoBadgeTypesType;
15
26
  /** Дополнительный класс корневого элемента */
16
27
  className?: string;
package/dist/es/components/Badges/components/PromoBadge/PromoBadge.js CHANGED
@@ -4,6 +4,15 @@ import * as React from 'react';
4
4
  import { cnCreate, filterDataAttrs } from '@megafon/ui-helpers';
5
5
  import * as PropTypes from 'prop-types';
6
6
  import "./PromoBadge.css";
7
+ export var PromoBadgeColors = {
8
+ '137C': '137c',
9
+ BRAND_PURPLE_20: 'brand-purple-20',
10
+ BRAND_PURPLE: 'brand-purple',
11
+ REFLEX_BLUE: 'reflex-blue',
12
+ SYSTEM_BLUE: 'system-blue',
13
+ WARM_RED: 'warm-red'
14
+ }; // DEPRECATED
15
+
7
16
  export var PromoBadgeTypes = {
8
17
  HIT: 'hit',
9
18
  NEW: 'new',
@@ -15,14 +24,16 @@ export var PromoBadgeTypes = {
15
24
  var cn = cnCreate('mfui-promo-badge');
16
25
 
17
26
  var PromoBadge = function PromoBadge(_ref) {
18
- var _ref$type = _ref.type,
19
- type = _ref$type === void 0 ? 'hit' : _ref$type,
27
+ var color = _ref.color,
28
+ _ref$type = _ref.type,
29
+ type = _ref$type === void 0 ? PromoBadgeTypes.HIT : _ref$type,
20
30
  className = _ref.className,
21
31
  children = _ref.children,
22
32
  dataAttrs = _ref.dataAttrs;
23
33
  return /*#__PURE__*/React.createElement("div", _extends({}, filterDataAttrs(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
24
34
  className: cn({
25
- type: type
35
+ color: color,
36
+ type: color ? undefined : type
26
37
  }, className)
27
38
  }), /*#__PURE__*/React.createElement("span", {
28
39
  className: cn('text')
@@ -30,6 +41,8 @@ var PromoBadge = function PromoBadge(_ref) {
30
41
  };
31
42
 
32
43
  PromoBadge.propTypes = {
44
+ color: PropTypes.oneOf(Object.values(PromoBadgeColors)),
45
+ // DEPRECATED
33
46
  type: PropTypes.oneOf(Object.values(PromoBadgeTypes)),
34
47
  className: PropTypes.string,
35
48
  dataAttrs: PropTypes.shape({
package/dist/es/components/Search/Search.js CHANGED
@@ -171,8 +171,12 @@ var Search = function Search(_ref) {
171
171
  }, [activeIndex, items, handleItemSubmit, handleSearchSubmit]);
172
172
 
173
173
  var handleClearClick = function handleClearClick() {
174
- var _a;
174
+ var _a; // TODO: После обновления TS до 4 версии, установить @types/lodash.debounce и убрать disable
175
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
176
+ // @ts-ignore
175
177
 
178
+
179
+ !!debouncedOnChange.current && debouncedOnChange.current.cancel();
176
180
  onChange === null || onChange === void 0 ? void 0 : onChange('');
177
181
  setSearchQuery('');
178
182
  (_a = fieldNode === null || fieldNode === void 0 ? void 0 : fieldNode.current) === null || _a === void 0 ? void 0 : _a.focus();
package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.css CHANGED
@@ -5,12 +5,33 @@
5
5
  -webkit-box-align: center;
6
6
  -ms-flex-align: center;
7
7
  align-items: center;
8
- padding: 4px 12px;
9
8
  width: -webkit-fit-content;
10
9
  width: -moz-fit-content;
11
10
  width: fit-content;
11
+ padding: 4px 12px;
12
12
  border-radius: 8px;
13
13
  color: var(--stcWhite);
14
+ /* DEPRECATED classes &_type BEGIN */
15
+ /* DEPRECATED classes &_type END */
16
+ }
17
+ .mfui-promo-badge_color_137c {
18
+ background-color: var(--137C);
19
+ }
20
+ .mfui-promo-badge_color_brand-purple-20 {
21
+ color: var(--brandPurple);
22
+ background-color: var(--brandPurple20);
23
+ }
24
+ .mfui-promo-badge_color_brand-purple {
25
+ background-color: var(--brandPurple);
26
+ }
27
+ .mfui-promo-badge_color_reflex-blue {
28
+ background-color: var(--reflexBlue);
29
+ }
30
+ .mfui-promo-badge_color_system-blue {
31
+ background-color: var(--systemBlue);
32
+ }
33
+ .mfui-promo-badge_color_warm-red {
34
+ background-color: var(--warmRedC);
14
35
  }
15
36
  .mfui-promo-badge_type_hit {
16
37
  background-color: var(--warmRedC);
@@ -28,8 +49,8 @@
28
49
  background-color: var(--reflexBlue);
29
50
  }
30
51
  .mfui-promo-badge_type_interests {
31
- background-color: var(--brandPurple20);
32
52
  color: var(--brandPurple);
53
+ background-color: var(--brandPurple20);
33
54
  }
34
55
  .mfui-promo-badge__text {
35
56
  font-family: inherit;
package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.d.ts CHANGED
@@ -1,5 +1,14 @@
1
1
  import * as React from 'react';
2
2
  import './PromoBadge.less';
3
+ export declare const PromoBadgeColors: {
4
+ readonly '137C': "137c";
5
+ readonly BRAND_PURPLE_20: "brand-purple-20";
6
+ readonly BRAND_PURPLE: "brand-purple";
7
+ readonly REFLEX_BLUE: "reflex-blue";
8
+ readonly SYSTEM_BLUE: "system-blue";
9
+ readonly WARM_RED: "warm-red";
10
+ };
11
+ declare type PromoBadgeColorsType = typeof PromoBadgeColors[keyof typeof PromoBadgeColors];
3
12
  export declare const PromoBadgeTypes: {
4
13
  readonly HIT: "hit";
5
14
  readonly NEW: "new";
@@ -10,7 +19,9 @@ export declare const PromoBadgeTypes: {
10
19
  };
11
20
  declare type PromoBadgeTypesType = typeof PromoBadgeTypes[keyof typeof PromoBadgeTypes];
12
21
  export interface IPromoBadgeProps {
13
- /** Тип промо-бэйджа */
22
+ /** Цвет промо-бэйджа */
23
+ color?: PromoBadgeColorsType;
24
+ /** DEPRECATED Тип промо-бэйджа (Используйте проп `color`) */
14
25
  type?: PromoBadgeTypesType;
15
26
  /** Дополнительный класс корневого элемента */
16
27
  className?: string;
package/dist/lib/components/Badges/components/PromoBadge/PromoBadge.js CHANGED
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports["default"] = exports.PromoBadgeTypes = void 0;
8
+ exports["default"] = exports.PromoBadgeTypes = exports.PromoBadgeColors = void 0;
9
9
 
10
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
11
11
 
@@ -23,6 +23,16 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
23
23
 
24
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
25
 
26
+ var PromoBadgeColors = {
27
+ '137C': '137c',
28
+ BRAND_PURPLE_20: 'brand-purple-20',
29
+ BRAND_PURPLE: 'brand-purple',
30
+ REFLEX_BLUE: 'reflex-blue',
31
+ SYSTEM_BLUE: 'system-blue',
32
+ WARM_RED: 'warm-red'
33
+ }; // DEPRECATED
34
+
35
+ exports.PromoBadgeColors = PromoBadgeColors;
26
36
  var PromoBadgeTypes = {
27
37
  HIT: 'hit',
28
38
  NEW: 'new',
@@ -35,14 +45,16 @@ exports.PromoBadgeTypes = PromoBadgeTypes;
35
45
  var cn = (0, _uiHelpers.cnCreate)('mfui-promo-badge');
36
46
 
37
47
  var PromoBadge = function PromoBadge(_ref) {
38
- var _ref$type = _ref.type,
39
- type = _ref$type === void 0 ? 'hit' : _ref$type,
48
+ var color = _ref.color,
49
+ _ref$type = _ref.type,
50
+ type = _ref$type === void 0 ? PromoBadgeTypes.HIT : _ref$type,
40
51
  className = _ref.className,
41
52
  children = _ref.children,
42
53
  dataAttrs = _ref.dataAttrs;
43
54
  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
44
55
  className: cn({
45
- type: type
56
+ color: color,
57
+ type: color ? undefined : type
46
58
  }, className)
47
59
  }), /*#__PURE__*/React.createElement("span", {
48
60
  className: cn('text')
@@ -50,6 +62,8 @@ var PromoBadge = function PromoBadge(_ref) {
50
62
  };
51
63
 
52
64
  PromoBadge.propTypes = {
65
+ color: PropTypes.oneOf(Object.values(PromoBadgeColors)),
66
+ // DEPRECATED
53
67
  type: PropTypes.oneOf(Object.values(PromoBadgeTypes)),
54
68
  className: PropTypes.string,
55
69
  dataAttrs: PropTypes.shape({
package/dist/lib/components/Search/Search.js CHANGED
@@ -212,8 +212,12 @@ var Search = function Search(_ref) {
212
212
  }, [activeIndex, items, handleItemSubmit, handleSearchSubmit]);
213
213
 
214
214
  var handleClearClick = function handleClearClick() {
215
- var _a;
215
+ var _a; // TODO: После обновления TS до 4 версии, установить @types/lodash.debounce и убрать disable
216
+ // eslint-disable-next-line @typescript-eslint/ban-ts-comment
217
+ // @ts-ignore
216
218
 
219
+
220
+ !!debouncedOnChange.current && debouncedOnChange.current.cancel();
217
221
  onChange === null || onChange === void 0 ? void 0 : onChange('');
218
222
  setSearchQuery('');
219
223
  (_a = fieldNode === null || fieldNode === void 0 ? void 0 : fieldNode.current) === null || _a === void 0 ? void 0 : _a.focus();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megafon/ui-core",
3
- "version": "5.0.1",
3
+ "version": "5.1.0",
4
4
  "files": [
5
5
  "dist",
6
6
  "styles"
@@ -100,5 +100,5 @@
100
100
  "react-popper": "^2.2.3",
101
101
  "swiper": "^6.5.6"
102
102
  },
103
- "gitHead": "363663b39f257510b1ae1ee3c776d15d7f075a1f"
103
+ "gitHead": "749670bce09be52dc9e8a37385255a06c4cef1de"
104
104
  }