@semcore/base-trigger 16.4.5 → 16.4.6-prerelease.14

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 (35) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +4 -4
  3. package/lib/cjs/BaseTrigger.js +108 -97
  4. package/lib/cjs/BaseTrigger.js.map +1 -1
  5. package/lib/cjs/ButtonTrigger.js +45 -60
  6. package/lib/cjs/ButtonTrigger.js.map +1 -1
  7. package/lib/cjs/FilterTrigger.js +173 -197
  8. package/lib/cjs/FilterTrigger.js.map +1 -1
  9. package/lib/cjs/LinkTrigger.js +89 -79
  10. package/lib/cjs/LinkTrigger.js.map +1 -1
  11. package/lib/cjs/index.d.js.map +1 -1
  12. package/lib/cjs/index.js +9 -9
  13. package/lib/cjs/style/filter-trigger.shadow.css +0 -4
  14. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +16 -16
  15. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  16. package/lib/es6/BaseTrigger.js +100 -89
  17. package/lib/es6/BaseTrigger.js.map +1 -1
  18. package/lib/es6/ButtonTrigger.js +34 -49
  19. package/lib/es6/ButtonTrigger.js.map +1 -1
  20. package/lib/es6/FilterTrigger.js +157 -181
  21. package/lib/es6/FilterTrigger.js.map +1 -1
  22. package/lib/es6/LinkTrigger.js +82 -72
  23. package/lib/es6/LinkTrigger.js.map +1 -1
  24. package/lib/es6/index.d.js.map +1 -1
  25. package/lib/es6/style/filter-trigger.shadow.css +0 -4
  26. package/lib/es6/translations/__intergalactic-dynamic-locales.js +15 -15
  27. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  28. package/lib/esm/BaseTrigger.mjs +100 -76
  29. package/lib/esm/ButtonTrigger.mjs +36 -46
  30. package/lib/esm/FilterTrigger.mjs +154 -143
  31. package/lib/esm/LinkTrigger.mjs +82 -59
  32. package/lib/esm/style/filter-trigger.shadow.css +0 -4
  33. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +1 -1
  34. package/lib/types/index.d.ts +6 -19
  35. package/package.json +10 -9
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [16.4.6] - 2026-02-18
6
+
7
+ ### Changed
8
+
9
+ - `Dot` component replaced by `Counter` for `FilterTrigger.Counter`.
10
+
5
11
  ## [16.4.5] - 2025-12-18
6
12
 
7
13
  ### Fixed
package/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  [![version](https://img.shields.io/npm/v/@semcore/base-trigger.svg)](https://www.npmjs.com/@semcore/base-trigger)
4
4
  [![downloads](https://img.shields.io/npm/dt/@semcore/base-trigger.svg)](https://www.npmjs.com/package/@semcore/base-trigger)
5
- [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/master/LICENSE)
5
+ [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE)
6
6
 
7
7
  > This component is part of the Intergalactic Design System
8
8
 
@@ -20,13 +20,13 @@ npm install @semcore/base-trigger
20
20
 
21
21
  ## 👤 Author
22
22
 
23
- [UI-kit team](https://github.com/semrush/intergalactic/blob/master/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
23
+ [UI-kit team](https://github.com/semrush/intergalactic/blob/HEAD/MAINTAINERS) and [others ❤️](https://github.com/semrush/intergalactic/graphs/contributors)
24
24
 
25
25
  ## 🤝 Contributing
26
26
 
27
27
  Contributions, issues and feature requests are welcome!
28
28
 
29
- Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/master/CONTRIBUTING.md).
29
+ Feel free to check [issues page](https://github.com/semrush/intergalactic/issues). You can also take a look at the [contributing guide](https://github.com/semrush/intergalactic/blob/HEAD/CONTRIBUTING.md).
30
30
 
31
31
  ## Show your support
32
32
 
@@ -34,4 +34,4 @@ Give a ⭐️ if this project helped you!
34
34
 
35
35
  ## 📝 License
36
36
 
37
- This project is [MIT](https://github.com/semrush/intergalactic/blob/master/LICENSE) licensed.
37
+ This project is [MIT](https://github.com/semrush/intergalactic/blob/HEAD/LICENSE) licensed.
@@ -1,138 +1,149 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports["default"] = void 0;
8
- var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
9
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
- var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
12
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
7
+ exports.default = void 0;
13
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
9
  var _core = require("@semcore/core");
10
+ var _baseComponents = require("@semcore/base-components");
15
11
  var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
16
12
  var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
17
- var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
18
13
  var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
19
- var _flexBox = require("@semcore/flex-box");
20
- var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
14
+ var _typography = require("@semcore/typography");
21
15
  var _react = _interopRequireDefault(require("react"));
22
16
  /*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
23
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_1t5fd_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1t5fd_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1t5fd_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1t5fd_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1t5fd_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_1t5fd_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1t5fd_gg_.__active_1t5fd_gg_,.___SBaseTrigger_1t5fd_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1t5fd_gg_.__disabled_1t5fd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1t5fd_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1t5fd_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1t5fd_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1t5fd_gg_{width:12px;height:12px}.___SBaseTrigger_1t5fd_gg_._size_m_1t5fd_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1t5fd_gg_._size_m_1t5fd_gg_ .___SAddon_1t5fd_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1t5fd_gg_._size_m_1t5fd_gg_ .___SAddon_1t5fd_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1t5fd_gg_._size_l_1t5fd_gg_ .___SAddon_1t5fd_gg_:only-child,.___SBaseTrigger_1t5fd_gg_._size_m_1t5fd_gg_ .___SAddon_1t5fd_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1t5fd_gg_._size_l_1t5fd_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1t5fd_gg_._size_l_1t5fd_gg_ .___SAddon_1t5fd_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1t5fd_gg_._size_l_1t5fd_gg_ .___SAddon_1t5fd_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1t5fd_gg_._neighborLocation_right_1t5fd_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1t5fd_gg_._neighborLocation_both_1t5fd_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1t5fd_gg_._neighborLocation_left_1t5fd_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_1t5fd_gg_._neighborLocation_left_1t5fd_gg_.__disabled_1t5fd_gg_{border-left:none;margin-left:0}.___SText_1t5fd_gg_.__display-placeholder_1t5fd_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1t5fd_gg_._state_valid_1t5fd_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1t5fd_gg_._state_invalid_1t5fd_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1t5fd_gg_._state_invalid_1t5fd_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_1t5fd_gg_._size_m_1t5fd_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1t5fd_gg_._size_l_1t5fd_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"1t5fd_gg_"),
17
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_zjohw_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_zjohw_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_zjohw_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_zjohw_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_zjohw_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_zjohw_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_zjohw_gg_.__active_zjohw_gg_,.___SBaseTrigger_zjohw_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_zjohw_gg_.__disabled_zjohw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_zjohw_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_zjohw_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_zjohw_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_zjohw_gg_{width:12px;height:12px}.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_ .___SAddon_zjohw_gg_:only-child,.___SBaseTrigger_zjohw_gg_._size_m_zjohw_gg_ .___SAddon_zjohw_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._size_l_zjohw_gg_ .___SAddon_zjohw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_zjohw_gg_._neighborLocation_right_zjohw_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_zjohw_gg_._neighborLocation_both_zjohw_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_zjohw_gg_._neighborLocation_left_zjohw_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_zjohw_gg_._neighborLocation_left_zjohw_gg_.__disabled_zjohw_gg_{border-left:none;margin-left:0}.___SText_zjohw_gg_.__display-placeholder_zjohw_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_zjohw_gg_._state_valid_zjohw_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_zjohw_gg_._state_invalid_zjohw_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_zjohw_gg_._state_invalid_zjohw_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, #ff4953)}.___SInvalidPattern_zjohw_gg_._size_m_zjohw_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_zjohw_gg_._size_l_zjohw_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"zjohw_gg_"),
24
18
  /*__reshadow_css_end__*/
25
19
  {
26
- "__SBaseTrigger": "___SBaseTrigger_1t5fd_gg_",
27
- "_disabled": "__disabled_1t5fd_gg_",
28
- "__SInner": "___SInner_1t5fd_gg_",
29
- "__SText": "___SText_1t5fd_gg_",
30
- "__SAddon": "___SAddon_1t5fd_gg_",
31
- "__SBaseAddon": "___SBaseAddon_1t5fd_gg_",
32
- "_neighborLocation_right": "_neighborLocation_right_1t5fd_gg_",
33
- "_neighborLocation_both": "_neighborLocation_both_1t5fd_gg_",
34
- "_display-placeholder": "__display-placeholder_1t5fd_gg_",
35
- "_state_valid": "_state_valid_1t5fd_gg_",
36
- "__SInvalidPattern": "___SInvalidPattern_1t5fd_gg_",
37
- "_size_m": "_size_m_1t5fd_gg_",
38
- "_size_l": "_size_l_1t5fd_gg_",
39
- "_active": "__active_1t5fd_gg_",
40
- "_neighborLocation_left": "_neighborLocation_left_1t5fd_gg_",
41
- "_state_invalid": "_state_invalid_1t5fd_gg_"
20
+ "__SBaseTrigger": "___SBaseTrigger_zjohw_gg_",
21
+ "_disabled": "__disabled_zjohw_gg_",
22
+ "__SInner": "___SInner_zjohw_gg_",
23
+ "__SText": "___SText_zjohw_gg_",
24
+ "__SAddon": "___SAddon_zjohw_gg_",
25
+ "__SBaseAddon": "___SBaseAddon_zjohw_gg_",
26
+ "_neighborLocation_right": "_neighborLocation_right_zjohw_gg_",
27
+ "_neighborLocation_both": "_neighborLocation_both_zjohw_gg_",
28
+ "_display-placeholder": "__display-placeholder_zjohw_gg_",
29
+ "_state_valid": "_state_valid_zjohw_gg_",
30
+ "__SInvalidPattern": "___SInvalidPattern_zjohw_gg_",
31
+ "_size_m": "_size_m_zjohw_gg_",
32
+ "_size_l": "_size_l_zjohw_gg_",
33
+ "_active": "__active_zjohw_gg_",
34
+ "_neighborLocation_left": "_neighborLocation_left_zjohw_gg_",
35
+ "_state_invalid": "_state_invalid_zjohw_gg_"
42
36
  });
43
- var RootBaseTrigger = /*#__PURE__*/function (_Component) {
44
- function RootBaseTrigger() {
45
- (0, _classCallCheck2["default"])(this, RootBaseTrigger);
46
- return (0, _callSuper2["default"])(this, RootBaseTrigger, arguments);
37
+ class RootBaseTrigger extends _core.Component {
38
+ constructor(...args) {
39
+ super(...args);
40
+ (0, _defineProperty2.default)(this, "triggerRef", /*#__PURE__*/_react.default.createRef());
47
41
  }
48
- (0, _inherits2["default"])(RootBaseTrigger, _Component);
49
- return (0, _createClass2["default"])(RootBaseTrigger, [{
50
- key: "getTextProps",
51
- value: function getTextProps() {
52
- var _this$asProps = this.asProps,
53
- placeholder = _this$asProps.placeholder,
54
- empty = _this$asProps.empty;
55
- return {
56
- placeholder: placeholder,
57
- empty: empty
58
- };
59
- }
60
- }, {
61
- key: "render",
62
- value: function render() {
63
- var _ref = this.asProps,
64
- _this = this;
65
- var SBaseTrigger = _flexBox.Box;
66
- var SInner = 'span';
67
- var SInvalidPattern = _flexBox.InvalidStateBox;
68
- var _this$asProps2 = this.asProps,
69
- Children = _this$asProps2.Children,
70
- styles = _this$asProps2.styles,
71
- theme = _this$asProps2.theme,
72
- neighborLocation = _this$asProps2.neighborLocation,
73
- empty = _this$asProps2.empty,
74
- state = _this$asProps2.state,
75
- size = _this$asProps2.size;
76
- _logger["default"].warn(theme !== undefined, 'The \'theme\' property is deprecated, use \'state\'', this.asProps['data-ui-name'] || BaseTrigger.displayName);
42
+ getTextProps() {
43
+ const {
44
+ placeholder,
45
+ empty
46
+ } = this.asProps;
47
+ return {
48
+ placeholder,
49
+ empty,
50
+ triggerRef: this.triggerRef
51
+ };
52
+ }
53
+ render() {
54
+ var _ref = this.asProps;
55
+ const SBaseTrigger = _baseComponents.Box;
56
+ const SInner = 'span';
57
+ const SInvalidPattern = _baseComponents.InvalidStateBox;
58
+ const {
59
+ Children,
60
+ styles,
61
+ theme,
62
+ neighborLocation,
63
+ empty,
64
+ state,
65
+ size
66
+ } = this.asProps;
77
67
 
78
- // TODO: add aria
79
- return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
80
- neighborLocation: neighborLocation
81
- }, function (neighborLocation) {
82
- var _ref4;
83
- return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
68
+ // TODO: add aria
69
+ return /*#__PURE__*/_react.default.createElement(_baseComponents.NeighborLocation.Detect, {
70
+ neighborLocation: neighborLocation
71
+ }, neighborLocation => {
72
+ var _ref4;
73
+ return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", {
74
+ ...(0, _core.assignProps)({
84
75
  "tag": 'button',
85
76
  "type": 'button',
86
77
  "tabIndex": 0,
87
78
  "neighborLocation": neighborLocation,
88
- "state": theme
89
- }, _ref))), state === 'invalid' && /*#__PURE__*/_react["default"].createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
90
- "size": size
91
- })), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {
92
- "data-ui-name": "".concat(_this.asProps['data-ui-name'], ".InnerTriggerWrapper")
93
- }), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
94
- });
95
- }
96
- }]);
97
- }(_core.Component);
98
- (0, _defineProperty2["default"])(RootBaseTrigger, "displayName", 'BaseTrigger');
99
- (0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _useCssVariable.cssVariableEnhance)({
79
+ "state": theme,
80
+ "ref": this.triggerRef
81
+ }, _ref)
82
+ }), state === 'invalid' && /*#__PURE__*/_react.default.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
83
+ "size": size
84
+ })), /*#__PURE__*/_react.default.createElement(SInner, _ref4.cn("SInner", {
85
+ "data-ui-name": `${this.asProps['data-ui-name']}.InnerTriggerWrapper`
86
+ }), (0, _addonTextChildren.default)(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
87
+ });
88
+ }
89
+ }
90
+ (0, _defineProperty2.default)(RootBaseTrigger, "displayName", 'BaseTrigger');
91
+ (0, _defineProperty2.default)(RootBaseTrigger, "enhance", [(0, _useCssVariable.cssVariableEnhance)({
100
92
  variable: '--intergalactic-duration-control',
101
93
  fallback: '200',
102
94
  map: Number.parseInt,
103
95
  prop: 'duration'
104
- }), (0, _animatedSizeEnhance["default"])({
96
+ }), (0, _animatedSizeEnhance.default)({
105
97
  animateProps: ['width'],
106
98
  onChangeOf: ['value']
107
99
  })]);
108
- (0, _defineProperty2["default"])(RootBaseTrigger, "style", style);
109
- (0, _defineProperty2["default"])(RootBaseTrigger, "defaultProps", {
100
+ (0, _defineProperty2.default)(RootBaseTrigger, "style", style);
101
+ (0, _defineProperty2.default)(RootBaseTrigger, "defaultProps", {
110
102
  size: 'm',
111
103
  empty: false
112
104
  });
113
105
  function Text(props) {
114
106
  var _ref2 = arguments[0],
115
107
  _ref5;
116
- var SText = _flexBox.Box;
117
- var children = props.children,
118
- styles = props.styles,
119
- empty = props.empty,
120
- placeholder = props.placeholder;
121
- return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
122
- "display-placeholder": empty,
123
- "aria-hidden": empty
124
- }, _ref2))), empty ? placeholder : children);
108
+ const SText = _typography.Text;
109
+ const textRef = _react.default.useRef();
110
+ const {
111
+ children,
112
+ styles,
113
+ empty,
114
+ placeholder,
115
+ triggerRef,
116
+ ellipsis = false,
117
+ hintProps
118
+ } = props;
119
+ const content = empty ? placeholder : children;
120
+ return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SText, _ref5.cn("SText", {
121
+ ...(0, _core.assignProps)({
122
+ "display-placeholder": empty,
123
+ "aria-hidden": empty,
124
+ "ref": textRef,
125
+ "ellipsis": ellipsis,
126
+ "hintProps": {
127
+ ...hintProps,
128
+ triggerRef
129
+ }
130
+ }, _ref2)
131
+ }), content));
125
132
  }
126
133
  function Addon(props) {
127
134
  var _ref3 = arguments[0],
128
135
  _ref6;
129
- var SAddon = _flexBox.Box;
130
- var styles = props.styles;
131
- return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
136
+ const SAddon = _baseComponents.Box;
137
+ const {
138
+ styles
139
+ } = props;
140
+ return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(SAddon, _ref6.cn("SAddon", {
141
+ ...(0, _core.assignProps)({}, _ref3)
142
+ }));
132
143
  }
133
- var BaseTrigger = (0, _core.createComponent)(RootBaseTrigger, {
134
- Text: Text,
135
- Addon: Addon
144
+ const BaseTrigger = (0, _core.createComponent)(RootBaseTrigger, {
145
+ Text,
146
+ Addon
136
147
  });
137
- var _default = exports["default"] = BaseTrigger;
148
+ var _default = exports.default = BaseTrigger;
138
149
  //# sourceMappingURL=BaseTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_logger","_useCssVariable","_flexBox","_neighborLocation","_react","style","sstyled","insert","RootBaseTrigger","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_this","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","concat","addonTextChildren","Text","Addon","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport logger from '@semcore/core/lib/utils/logger';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport React from 'react';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'span';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n 'The \\'theme\\' property is deprecated, use \\'state\\'',\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger\n render={Box}\n tag='button'\n type='button'\n tabIndex={0}\n neighborLocation={neighborLocation}\n state={theme}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner data-ui-name={`${this.asProps['data-ui-name']}.InnerTriggerWrapper`}>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"BaseTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_typography","_react","style","sstyled","insert","RootBaseTrigger","Component","constructor","args","_defineProperty2","default","React","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","Children","styles","theme","neighborLocation","state","size","createElement","NeighborLocation","Detect","_ref4","cn","assignProps","addonTextChildren","BaseTrigger","Text","Addon","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","TextKit","textRef","useRef","children","ellipsis","hintProps","content","Fragment","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, InvalidStateBox } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Text as TextKit } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n triggerRef = React.createRef();\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n triggerRef: this.triggerRef,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'span';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger\n render={Box}\n tag='button'\n type='button'\n tabIndex={0}\n neighborLocation={neighborLocation}\n state={theme}\n ref={this.triggerRef}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner data-ui-name={`${this.asProps['data-ui-name']}.InnerTriggerWrapper`}>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const textRef = React.useRef();\n const { children, styles, empty, placeholder, triggerRef, ellipsis = false, hintProps } = props;\n const content = empty ? placeholder : children;\n\n return sstyled(styles)(\n <>\n <SText\n render={TextKit}\n display-placeholder={empty}\n aria-hidden={empty}\n ref={textRef}\n ellipsis={ellipsis}\n hintProps={{\n ...hintProps,\n triggerRef,\n }}\n >\n {content}\n </SText>\n </>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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","ignoreList":[]}
@@ -1,14 +1,10 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports["default"] = void 0;
8
- var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
9
- var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
- var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
11
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
7
+ exports.default = void 0;
12
8
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
9
  var _core = require("@semcore/core");
14
10
  var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
@@ -19,73 +15,62 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
19
15
  var _react = _interopRequireDefault(require("react"));
20
16
  var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
21
17
  /*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
22
- var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_1l4qi_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1l4qi_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}", /*__inner_css_end__*/"1l4qi_gg_"),
18
+ const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_1w7ap_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1w7ap_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}", /*__inner_css_end__*/"1w7ap_gg_"),
23
19
  /*__reshadow_css_end__*/
24
20
  {
25
- "__SButtonAddon": "___SButtonAddon_1l4qi_gg_",
26
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_1l4qi_gg_"
21
+ "__SButtonAddon": "___SButtonAddon_1w7ap_gg_",
22
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_1w7ap_gg_"
27
23
  });
28
- var RootButtonTrigger = /*#__PURE__*/function (_Component) {
29
- function RootButtonTrigger() {
30
- (0, _classCallCheck2["default"])(this, RootButtonTrigger);
31
- return (0, _callSuper2["default"])(this, RootButtonTrigger, arguments);
24
+ class RootButtonTrigger extends _core.Component {
25
+ getTextProps() {
26
+ return {
27
+ tag: 'span'
28
+ };
32
29
  }
33
- (0, _inherits2["default"])(RootButtonTrigger, _Component);
34
- return (0, _createClass2["default"])(RootButtonTrigger, [{
35
- key: "getTextProps",
36
- value: function getTextProps() {
37
- return {
38
- tag: 'span'
39
- };
40
- }
41
- }, {
42
- key: "getAddonProps",
43
- value: function getAddonProps() {
44
- return {
45
- tag: 'span'
46
- };
47
- }
48
- }, {
49
- key: "render",
50
- value: function render() {
51
- var _ref = this.asProps,
52
- _ref2;
53
- var SButtonAddon = ButtonTrigger.Addon;
54
- var SButtonTriggerSpin = _spin["default"];
55
- var _this$asProps = this.asProps,
56
- Children = _this$asProps.Children,
57
- styles = _this$asProps.styles,
58
- loading = _this$asProps.loading,
59
- chevron = _this$asProps.chevron,
60
- empty = _this$asProps.empty;
61
- return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({
62
- "tabIndex": loading ? -1 : 0
63
- }, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
64
- "size": 'xs',
65
- "theme": false
66
- })) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
67
- }
68
- }]);
69
- }(_core.Component);
70
- (0, _defineProperty2["default"])(RootButtonTrigger, "displayName", 'ButtonTrigger');
71
- (0, _defineProperty2["default"])(RootButtonTrigger, "style", style);
72
- (0, _defineProperty2["default"])(RootButtonTrigger, "enhance", [(0, _useCssVariable.cssVariableEnhance)({
30
+ getAddonProps() {
31
+ return {
32
+ tag: 'span'
33
+ };
34
+ }
35
+ render() {
36
+ var _ref = this.asProps,
37
+ _ref2;
38
+ const SButtonAddon = ButtonTrigger.Addon;
39
+ const SButtonTriggerSpin = _spin.default;
40
+ const {
41
+ Children,
42
+ styles,
43
+ loading,
44
+ chevron,
45
+ empty
46
+ } = this.asProps;
47
+ return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_BaseTrigger.default, (0, _core.assignProps)({
48
+ "tabIndex": loading ? -1 : 0
49
+ }, _ref), (0, _addonTextChildren.default)(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/_react.default.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react.default.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
50
+ "size": 'xs',
51
+ "theme": false
52
+ })) : /*#__PURE__*/_react.default.createElement(_m.default, _ref2.cn("ChevronDown", {}))));
53
+ }
54
+ }
55
+ (0, _defineProperty2.default)(RootButtonTrigger, "displayName", 'ButtonTrigger');
56
+ (0, _defineProperty2.default)(RootButtonTrigger, "style", style);
57
+ (0, _defineProperty2.default)(RootButtonTrigger, "enhance", [(0, _useCssVariable.cssVariableEnhance)({
73
58
  variable: '--intergalactic-duration-control',
74
59
  fallback: '200',
75
60
  map: Number.parseInt,
76
61
  prop: 'duration'
77
- }), (0, _animatedSizeEnhance["default"])({
62
+ }), (0, _animatedSizeEnhance.default)({
78
63
  animateProps: ['width'],
79
64
  onChangeOf: ['value']
80
65
  })]);
81
- (0, _defineProperty2["default"])(RootButtonTrigger, "defaultProps", {
66
+ (0, _defineProperty2.default)(RootButtonTrigger, "defaultProps", {
82
67
  chevron: true
83
68
  });
84
- var ButtonTrigger = (0, _core.createComponent)(RootButtonTrigger, {
85
- Text: _BaseTrigger["default"].Text,
86
- Addon: _BaseTrigger["default"].Addon
69
+ const ButtonTrigger = (0, _core.createComponent)(RootButtonTrigger, {
70
+ Text: _BaseTrigger.default.Text,
71
+ Addon: _BaseTrigger.default.Addon
87
72
  }, {
88
- parent: _BaseTrigger["default"]
73
+ parent: _BaseTrigger.default
89
74
  });
90
- var _default = exports["default"] = ButtonTrigger;
75
+ var _default = exports.default = ButtonTrigger;
91
76
  //# sourceMappingURL=ButtonTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","style","sstyled","insert","RootButtonTrigger","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","chevron","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} tabIndex={loading ? -1 : 0}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","style","sstyled","insert","RootButtonTrigger","Component","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","Children","styles","loading","chevron","empty","default","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} tabIndex={loading ? -1 : 0}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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","ignoreList":[]}