@semcore/tag 5.17.0 → 5.18.0-prerelease.1

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 +13 -1
  2. package/lib/cjs/Tag.js +49 -37
  3. package/lib/cjs/Tag.js.map +1 -1
  4. package/lib/es6/Tag.js +49 -37
  5. package/lib/es6/Tag.js.map +1 -1
  6. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -2,7 +2,19 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
- ## [5.17.0-prerelease.1] - 2023-11-13
5
+ ## [5.18.0-prerelease.1] - 2023-11-23
6
+
7
+ ### Added
8
+
9
+ - Behavior as `Button` when working from the keyboard.
10
+
11
+ ## [5.17.1] - 2023-11-21
12
+
13
+ ### Changed
14
+
15
+ - Version prepatch update due to children dependencies update (`@semcore/utils` [4.10.2 ~> 4.10.3], `@semcore/icon` [4.16.0 ~> 4.16.1], `@semcore/flex-box` [5.10.1 ~> 5.10.2], `@semcore/core` [2.9.1 ~> 2.9.2]).
16
+
17
+ ## [5.17.0] - 2023-11-13
6
18
 
7
19
  ### Changed
8
20
 
package/lib/cjs/Tag.js CHANGED
@@ -9,6 +9,7 @@ exports["default"] = void 0;
9
9
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
10
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
11
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
12
13
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
14
  var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
14
15
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -22,26 +23,27 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
22
23
  var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
23
24
  var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
24
25
  var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
26
+ var _assignProps6 = require("@semcore/utils/lib/assignProps");
25
27
  /*__reshadow-styles__:"./style/tag.shadow.css"*/
26
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_y1z4c_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_y1z4c)}.___STag_y1z4c_gg_:has(.___SText_y1z4c_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_y1z4c_gg_::after,.___STag_y1z4c_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_y1z4c_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_y1z4c);opacity:.2}.___STag_y1z4c_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_y1z4c);opacity:.1}.___STag_y1z4c_gg_.__disabled_y1z4c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_y1z4c_gg_.__interactive_y1z4c_gg_{cursor:pointer}.___STag_y1z4c_gg_._size_m_y1z4c_gg_{height:20px;min-width:20px}.___STag_y1z4c_gg_._size_m_y1z4c_gg_ .___SCircle_y1z4c_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_y1z4c_gg_._size_m_y1z4c_gg_ .___SCircle_y1z4c_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_y1z4c_gg_._size_m_y1z4c_gg_ .___SText_y1z4c_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_y1z4c_gg_._size_l_y1z4c_gg_{height:28px;min-width:28px}.___STag_y1z4c_gg_._size_l_y1z4c_gg_ .___SText_y1z4c_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_y1z4c_gg_._size_xl_y1z4c_gg_{height:40px;min-width:40px}.___STag_y1z4c_gg_._size_xl_y1z4c_gg_ .___SText_y1z4c_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_y1z4c_gg_._theme_primary_y1z4c_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_y1z4c_gg_._theme_primary_y1z4c_gg_:after{display:none}.___STag_y1z4c_gg_._theme_primary_y1z4c_gg_.__active_y1z4c_gg_:before,.___STag_y1z4c_gg_._theme_primary_y1z4c_gg_.__interactive_y1z4c_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_y1z4c_gg_._theme_primary_y1z4c_gg_.__interactive_y1z4c_gg_:hover:before{opacity:.3}}.___STag_y1z4c_gg_._theme_additional_y1z4c_gg_::before,.___STag_y1z4c_gg_._theme_secondary_y1z4c_gg_::before{opacity:.01}.___STag_y1z4c_gg_._theme_additional_y1z4c_gg_.__active_y1z4c_gg_:before,.___STag_y1z4c_gg_._theme_additional_y1z4c_gg_.__interactive_y1z4c_gg_:active:before,.___STag_y1z4c_gg_._theme_secondary_y1z4c_gg_.__active_y1z4c_gg_:before,.___STag_y1z4c_gg_._theme_secondary_y1z4c_gg_.__interactive_y1z4c_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_y1z4c_gg_._theme_additional_y1z4c_gg_.__interactive_y1z4c_gg_:hover:before,.___STag_y1z4c_gg_._theme_secondary_y1z4c_gg_.__interactive_y1z4c_gg_:hover:before{opacity:.1}}.___STag_y1z4c_gg_._theme_additional-invert_y1z4c_gg_::after,.___STag_y1z4c_gg_._theme_additional_y1z4c_gg_::after,.___STag_y1z4c_gg_._theme_secondary-invert_y1z4c_gg_::after,.___STag_y1z4c_gg_._theme_secondary_y1z4c_gg_::after{opacity:.5}.___STag_y1z4c_gg_._theme_primary-invert_y1z4c_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_y1z4c_gg_._theme_additional-invert_y1z4c_gg_,.___STag_y1z4c_gg_._theme_primary-invert_y1z4c_gg_,.___STag_y1z4c_gg_._theme_secondary-invert_y1z4c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_y1z4c_gg_._theme_additional_y1z4c_gg_::after{border-style:dashed}.___SText_y1z4c_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___SText_y1z4c_gg_:not(:only-child):first-child{padding-right:0}.___SText_y1z4c_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_y1z4c_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_y1z4c_gg_,.___SCircle_y1z4c_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_y1z4c_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_y1z4c_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_y1z4c_gg_:first-child{margin-left:0}.___SCircle_y1z4c_gg_:last-child{margin-right:0}.___SCircle_y1z4c_gg_._size_m_y1z4c_gg_{width:16px;height:16px}.___SCircle_y1z4c_gg_._size_l_y1z4c_gg_,.___SCircle_y1z4c_gg_._size_xl_y1z4c_gg_{width:20px;height:20px}.___SClose_y1z4c_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_y1z4c_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "y1z4c_gg_") /*__reshadow_css_end__*/, {
27
- "__STag": "___STag_y1z4c_gg_",
28
- "_disabled": "__disabled_y1z4c_gg_",
29
- "_interactive": "__interactive_y1z4c_gg_",
30
- "_theme_primary-invert": "_theme_primary-invert_y1z4c_gg_",
31
- "_theme_secondary-invert": "_theme_secondary-invert_y1z4c_gg_",
32
- "_theme_additional-invert": "_theme_additional-invert_y1z4c_gg_",
33
- "__SText": "___SText_y1z4c_gg_",
34
- "__SAddon": "___SAddon_y1z4c_gg_",
35
- "__SCircle": "___SCircle_y1z4c_gg_",
36
- "_size_m": "_size_m_y1z4c_gg_",
37
- "_size_l": "_size_l_y1z4c_gg_",
38
- "_size_xl": "_size_xl_y1z4c_gg_",
39
- "--tag-color": "--tag-color_y1z4c",
40
- "_theme_primary": "_theme_primary_y1z4c_gg_",
41
- "_active": "__active_y1z4c_gg_",
42
- "_theme_secondary": "_theme_secondary_y1z4c_gg_",
43
- "_theme_additional": "_theme_additional_y1z4c_gg_",
44
- "__SClose": "___SClose_y1z4c_gg_"
28
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_1ixmv_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1ixmv)}.___STag_1ixmv_gg_:has(.___SText_1ixmv_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1ixmv_gg_::after,.___STag_1ixmv_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1ixmv_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1ixmv);opacity:.2}.___STag_1ixmv_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1ixmv);opacity:.1}.___STag_1ixmv_gg_.__disabled_1ixmv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1ixmv_gg_.__interactive_1ixmv_gg_{cursor:pointer}.___STag_1ixmv_gg_._size_m_1ixmv_gg_{height:20px;min-width:20px}.___STag_1ixmv_gg_._size_m_1ixmv_gg_ .___SCircle_1ixmv_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1ixmv_gg_._size_m_1ixmv_gg_ .___SCircle_1ixmv_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1ixmv_gg_._size_m_1ixmv_gg_ .___SText_1ixmv_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1ixmv_gg_._size_l_1ixmv_gg_{height:28px;min-width:28px}.___STag_1ixmv_gg_._size_l_1ixmv_gg_ .___SText_1ixmv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1ixmv_gg_._size_xl_1ixmv_gg_{height:40px;min-width:40px}.___STag_1ixmv_gg_._size_xl_1ixmv_gg_ .___SText_1ixmv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1ixmv_gg_._theme_primary_1ixmv_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1ixmv_gg_._theme_primary_1ixmv_gg_:after{display:none}.___STag_1ixmv_gg_._theme_primary_1ixmv_gg_.__active_1ixmv_gg_:before,.___STag_1ixmv_gg_._theme_primary_1ixmv_gg_.__interactive_1ixmv_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1ixmv_gg_._theme_primary_1ixmv_gg_.__interactive_1ixmv_gg_:hover:before{opacity:.3}}.___STag_1ixmv_gg_._theme_additional_1ixmv_gg_::before,.___STag_1ixmv_gg_._theme_secondary_1ixmv_gg_::before{opacity:.01}.___STag_1ixmv_gg_._theme_additional_1ixmv_gg_.__active_1ixmv_gg_:before,.___STag_1ixmv_gg_._theme_additional_1ixmv_gg_.__interactive_1ixmv_gg_:active:before,.___STag_1ixmv_gg_._theme_secondary_1ixmv_gg_.__active_1ixmv_gg_:before,.___STag_1ixmv_gg_._theme_secondary_1ixmv_gg_.__interactive_1ixmv_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1ixmv_gg_._theme_additional_1ixmv_gg_.__interactive_1ixmv_gg_:hover:before,.___STag_1ixmv_gg_._theme_secondary_1ixmv_gg_.__interactive_1ixmv_gg_:hover:before{opacity:.1}}.___STag_1ixmv_gg_._theme_additional-invert_1ixmv_gg_::after,.___STag_1ixmv_gg_._theme_additional_1ixmv_gg_::after,.___STag_1ixmv_gg_._theme_secondary-invert_1ixmv_gg_::after,.___STag_1ixmv_gg_._theme_secondary_1ixmv_gg_::after{opacity:.5}.___STag_1ixmv_gg_._theme_primary-invert_1ixmv_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1ixmv_gg_._theme_additional-invert_1ixmv_gg_,.___STag_1ixmv_gg_._theme_primary-invert_1ixmv_gg_,.___STag_1ixmv_gg_._theme_secondary-invert_1ixmv_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1ixmv_gg_._theme_additional_1ixmv_gg_::after{border-style:dashed}.___SText_1ixmv_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___SText_1ixmv_gg_:not(:only-child):first-child{padding-right:0}.___SText_1ixmv_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1ixmv_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1ixmv_gg_,.___SCircle_1ixmv_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1ixmv_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1ixmv_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1ixmv_gg_:first-child{margin-left:0}.___SCircle_1ixmv_gg_:last-child{margin-right:0}.___SCircle_1ixmv_gg_._size_m_1ixmv_gg_{width:16px;height:16px}.___SCircle_1ixmv_gg_._size_l_1ixmv_gg_,.___SCircle_1ixmv_gg_._size_xl_1ixmv_gg_{width:20px;height:20px}.___SClose_1ixmv_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_1ixmv_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "1ixmv_gg_") /*__reshadow_css_end__*/, {
29
+ "__STag": "___STag_1ixmv_gg_",
30
+ "_disabled": "__disabled_1ixmv_gg_",
31
+ "_interactive": "__interactive_1ixmv_gg_",
32
+ "_theme_primary-invert": "_theme_primary-invert_1ixmv_gg_",
33
+ "_theme_secondary-invert": "_theme_secondary-invert_1ixmv_gg_",
34
+ "_theme_additional-invert": "_theme_additional-invert_1ixmv_gg_",
35
+ "__SText": "___SText_1ixmv_gg_",
36
+ "__SAddon": "___SAddon_1ixmv_gg_",
37
+ "__SCircle": "___SCircle_1ixmv_gg_",
38
+ "_size_m": "_size_m_1ixmv_gg_",
39
+ "_size_l": "_size_l_1ixmv_gg_",
40
+ "_size_xl": "_size_xl_1ixmv_gg_",
41
+ "--tag-color": "--tag-color_1ixmv",
42
+ "_theme_primary": "_theme_primary_1ixmv_gg_",
43
+ "_active": "__active_1ixmv_gg_",
44
+ "_theme_secondary": "_theme_secondary_1ixmv_gg_",
45
+ "_theme_additional": "_theme_additional_1ixmv_gg_",
46
+ "__SClose": "___SClose_1ixmv_gg_"
45
47
  });
46
48
  var legacyThemeRecommendedMigration = {
47
49
  primary: {
@@ -63,6 +65,15 @@ var RootTag = /*#__PURE__*/function (_Component) {
63
65
  var _this;
64
66
  (0, _classCallCheck2["default"])(this, RootTag);
65
67
  _this = _super.call(this, props);
68
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (e) {
69
+ var _this$asProps$onClick, _this$asProps;
70
+ switch (e.key) {
71
+ case ' ':
72
+ case 'Enter':
73
+ (_this$asProps$onClick = (_this$asProps = _this.asProps).onClick) === null || _this$asProps$onClick === void 0 ? void 0 : _this$asProps$onClick.call(_this$asProps, e);
74
+ break;
75
+ }
76
+ });
66
77
  _logger["default"].warn(props.use, "Property 'use' is deprecated, replace property to \"theme='".concat(props.use, "' color='").concat((_legacyThemeRecommend = legacyThemeRecommendedMigration[props.use]) === null || _legacyThemeRecommend === void 0 ? void 0 : _legacyThemeRecommend[props.theme], "'\""), props['data-ui-name'] || Tag.displayName);
67
78
  return _this;
68
79
  }
@@ -77,10 +88,10 @@ var RootTag = /*#__PURE__*/function (_Component) {
77
88
  }, {
78
89
  key: "getCloseProps",
79
90
  value: function getCloseProps() {
80
- var _this$asProps = this.asProps,
81
- getI18nText = _this$asProps.getI18nText,
82
- id = _this$asProps.id,
83
- uid = _this$asProps.uid;
91
+ var _this$asProps2 = this.asProps,
92
+ getI18nText = _this$asProps2.getI18nText,
93
+ id = _this$asProps2.id,
94
+ uid = _this$asProps2.uid;
84
95
  return {
85
96
  getI18nText: getI18nText,
86
97
  tagId: id || "igc-".concat(uid, "-tag"),
@@ -93,25 +104,26 @@ var RootTag = /*#__PURE__*/function (_Component) {
93
104
  var _ref = this.asProps,
94
105
  _ref6;
95
106
  var STag = _flexBox.Box;
96
- var _this$asProps2 = this.asProps,
97
- Children = _this$asProps2.Children,
98
- styles = _this$asProps2.styles,
99
- theme = _this$asProps2.theme,
100
- color = _this$asProps2.color,
101
- interactive = _this$asProps2.interactive,
102
- disabled = _this$asProps2.disabled,
103
- addonLeft = _this$asProps2.addonLeft,
104
- addonRight = _this$asProps2.addonRight,
105
- resolveColor = _this$asProps2.resolveColor,
106
- onClick = _this$asProps2.onClick,
107
- outerId = _this$asProps2.id,
108
- uid = _this$asProps2.uid;
107
+ var _this$asProps3 = this.asProps,
108
+ Children = _this$asProps3.Children,
109
+ styles = _this$asProps3.styles,
110
+ color = _this$asProps3.color,
111
+ interactive = _this$asProps3.interactive,
112
+ disabled = _this$asProps3.disabled,
113
+ addonLeft = _this$asProps3.addonLeft,
114
+ addonRight = _this$asProps3.addonRight,
115
+ resolveColor = _this$asProps3.resolveColor,
116
+ onClick = _this$asProps3.onClick,
117
+ outerId = _this$asProps3.id,
118
+ uid = _this$asProps3.uid,
119
+ onKeyDown = _this$asProps3.onKeyDown;
109
120
  var id = outerId || "igc-".concat(uid, "-tag");
110
121
  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref6.cn("STag", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
111
122
  "id": id,
112
123
  "use:interactive": !disabled && interactive,
113
124
  "tabIndex": interactive && onClick ? 0 : undefined,
114
- "tag-color": resolveColor(color)
125
+ "tag-color": resolveColor(color),
126
+ "onKeyDown": (0, _assignProps6.callAllEventHandlers)(onKeyDown, this.handleKeyDown)
115
127
  }, _ref))), addonLeft ? /*#__PURE__*/_react["default"].createElement(Tag.Addon, {
116
128
  tag: addonLeft
117
129
  }) : null, (0, _addonTextChildren["default"])(Children, Tag.Text, Tag.Addon), addonRight ? /*#__PURE__*/_react["default"].createElement(Tag.Addon, {
package/lib/cjs/Tag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","logger","warn","use","concat","theme","Tag","displayName","_createClass2","key","value","getCircleProps","size","asProps","getCloseProps","_this$asProps","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","Box","_this$asProps2","Children","styles","color","interactive","disabled","addonLeft","addonRight","resolveColor","onClick","outerId","createElement","cn","_objectSpread2","assignProps","undefined","Addon","tag","addonTextChildren","Text","Component","_defineProperty2","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","onKeyDown","event","_props$onClick","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getCloseProps() {\n const { getI18nText, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n }\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n theme,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n onClick,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n tabIndex={interactive && onClick ? 0 : undefined}\n tag-color={resolveColor(color)}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, getI18nText, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_assignProps6","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","e","_this$asProps$onClick","_this$asProps","key","asProps","onClick","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getCloseProps","_this$asProps2","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","Box","_this$asProps3","Children","styles","color","interactive","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread2","assignProps","undefined","callAllEventHandlers","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","event","_props$onClick","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getCloseProps() {\n const { getI18nText, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n }\n\n handleKeyDown = (e) => {\n switch (e.key) {\n case ' ':\n case 'Enter':\n this.asProps.onClick?.(e);\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n onClick,\n id: outerId,\n uid,\n onKeyDown,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n tabIndex={interactive && onClick ? 0 : undefined}\n tag-color={resolveColor(color)}\n onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, getI18nText, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
package/lib/es6/Tag.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
3
  import _createClass from "@babel/runtime/helpers/createClass";
4
+ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
4
5
  import _inherits from "@babel/runtime/helpers/inherits";
5
6
  import _createSuper from "@babel/runtime/helpers/createSuper";
6
7
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
@@ -21,26 +22,27 @@ import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
21
22
  import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
22
23
  import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
23
24
  /*__reshadow-styles__:"./style/tag.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_y1z4c_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_y1z4c)}.___STag_y1z4c_gg_:has(.___SText_y1z4c_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_y1z4c_gg_::after,.___STag_y1z4c_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_y1z4c_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_y1z4c);opacity:.2}.___STag_y1z4c_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_y1z4c);opacity:.1}.___STag_y1z4c_gg_.__disabled_y1z4c_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_y1z4c_gg_.__interactive_y1z4c_gg_{cursor:pointer}.___STag_y1z4c_gg_._size_m_y1z4c_gg_{height:20px;min-width:20px}.___STag_y1z4c_gg_._size_m_y1z4c_gg_ .___SCircle_y1z4c_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_y1z4c_gg_._size_m_y1z4c_gg_ .___SCircle_y1z4c_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_y1z4c_gg_._size_m_y1z4c_gg_ .___SText_y1z4c_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_y1z4c_gg_._size_l_y1z4c_gg_{height:28px;min-width:28px}.___STag_y1z4c_gg_._size_l_y1z4c_gg_ .___SText_y1z4c_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_y1z4c_gg_._size_xl_y1z4c_gg_{height:40px;min-width:40px}.___STag_y1z4c_gg_._size_xl_y1z4c_gg_ .___SText_y1z4c_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_y1z4c_gg_._theme_primary_y1z4c_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_y1z4c_gg_._theme_primary_y1z4c_gg_:after{display:none}.___STag_y1z4c_gg_._theme_primary_y1z4c_gg_.__active_y1z4c_gg_:before,.___STag_y1z4c_gg_._theme_primary_y1z4c_gg_.__interactive_y1z4c_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_y1z4c_gg_._theme_primary_y1z4c_gg_.__interactive_y1z4c_gg_:hover:before{opacity:.3}}.___STag_y1z4c_gg_._theme_additional_y1z4c_gg_::before,.___STag_y1z4c_gg_._theme_secondary_y1z4c_gg_::before{opacity:.01}.___STag_y1z4c_gg_._theme_additional_y1z4c_gg_.__active_y1z4c_gg_:before,.___STag_y1z4c_gg_._theme_additional_y1z4c_gg_.__interactive_y1z4c_gg_:active:before,.___STag_y1z4c_gg_._theme_secondary_y1z4c_gg_.__active_y1z4c_gg_:before,.___STag_y1z4c_gg_._theme_secondary_y1z4c_gg_.__interactive_y1z4c_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_y1z4c_gg_._theme_additional_y1z4c_gg_.__interactive_y1z4c_gg_:hover:before,.___STag_y1z4c_gg_._theme_secondary_y1z4c_gg_.__interactive_y1z4c_gg_:hover:before{opacity:.1}}.___STag_y1z4c_gg_._theme_additional-invert_y1z4c_gg_::after,.___STag_y1z4c_gg_._theme_additional_y1z4c_gg_::after,.___STag_y1z4c_gg_._theme_secondary-invert_y1z4c_gg_::after,.___STag_y1z4c_gg_._theme_secondary_y1z4c_gg_::after{opacity:.5}.___STag_y1z4c_gg_._theme_primary-invert_y1z4c_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_y1z4c_gg_._theme_additional-invert_y1z4c_gg_,.___STag_y1z4c_gg_._theme_primary-invert_y1z4c_gg_,.___STag_y1z4c_gg_._theme_secondary-invert_y1z4c_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_y1z4c_gg_._theme_additional_y1z4c_gg_::after{border-style:dashed}.___SText_y1z4c_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___SText_y1z4c_gg_:not(:only-child):first-child{padding-right:0}.___SText_y1z4c_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_y1z4c_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_y1z4c_gg_,.___SCircle_y1z4c_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_y1z4c_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_y1z4c_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_y1z4c_gg_:first-child{margin-left:0}.___SCircle_y1z4c_gg_:last-child{margin-right:0}.___SCircle_y1z4c_gg_._size_m_y1z4c_gg_{width:16px;height:16px}.___SCircle_y1z4c_gg_._size_l_y1z4c_gg_,.___SCircle_y1z4c_gg_._size_xl_y1z4c_gg_{width:20px;height:20px}.___SClose_y1z4c_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_y1z4c_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "y1z4c_gg_") /*__reshadow_css_end__*/, {
25
- "__STag": "___STag_y1z4c_gg_",
26
- "_disabled": "__disabled_y1z4c_gg_",
27
- "_interactive": "__interactive_y1z4c_gg_",
28
- "_theme_primary-invert": "_theme_primary-invert_y1z4c_gg_",
29
- "_theme_secondary-invert": "_theme_secondary-invert_y1z4c_gg_",
30
- "_theme_additional-invert": "_theme_additional-invert_y1z4c_gg_",
31
- "__SText": "___SText_y1z4c_gg_",
32
- "__SAddon": "___SAddon_y1z4c_gg_",
33
- "__SCircle": "___SCircle_y1z4c_gg_",
34
- "_size_m": "_size_m_y1z4c_gg_",
35
- "_size_l": "_size_l_y1z4c_gg_",
36
- "_size_xl": "_size_xl_y1z4c_gg_",
37
- "--tag-color": "--tag-color_y1z4c",
38
- "_theme_primary": "_theme_primary_y1z4c_gg_",
39
- "_active": "__active_y1z4c_gg_",
40
- "_theme_secondary": "_theme_secondary_y1z4c_gg_",
41
- "_theme_additional": "_theme_additional_y1z4c_gg_",
42
- "__SClose": "___SClose_y1z4c_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_1ixmv_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1ixmv)}.___STag_1ixmv_gg_:has(.___SText_1ixmv_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1ixmv_gg_::after,.___STag_1ixmv_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1ixmv_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1ixmv);opacity:.2}.___STag_1ixmv_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1ixmv);opacity:.1}.___STag_1ixmv_gg_.__disabled_1ixmv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1ixmv_gg_.__interactive_1ixmv_gg_{cursor:pointer}.___STag_1ixmv_gg_._size_m_1ixmv_gg_{height:20px;min-width:20px}.___STag_1ixmv_gg_._size_m_1ixmv_gg_ .___SCircle_1ixmv_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1ixmv_gg_._size_m_1ixmv_gg_ .___SCircle_1ixmv_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1ixmv_gg_._size_m_1ixmv_gg_ .___SText_1ixmv_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1ixmv_gg_._size_l_1ixmv_gg_{height:28px;min-width:28px}.___STag_1ixmv_gg_._size_l_1ixmv_gg_ .___SText_1ixmv_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1ixmv_gg_._size_xl_1ixmv_gg_{height:40px;min-width:40px}.___STag_1ixmv_gg_._size_xl_1ixmv_gg_ .___SText_1ixmv_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1ixmv_gg_._theme_primary_1ixmv_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1ixmv_gg_._theme_primary_1ixmv_gg_:after{display:none}.___STag_1ixmv_gg_._theme_primary_1ixmv_gg_.__active_1ixmv_gg_:before,.___STag_1ixmv_gg_._theme_primary_1ixmv_gg_.__interactive_1ixmv_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1ixmv_gg_._theme_primary_1ixmv_gg_.__interactive_1ixmv_gg_:hover:before{opacity:.3}}.___STag_1ixmv_gg_._theme_additional_1ixmv_gg_::before,.___STag_1ixmv_gg_._theme_secondary_1ixmv_gg_::before{opacity:.01}.___STag_1ixmv_gg_._theme_additional_1ixmv_gg_.__active_1ixmv_gg_:before,.___STag_1ixmv_gg_._theme_additional_1ixmv_gg_.__interactive_1ixmv_gg_:active:before,.___STag_1ixmv_gg_._theme_secondary_1ixmv_gg_.__active_1ixmv_gg_:before,.___STag_1ixmv_gg_._theme_secondary_1ixmv_gg_.__interactive_1ixmv_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1ixmv_gg_._theme_additional_1ixmv_gg_.__interactive_1ixmv_gg_:hover:before,.___STag_1ixmv_gg_._theme_secondary_1ixmv_gg_.__interactive_1ixmv_gg_:hover:before{opacity:.1}}.___STag_1ixmv_gg_._theme_additional-invert_1ixmv_gg_::after,.___STag_1ixmv_gg_._theme_additional_1ixmv_gg_::after,.___STag_1ixmv_gg_._theme_secondary-invert_1ixmv_gg_::after,.___STag_1ixmv_gg_._theme_secondary_1ixmv_gg_::after{opacity:.5}.___STag_1ixmv_gg_._theme_primary-invert_1ixmv_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1ixmv_gg_._theme_additional-invert_1ixmv_gg_,.___STag_1ixmv_gg_._theme_primary-invert_1ixmv_gg_,.___STag_1ixmv_gg_._theme_secondary-invert_1ixmv_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1ixmv_gg_._theme_additional_1ixmv_gg_::after{border-style:dashed}.___SText_1ixmv_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___SText_1ixmv_gg_:not(:only-child):first-child{padding-right:0}.___SText_1ixmv_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1ixmv_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1ixmv_gg_,.___SCircle_1ixmv_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1ixmv_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1ixmv_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1ixmv_gg_:first-child{margin-left:0}.___SCircle_1ixmv_gg_:last-child{margin-right:0}.___SCircle_1ixmv_gg_._size_m_1ixmv_gg_{width:16px;height:16px}.___SCircle_1ixmv_gg_._size_l_1ixmv_gg_,.___SCircle_1ixmv_gg_._size_xl_1ixmv_gg_{width:20px;height:20px}.___SClose_1ixmv_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_1ixmv_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "1ixmv_gg_") /*__reshadow_css_end__*/, {
26
+ "__STag": "___STag_1ixmv_gg_",
27
+ "_disabled": "__disabled_1ixmv_gg_",
28
+ "_interactive": "__interactive_1ixmv_gg_",
29
+ "_theme_primary-invert": "_theme_primary-invert_1ixmv_gg_",
30
+ "_theme_secondary-invert": "_theme_secondary-invert_1ixmv_gg_",
31
+ "_theme_additional-invert": "_theme_additional-invert_1ixmv_gg_",
32
+ "__SText": "___SText_1ixmv_gg_",
33
+ "__SAddon": "___SAddon_1ixmv_gg_",
34
+ "__SCircle": "___SCircle_1ixmv_gg_",
35
+ "_size_m": "_size_m_1ixmv_gg_",
36
+ "_size_l": "_size_l_1ixmv_gg_",
37
+ "_size_xl": "_size_xl_1ixmv_gg_",
38
+ "--tag-color": "--tag-color_1ixmv",
39
+ "_theme_primary": "_theme_primary_1ixmv_gg_",
40
+ "_active": "__active_1ixmv_gg_",
41
+ "_theme_secondary": "_theme_secondary_1ixmv_gg_",
42
+ "_theme_additional": "_theme_additional_1ixmv_gg_",
43
+ "__SClose": "___SClose_1ixmv_gg_"
43
44
  });
45
+ import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
44
46
  var legacyThemeRecommendedMigration = {
45
47
  primary: {
46
48
  muted: 'gray-500',
@@ -61,6 +63,15 @@ var RootTag = /*#__PURE__*/function (_Component) {
61
63
  var _this;
62
64
  _classCallCheck(this, RootTag);
63
65
  _this = _super.call(this, props);
66
+ _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (e) {
67
+ var _this$asProps$onClick, _this$asProps;
68
+ switch (e.key) {
69
+ case ' ':
70
+ case 'Enter':
71
+ (_this$asProps$onClick = (_this$asProps = _this.asProps).onClick) === null || _this$asProps$onClick === void 0 ? void 0 : _this$asProps$onClick.call(_this$asProps, e);
72
+ break;
73
+ }
74
+ });
64
75
  logger.warn(props.use, "Property 'use' is deprecated, replace property to \"theme='".concat(props.use, "' color='").concat((_legacyThemeRecommend = legacyThemeRecommendedMigration[props.use]) === null || _legacyThemeRecommend === void 0 ? void 0 : _legacyThemeRecommend[props.theme], "'\""), props['data-ui-name'] || Tag.displayName);
65
76
  return _this;
66
77
  }
@@ -75,10 +86,10 @@ var RootTag = /*#__PURE__*/function (_Component) {
75
86
  }, {
76
87
  key: "getCloseProps",
77
88
  value: function getCloseProps() {
78
- var _this$asProps = this.asProps,
79
- getI18nText = _this$asProps.getI18nText,
80
- id = _this$asProps.id,
81
- uid = _this$asProps.uid;
89
+ var _this$asProps2 = this.asProps,
90
+ getI18nText = _this$asProps2.getI18nText,
91
+ id = _this$asProps2.id,
92
+ uid = _this$asProps2.uid;
82
93
  return {
83
94
  getI18nText: getI18nText,
84
95
  tagId: id || "igc-".concat(uid, "-tag"),
@@ -91,25 +102,26 @@ var RootTag = /*#__PURE__*/function (_Component) {
91
102
  var _ref = this.asProps,
92
103
  _ref6;
93
104
  var STag = Box;
94
- var _this$asProps2 = this.asProps,
95
- Children = _this$asProps2.Children,
96
- styles = _this$asProps2.styles,
97
- theme = _this$asProps2.theme,
98
- color = _this$asProps2.color,
99
- interactive = _this$asProps2.interactive,
100
- disabled = _this$asProps2.disabled,
101
- addonLeft = _this$asProps2.addonLeft,
102
- addonRight = _this$asProps2.addonRight,
103
- resolveColor = _this$asProps2.resolveColor,
104
- onClick = _this$asProps2.onClick,
105
- outerId = _this$asProps2.id,
106
- uid = _this$asProps2.uid;
105
+ var _this$asProps3 = this.asProps,
106
+ Children = _this$asProps3.Children,
107
+ styles = _this$asProps3.styles,
108
+ color = _this$asProps3.color,
109
+ interactive = _this$asProps3.interactive,
110
+ disabled = _this$asProps3.disabled,
111
+ addonLeft = _this$asProps3.addonLeft,
112
+ addonRight = _this$asProps3.addonRight,
113
+ resolveColor = _this$asProps3.resolveColor,
114
+ onClick = _this$asProps3.onClick,
115
+ outerId = _this$asProps3.id,
116
+ uid = _this$asProps3.uid,
117
+ onKeyDown = _this$asProps3.onKeyDown;
107
118
  var id = outerId || "igc-".concat(uid, "-tag");
108
119
  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(STag, _ref6.cn("STag", _objectSpread({}, _assignProps({
109
120
  "id": id,
110
121
  "use:interactive": !disabled && interactive,
111
122
  "tabIndex": interactive && onClick ? 0 : undefined,
112
- "tag-color": resolveColor(color)
123
+ "tag-color": resolveColor(color),
124
+ "onKeyDown": callAllEventHandlers(onKeyDown, this.handleKeyDown)
113
125
  }, _ref))), addonLeft ? /*#__PURE__*/React.createElement(Tag.Addon, {
114
126
  tag: addonLeft
115
127
  }) : null, addonTextChildren(Children, Tag.Text, Tag.Addon), addonRight ? /*#__PURE__*/React.createElement(Tag.Addon, {
package/lib/es6/Tag.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","style","_sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","warn","use","concat","theme","Tag","displayName","_createClass","key","value","getCircleProps","size","asProps","getCloseProps","_this$asProps","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","_this$asProps2","Children","styles","color","interactive","disabled","addonLeft","addonRight","resolveColor","onClick","outerId","createElement","cn","_objectSpread","_assignProps","undefined","Addon","tag","Text","_defineProperty","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","Close","_ref3","_ref8","SClose","onKeyDown","event","_props$onClick","_assignProps3","_ref4","_ref9","SAddon","_assignProps4","Circle","_ref5","_ref10","SCircle","_assignProps5"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getCloseProps() {\n const { getI18nText, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n }\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n theme,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n onClick,\n id: outerId,\n uid,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n tabIndex={interactive && onClick ? 0 : undefined}\n tag-color={resolveColor(color)}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, getI18nText, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
1
+ {"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","style","_sstyled","insert","callAllEventHandlers","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","e","_this$asProps$onClick","_this$asProps","key","asProps","onClick","warn","use","concat","theme","Tag","displayName","_createClass","value","getCircleProps","size","getCloseProps","_this$asProps2","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","_this$asProps3","Children","styles","color","interactive","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread","_assignProps","undefined","handleKeyDown","Addon","tag","Text","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","Close","_ref3","_ref8","SClose","event","_props$onClick","_assignProps3","_ref4","_ref9","SAddon","_assignProps4","Circle","_ref5","_ref10","SCircle","_assignProps5"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n primary: {\n muted: 'gray-500',\n info: 'blue-500',\n success: 'green-500',\n warning: 'orange-500',\n danger: 'red-500',\n },\n secondary: {\n muted: 'gray-50',\n },\n};\n\nclass RootTag extends Component {\n static displayName = 'Tag';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n static defaultProps = {\n theme: 'primary',\n color: 'gray-500',\n size: 'm',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n constructor(props) {\n super(props);\n\n logger.warn(\n props.use,\n `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n legacyThemeRecommendedMigration[props.use]?.[props.theme]\n }'\"`,\n props['data-ui-name'] || Tag.displayName,\n );\n }\n\n getCircleProps() {\n const { size } = this.asProps;\n return { size };\n }\n\n getCloseProps() {\n const { getI18nText, id, uid } = this.asProps;\n\n return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n }\n\n handleKeyDown = (e) => {\n switch (e.key) {\n case ' ':\n case 'Enter':\n this.asProps.onClick?.(e);\n break;\n }\n };\n\n render() {\n const STag = Root;\n const {\n Children,\n styles,\n color,\n interactive,\n disabled,\n addonLeft,\n addonRight,\n resolveColor,\n onClick,\n id: outerId,\n uid,\n onKeyDown,\n } = this.asProps;\n const id = outerId || `igc-${uid}-tag`;\n\n return sstyled(styles)(\n <STag\n render={Box}\n id={id}\n use:interactive={!disabled && interactive}\n tabIndex={interactive && onClick ? 0 : undefined}\n tag-color={resolveColor(color)}\n onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n >\n {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n </STag>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { styles } = props;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Close(props) {\n const SClose = Root;\n const { styles, getI18nText, tagId, uid } = props;\n\n function onKeyDown(event) {\n if (props.onKeyDown) {\n return props.onKeyDown(event);\n }\n\n if (event.key === 'Enter') {\n props.onClick?.(event);\n }\n }\n\n return sstyled(styles)(\n <SClose\n render={Box}\n tag={CloseM}\n interactive\n id={`igc-${uid}-tag-clear`}\n aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\n aria-label={getI18nText('remove')}\n onKeyDown={onKeyDown}\n />,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n const SCircle = Root;\n const { styles } = props;\n return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n Text,\n Addon,\n Close,\n Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/tag",
3
3
  "description": "Semrush Tag Component",
4
- "version": "5.17.0",
4
+ "version": "5.18.0-prerelease.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -9,12 +9,12 @@
9
9
  "author": "UI-kit team <ui-kit-team@semrush.com>",
10
10
  "license": "MIT",
11
11
  "dependencies": {
12
- "@semcore/utils": "4.10.2",
13
- "@semcore/icon": "4.16.0",
14
- "@semcore/flex-box": "5.10.1"
12
+ "@semcore/utils": "4.13.0-prerelease.1",
13
+ "@semcore/icon": "4.17.0-prerelease.1",
14
+ "@semcore/flex-box": "5.11.0-prerelease.1"
15
15
  },
16
16
  "peerDependencies": {
17
- "@semcore/core": "^2.9.1",
17
+ "@semcore/core": "^2.10.0-prerelease.1",
18
18
  "react": "16.8 - 18",
19
19
  "react-dom": "16.8 - 18"
20
20
  },