@semcore/base-trigger 3.11.2 → 3.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/BaseTrigger.js +18 -18
  3. package/lib/cjs/ButtonTrigger.js +4 -4
  4. package/lib/cjs/ButtonTrigger.js.map +1 -1
  5. package/lib/cjs/FilterTrigger.js +20 -10
  6. package/lib/cjs/FilterTrigger.js.map +1 -1
  7. package/lib/cjs/LinkTrigger.js +15 -15
  8. package/lib/cjs/LinkTrigger.js.map +1 -1
  9. package/lib/cjs/style/base-trigger.shadow.css +3 -11
  10. package/lib/cjs/style/link-trigger.shadow.css +0 -1
  11. package/lib/es6/BaseTrigger.js +18 -18
  12. package/lib/es6/ButtonTrigger.js +4 -4
  13. package/lib/es6/ButtonTrigger.js.map +1 -1
  14. package/lib/es6/FilterTrigger.js +20 -10
  15. package/lib/es6/FilterTrigger.js.map +1 -1
  16. package/lib/es6/LinkTrigger.js +15 -15
  17. package/lib/es6/LinkTrigger.js.map +1 -1
  18. package/lib/es6/style/base-trigger.shadow.css +3 -11
  19. package/lib/es6/style/link-trigger.shadow.css +0 -1
  20. package/package.json +3 -7
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
+ ## [3.12.0] - 2023-06-23
6
+
7
+ ### Added
8
+
9
+ - `FilterTrigger` focus returning after the clear effect.
10
+
5
11
  ## [3.11.2] - 2023-06-13
6
12
 
7
13
  ### Fixed
package/lib/cjs/BaseTrigger.js CHANGED
@@ -22,24 +22,24 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
22
22
  var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
23
23
  var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
24
24
  /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
25
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1f9rx_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;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;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_1f9rx_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1f9rx_gg_:active,.___SBaseTrigger_1f9rx_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1f9rx_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1f9rx_gg_.__keyboardFocused_1f9rx_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SBaseTrigger_1f9rx_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1f9rx_gg_.__active_1f9rx_gg_,.___SBaseTrigger_1f9rx_gg_:active{background-color:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SBaseTrigger_1f9rx_gg_.__disabled_1f9rx_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBaseTrigger_1f9rx_gg_.__keyboardFocused_1f9rx_gg_{z-index:1}.___SInner_1f9rx_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1f9rx_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_1f9rx_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1f9rx_gg_{width:12px;height:12px}.___SBaseTrigger_1f9rx_gg_._size_m_1f9rx_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_1f9rx_gg_._size_m_1f9rx_gg_ .___SAddon_1f9rx_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1f9rx_gg_._size_m_1f9rx_gg_ .___SAddon_1f9rx_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1f9rx_gg_._size_l_1f9rx_gg_ .___SAddon_1f9rx_gg_:only-child,.___SBaseTrigger_1f9rx_gg_._size_m_1f9rx_gg_ .___SAddon_1f9rx_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1f9rx_gg_._size_l_1f9rx_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_1f9rx_gg_._size_l_1f9rx_gg_ .___SAddon_1f9rx_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1f9rx_gg_._size_l_1f9rx_gg_ .___SAddon_1f9rx_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1f9rx_gg_._neighborLocation_right_1f9rx_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1f9rx_gg_._neighborLocation_both_1f9rx_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1f9rx_gg_._neighborLocation_left_1f9rx_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1f9rx_gg_.__placeholder_1f9rx_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1f9rx_gg_._state_normal_1f9rx_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1f9rx_gg_.__active_1f9rx_gg_,.___SBaseTrigger_1f9rx_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1f9rx_gg_._state_valid_1f9rx_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1f9rx_gg_._state_invalid_1f9rx_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1f9rx_gg_._state_invalid_1f9rx_gg_.__keyboardFocused_1f9rx_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1f9rx_gg_") /*__reshadow_css_end__*/, {
26
- "__SBaseTrigger": "___SBaseTrigger_1f9rx_gg_",
27
- "_keyboardFocused": "__keyboardFocused_1f9rx_gg_",
28
- "_active": "__active_1f9rx_gg_",
29
- "_disabled": "__disabled_1f9rx_gg_",
30
- "__SInner": "___SInner_1f9rx_gg_",
31
- "__SText": "___SText_1f9rx_gg_",
32
- "__SAddon": "___SAddon_1f9rx_gg_",
33
- "__SBaseAddon": "___SBaseAddon_1f9rx_gg_",
34
- "_size_m": "_size_m_1f9rx_gg_",
35
- "_size_l": "_size_l_1f9rx_gg_",
36
- "_neighborLocation_right": "_neighborLocation_right_1f9rx_gg_",
37
- "_neighborLocation_both": "_neighborLocation_both_1f9rx_gg_",
38
- "_neighborLocation_left": "_neighborLocation_left_1f9rx_gg_",
39
- "_placeholder": "__placeholder_1f9rx_gg_",
40
- "_state_normal": "_state_normal_1f9rx_gg_",
41
- "_state_valid": "_state_valid_1f9rx_gg_",
42
- "_state_invalid": "_state_invalid_1f9rx_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1o5bl_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;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;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_1o5bl_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1o5bl_gg_:active,.___SBaseTrigger_1o5bl_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1o5bl_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1o5bl_gg_.__keyboardFocused_1o5bl_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1o5bl_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1o5bl_gg_.__active_1o5bl_gg_,.___SBaseTrigger_1o5bl_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1o5bl_gg_.__disabled_1o5bl_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1o5bl_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1o5bl_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_1o5bl_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1o5bl_gg_{width:12px;height:12px}.___SBaseTrigger_1o5bl_gg_._size_m_1o5bl_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_1o5bl_gg_._size_m_1o5bl_gg_ .___SAddon_1o5bl_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1o5bl_gg_._size_m_1o5bl_gg_ .___SAddon_1o5bl_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1o5bl_gg_._size_l_1o5bl_gg_ .___SAddon_1o5bl_gg_:only-child,.___SBaseTrigger_1o5bl_gg_._size_m_1o5bl_gg_ .___SAddon_1o5bl_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1o5bl_gg_._size_l_1o5bl_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_1o5bl_gg_._size_l_1o5bl_gg_ .___SAddon_1o5bl_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1o5bl_gg_._size_l_1o5bl_gg_ .___SAddon_1o5bl_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1o5bl_gg_._neighborLocation_right_1o5bl_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1o5bl_gg_._neighborLocation_both_1o5bl_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1o5bl_gg_._neighborLocation_left_1o5bl_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1o5bl_gg_.__placeholder_1o5bl_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1o5bl_gg_._state_normal_1o5bl_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1o5bl_gg_._state_valid_1o5bl_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1o5bl_gg_._state_invalid_1o5bl_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1o5bl_gg_._state_invalid_1o5bl_gg_.__keyboardFocused_1o5bl_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1o5bl_gg_") /*__reshadow_css_end__*/, {
26
+ "__SBaseTrigger": "___SBaseTrigger_1o5bl_gg_",
27
+ "_keyboardFocused": "__keyboardFocused_1o5bl_gg_",
28
+ "_active": "__active_1o5bl_gg_",
29
+ "_disabled": "__disabled_1o5bl_gg_",
30
+ "__SInner": "___SInner_1o5bl_gg_",
31
+ "__SText": "___SText_1o5bl_gg_",
32
+ "__SAddon": "___SAddon_1o5bl_gg_",
33
+ "__SBaseAddon": "___SBaseAddon_1o5bl_gg_",
34
+ "_size_m": "_size_m_1o5bl_gg_",
35
+ "_size_l": "_size_l_1o5bl_gg_",
36
+ "_neighborLocation_right": "_neighborLocation_right_1o5bl_gg_",
37
+ "_neighborLocation_both": "_neighborLocation_both_1o5bl_gg_",
38
+ "_neighborLocation_left": "_neighborLocation_left_1o5bl_gg_",
39
+ "_placeholder": "__placeholder_1o5bl_gg_",
40
+ "_state_normal": "_state_normal_1o5bl_gg_",
41
+ "_state_valid": "_state_valid_1o5bl_gg_",
42
+ "_state_invalid": "_state_invalid_1o5bl_gg_"
43
43
  });
44
44
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
45
45
  (0, _inherits2["default"])(RootBaseTrigger, _Component);
package/lib/cjs/ButtonTrigger.js CHANGED
@@ -20,9 +20,9 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
20
20
  var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
21
21
  var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
22
22
  /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1ggrl_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1ggrl_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1ggrl_gg_") /*__reshadow_css_end__*/, {
24
- "__SButtonAddon": "___SButtonAddon_1ggrl_gg_",
25
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_1ggrl_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1duim_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1duim_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1duim_gg_") /*__reshadow_css_end__*/, {
24
+ "__SButtonAddon": "___SButtonAddon_1duim_gg_",
25
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_1duim_gg_"
26
26
  });
27
27
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
28
28
  (0, _inherits2["default"])(RootButtonTrigger, _Component);
@@ -44,7 +44,7 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
44
44
  loading = _this$asProps.loading,
45
45
  empty = _this$asProps.empty;
46
46
  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
47
- "size": "xs",
47
+ "size": 'xs',
48
48
  "theme": false
49
49
  })) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
50
50
  }
package/lib/cjs/ButtonTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","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 React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\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 render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <ChevronDown />}\n </SButtonAddon>\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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"}
1
+ {"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","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 React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\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 render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\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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"}
package/lib/cjs/FilterTrigger.js CHANGED
@@ -30,14 +30,15 @@ var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/en
30
30
  var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
31
31
  var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps"));
32
32
  var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
33
+ var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
33
34
  /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
34
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_r4g0u_gg_.__selected_r4g0u_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_r4g0u_gg_.__selected_r4g0u_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_r4g0u_gg_.__selected_r4g0u_gg_.__active_r4g0u_gg_,.___SFilterTrigger_r4g0u_gg_.__selected_r4g0u_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_r4g0u_gg_{display:inline-flex}.___SWrapper_r4g0u_gg_:focus{outline:0}.___SWrapper_r4g0u_gg_.__keyboardFocused_r4g0u_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_r4g0u_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "r4g0u_gg_") /*__reshadow_css_end__*/, {
35
- "__SFilterTrigger": "___SFilterTrigger_r4g0u_gg_",
36
- "_selected": "__selected_r4g0u_gg_",
37
- "_active": "__active_r4g0u_gg_",
38
- "__SWrapper": "___SWrapper_r4g0u_gg_",
39
- "_keyboardFocused": "__keyboardFocused_r4g0u_gg_",
40
- "__SCounter": "___SCounter_r4g0u_gg_"
35
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_15y3a_gg_.__selected_15y3a_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_15y3a_gg_.__selected_15y3a_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_15y3a_gg_.__selected_15y3a_gg_.__active_15y3a_gg_,.___SFilterTrigger_15y3a_gg_.__selected_15y3a_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_15y3a_gg_{display:inline-flex}.___SWrapper_15y3a_gg_:focus{outline:0}.___SWrapper_15y3a_gg_.__keyboardFocused_15y3a_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_15y3a_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "15y3a_gg_") /*__reshadow_css_end__*/, {
36
+ "__SFilterTrigger": "___SFilterTrigger_15y3a_gg_",
37
+ "_selected": "__selected_15y3a_gg_",
38
+ "_active": "__active_15y3a_gg_",
39
+ "__SWrapper": "___SWrapper_15y3a_gg_",
40
+ "_keyboardFocused": "__keyboardFocused_15y3a_gg_",
41
+ "__SCounter": "___SCounter_15y3a_gg_"
41
42
  });
42
43
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
43
44
  (0, _inherits2["default"])(RootFilterTrigger, _Component);
@@ -49,9 +50,17 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
49
50
  args[_key] = arguments[_key];
50
51
  }
51
52
  _this = _super.call.apply(_super, [this].concat(args));
53
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "triggerRef", /*#__PURE__*/_react["default"].createRef());
52
54
  (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleStopPropagation", function (e) {
53
55
  return e.stopPropagation();
54
56
  });
57
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClear", function () {
58
+ setTimeout(function () {
59
+ if (document.activeElement === document.body) {
60
+ (0, _useFocusLock.setFocus)(_this.triggerRef.current);
61
+ }
62
+ }, 0);
63
+ });
55
64
  return _this;
56
65
  }
57
66
  (0, _createClass2["default"])(RootFilterTrigger, [{
@@ -84,22 +93,23 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
84
93
  "aria-label": getI18nText('filter'),
85
94
  "__excludeProps": ['id']
86
95
  }, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", (0, _objectSpread2["default"])({
87
- "w": "100%",
96
+ "w": '100%',
88
97
  "size": size,
89
98
  "placeholder": placeholder,
90
99
  "empty": empty,
91
100
  "selected": !empty,
92
101
  "active": active,
93
102
  "disabled": disabled,
103
+ "ref": this.triggerRef,
94
104
  "animationsDisabled": true
95
105
  }, controlProps)), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
96
106
  tag: _m2["default"]
97
107
  })), !empty && /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
98
- "tag": "button",
108
+ "tag": 'button',
99
109
  "size": size,
100
110
  "empty": empty,
101
111
  "selected": true,
102
- "onClick": (0, _assignProps3.callAllEventHandlers)(onClear, this.handleStopPropagation),
112
+ "onClick": (0, _assignProps3.callAllEventHandlers)(onClear, this.handleClear, this.handleStopPropagation),
103
113
  "onKeyDown": this.handleStopPropagation,
104
114
  "disabled": disabled,
105
115
  "id": "igc-".concat(uid, "-filter-trigger-clear"),
package/lib/cjs/FilterTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps3","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","style","sstyled","insert","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","e","stopPropagation","_createClass2","key","value","render","_ref","asProps","_ref3","SWrapper","Box","SFilterTrigger","BaseTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","createElement","cn","_objectSpread2","assignProps","addonTextChildren","FilterTrigger","Text","Addon","Counter","tag","ChevronDown","callAllEventHandlers","handleStopPropagation","Close","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","inputProps","i18n","locale","props","_ref2","arguments[0]","_ref4","SCounter","Dot","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\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 uniqueIDEnhancement(),\n ];\n static defaultProps = {\n includeInputProps: inputProps,\n i18n: localizedMessages,\n locale: 'en',\n };\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const {\n Children,\n styles,\n empty,\n onClear,\n size,\n placeholder,\n active,\n disabled,\n getI18nText,\n includeInputProps,\n uid,\n id,\n } = this.asProps;\n\n if (this.asProps.role === 'button') {\n this.asProps.role = 'group';\n }\n\n const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <SWrapper render={Box} aria-label={getI18nText('filter')} __excludeProps={['id']}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n animationsDisabled\n {...controlProps}\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>\n {!empty && (\n <SFilterTrigger\n tag=\"button\"\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n id={`igc-${uid}-filter-trigger-clear`}\n aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n >\n <FilterTrigger.Addon tag={Close} aria-label={getI18nText('clear')} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
1
+ {"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps3","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","style","sstyled","insert","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","stopPropagation","setTimeout","document","activeElement","body","setFocus","triggerRef","current","_createClass2","key","value","render","_ref","asProps","_ref3","SWrapper","Box","SFilterTrigger","BaseTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","createElement","cn","_objectSpread2","assignProps","addonTextChildren","FilterTrigger","Text","Addon","Counter","tag","ChevronDown","callAllEventHandlers","handleClear","handleStopPropagation","Close","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","inputProps","i18n","locale","props","_ref2","arguments[0]","_ref4","SCounter","Dot","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\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 uniqueIDEnhancement(),\n ];\n static defaultProps = {\n includeInputProps: inputProps,\n i18n: localizedMessages,\n locale: 'en',\n };\n triggerRef = React.createRef();\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n setTimeout(() => {\n if (document.activeElement === document.body) {\n setFocus(this.triggerRef.current);\n }\n }, 0);\n };\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const {\n Children,\n styles,\n empty,\n onClear,\n size,\n placeholder,\n active,\n disabled,\n getI18nText,\n includeInputProps,\n uid,\n id,\n } = this.asProps;\n\n if (this.asProps.role === 'button') {\n this.asProps.role = 'group';\n }\n\n const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <SWrapper render={Box} aria-label={getI18nText('filter')} __excludeProps={['id']}>\n <NeighborLocation>\n <SFilterTrigger\n w='100%'\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n ref={this.triggerRef}\n animationsDisabled\n {...controlProps}\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>\n {!empty && (\n <SFilterTrigger\n tag='button'\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n id={`igc-${uid}-filter-trigger-clear`}\n aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n >\n <FilterTrigger.Addon tag={Close} aria-label={getI18nText('clear')} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
package/lib/cjs/LinkTrigger.js CHANGED
@@ -21,19 +21,19 @@ var _flexBox = require("@semcore/flex-box");
21
21
  var _color = _interopRequireWildcard(require("@semcore/utils/lib/color"));
22
22
  var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
23
23
  /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1e04w_gg_{display:inline-flex;align-items: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;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_1e04w_gg_.__active_1e04w_gg_,.___SLinkTrigger_1e04w_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1e04w_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1e04w_gg_.__active_1e04w_gg_ .___SText_1e04w_gg_,.___SLinkTrigger_1e04w_gg_:active .___SText_1e04w_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1e04w_gg_:hover .___SText_1e04w_gg_{border-color:currentColor}}.___SLinkTrigger_1e04w_gg_ .___SText_1e04w_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1e04w_gg_.__color_1e04w_gg_{color:var(--color_1e04w)}@media (hover:hover){.___SLinkTrigger_1e04w_gg_.__color_1e04w_gg_:hover{color:var(--color-hover_1e04w)}}.___SLinkTrigger_1e04w_gg_.__disabled_1e04w_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1e04w_gg_.__keyboardFocused_1e04w_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1e04w_gg_,.___SLinkAddon_1e04w_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1e04w_gg_:not(:only-child):first-child,.___SLinkAddon_1e04w_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1e04w_gg_:not(:only-child):last-child,.___SLinkAddon_1e04w_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1e04w_gg_{width:16px;height:16px}.___SLinkTrigger_1e04w_gg_._size_m_1e04w_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1e04w_gg_._size_l_1e04w_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1e04w_gg_,.___SLinkTrigger_1e04w_gg_ .___SText_1e04w_gg_{transition:none}}" /*__inner_css_end__*/, "1e04w_gg_") /*__reshadow_css_end__*/, {
25
- "__SLinkTrigger": "___SLinkTrigger_1e04w_gg_",
26
- "_active": "__active_1e04w_gg_",
27
- "__SText": "___SText_1e04w_gg_",
28
- "_color": "__color_1e04w_gg_",
29
- "--color": "--color_1e04w",
30
- "--color-hover": "--color-hover_1e04w",
31
- "_disabled": "__disabled_1e04w_gg_",
32
- "_keyboardFocused": "__keyboardFocused_1e04w_gg_",
33
- "__SAddon": "___SAddon_1e04w_gg_",
34
- "__SLinkAddon": "___SLinkAddon_1e04w_gg_",
35
- "_size_m": "_size_m_1e04w_gg_",
36
- "_size_l": "_size_l_1e04w_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_qfi6t_gg_{display:inline-flex;align-items: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;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_qfi6t_gg_.__active_qfi6t_gg_,.___SLinkTrigger_qfi6t_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_qfi6t_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_qfi6t_gg_.__active_qfi6t_gg_ .___SText_qfi6t_gg_,.___SLinkTrigger_qfi6t_gg_:active .___SText_qfi6t_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_qfi6t_gg_:hover .___SText_qfi6t_gg_{border-color:currentColor}}.___SLinkTrigger_qfi6t_gg_ .___SText_qfi6t_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_qfi6t_gg_.__color_qfi6t_gg_{color:var(--color_qfi6t)}@media (hover:hover){.___SLinkTrigger_qfi6t_gg_.__color_qfi6t_gg_:hover{color:var(--color-hover_qfi6t)}}.___SLinkTrigger_qfi6t_gg_.__disabled_qfi6t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_qfi6t_gg_.__keyboardFocused_qfi6t_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_qfi6t_gg_,.___SLinkAddon_qfi6t_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_qfi6t_gg_:not(:only-child):first-child,.___SLinkAddon_qfi6t_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_qfi6t_gg_:not(:only-child):last-child,.___SLinkAddon_qfi6t_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_qfi6t_gg_{width:16px;height:16px}.___SLinkTrigger_qfi6t_gg_._size_m_qfi6t_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_qfi6t_gg_._size_l_qfi6t_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_qfi6t_gg_,.___SLinkTrigger_qfi6t_gg_ .___SText_qfi6t_gg_{transition:none}}" /*__inner_css_end__*/, "qfi6t_gg_") /*__reshadow_css_end__*/, {
25
+ "__SLinkTrigger": "___SLinkTrigger_qfi6t_gg_",
26
+ "_active": "__active_qfi6t_gg_",
27
+ "__SText": "___SText_qfi6t_gg_",
28
+ "_color": "__color_qfi6t_gg_",
29
+ "--color": "--color_qfi6t",
30
+ "--color-hover": "--color-hover_qfi6t",
31
+ "_disabled": "__disabled_qfi6t_gg_",
32
+ "_keyboardFocused": "__keyboardFocused_qfi6t_gg_",
33
+ "__SAddon": "___SAddon_qfi6t_gg_",
34
+ "__SLinkAddon": "___SLinkAddon_qfi6t_gg_",
35
+ "_size_m": "_size_m_qfi6t_gg_",
36
+ "_size_l": "_size_l_qfi6t_gg_"
37
37
  });
38
38
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
39
39
  (0, _inherits2["default"])(RootLinkTrigger, _Component);
@@ -72,8 +72,8 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
72
72
  "use:color": color,
73
73
  "use:color-hover": colorHover
74
74
  }, _ref))), (0, _addonTextChildren["default"])(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], _ref4.cn("Spin", {
75
- "size": "xs",
76
- "theme": "currentColor"
75
+ "size": 'xs',
76
+ "theme": 'currentColor'
77
77
  })) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("ChevronDown", {}))));
78
78
  }
79
79
  }]);
package/lib/cjs/LinkTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LinkTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_spin","_flexBox","_color","_keyboardFocusEnhance","style","sstyled","insert","RootLinkTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","colorHover","shade","createElement","cn","_objectSpread2","assignProps","addonTextChildren","Text","Component","_defineProperty2","size","keyboardFocusEnhance","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size=\"xs\" theme=\"currentColor\" /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} use:placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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"}
1
+ {"version":3,"file":"LinkTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_spin","_flexBox","_color","_keyboardFocusEnhance","style","sstyled","insert","RootLinkTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","colorHover","shade","createElement","cn","_objectSpread2","assignProps","addonTextChildren","Text","Component","_defineProperty2","size","keyboardFocusEnhance","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} use:placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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"}
package/lib/cjs/style/base-trigger.shadow.css CHANGED
@@ -11,7 +11,6 @@ SBaseTrigger {
11
11
  padding: 0;
12
12
  margin: 0;
13
13
  box-shadow: none;
14
- outline: none;
15
14
  text-decoration: none;
16
15
  -webkit-tap-highlight-color: transparent;
17
16
  overflow: visible;
@@ -42,6 +41,7 @@ SBaseTrigger {
42
41
  &[keyboardFocused] {
43
42
  border: 1px solid var(--intergalactic-border-info-active, #006dca);
44
43
  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
44
+ z-index: 1;
45
45
  }
46
46
 
47
47
  &:hover {
@@ -50,7 +50,8 @@ SBaseTrigger {
50
50
 
51
51
  &:active,
52
52
  &[active] {
53
- background-color: var(--intergalactic-bg-primary-neutral-active, #e0e1e9);
53
+ border-color: var(--intergalactic-border-info-active, #006dca);
54
+ background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
54
55
  }
55
56
  }
56
57
 
@@ -60,10 +61,6 @@ SBaseTrigger[disabled] {
60
61
  pointer-events: none; /* Disable link interactions */
61
62
  }
62
63
 
63
- SBaseTrigger[keyboardFocused] {
64
- z-index: 1;
65
- }
66
-
67
64
  SInner {
68
65
  display: inline-flex;
69
66
  align-items: center;
@@ -168,11 +165,6 @@ SBaseTrigger[state='normal'] {
168
165
  border-color: var(--intergalactic-border-primary, #c4c7cf);
169
166
  }
170
167
 
171
- SBaseTrigger[active],
172
- SBaseTrigger:active {
173
- border-color: var(--intergalactic-border-info-active, #006dca);
174
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
175
- }
176
168
 
177
169
  SBaseTrigger[state='valid'] {
178
170
  border-color: var(--intergalactic-border-success-active, #007c65);
package/lib/cjs/style/link-trigger.shadow.css CHANGED
@@ -9,7 +9,6 @@ SLinkTrigger {
9
9
  box-sizing: border-box;
10
10
  padding: 0;
11
11
  margin: 0;
12
- outline: none;
13
12
  text-decoration: none;
14
13
  -webkit-tap-highlight-color: transparent;
15
14
  overflow: visible;
package/lib/es6/BaseTrigger.js CHANGED
@@ -18,24 +18,24 @@ import logger from '@semcore/utils/lib/logger';
18
18
  import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
19
19
  import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
20
20
  /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
21
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1f9rx_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;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;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_1f9rx_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1f9rx_gg_:active,.___SBaseTrigger_1f9rx_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1f9rx_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1f9rx_gg_.__keyboardFocused_1f9rx_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SBaseTrigger_1f9rx_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1f9rx_gg_.__active_1f9rx_gg_,.___SBaseTrigger_1f9rx_gg_:active{background-color:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SBaseTrigger_1f9rx_gg_.__disabled_1f9rx_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBaseTrigger_1f9rx_gg_.__keyboardFocused_1f9rx_gg_{z-index:1}.___SInner_1f9rx_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1f9rx_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_1f9rx_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1f9rx_gg_{width:12px;height:12px}.___SBaseTrigger_1f9rx_gg_._size_m_1f9rx_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_1f9rx_gg_._size_m_1f9rx_gg_ .___SAddon_1f9rx_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1f9rx_gg_._size_m_1f9rx_gg_ .___SAddon_1f9rx_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1f9rx_gg_._size_l_1f9rx_gg_ .___SAddon_1f9rx_gg_:only-child,.___SBaseTrigger_1f9rx_gg_._size_m_1f9rx_gg_ .___SAddon_1f9rx_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1f9rx_gg_._size_l_1f9rx_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_1f9rx_gg_._size_l_1f9rx_gg_ .___SAddon_1f9rx_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1f9rx_gg_._size_l_1f9rx_gg_ .___SAddon_1f9rx_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1f9rx_gg_._neighborLocation_right_1f9rx_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1f9rx_gg_._neighborLocation_both_1f9rx_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1f9rx_gg_._neighborLocation_left_1f9rx_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1f9rx_gg_.__placeholder_1f9rx_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1f9rx_gg_._state_normal_1f9rx_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1f9rx_gg_.__active_1f9rx_gg_,.___SBaseTrigger_1f9rx_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1f9rx_gg_._state_valid_1f9rx_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1f9rx_gg_._state_invalid_1f9rx_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1f9rx_gg_._state_invalid_1f9rx_gg_.__keyboardFocused_1f9rx_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1f9rx_gg_") /*__reshadow_css_end__*/, {
22
- "__SBaseTrigger": "___SBaseTrigger_1f9rx_gg_",
23
- "_keyboardFocused": "__keyboardFocused_1f9rx_gg_",
24
- "_active": "__active_1f9rx_gg_",
25
- "_disabled": "__disabled_1f9rx_gg_",
26
- "__SInner": "___SInner_1f9rx_gg_",
27
- "__SText": "___SText_1f9rx_gg_",
28
- "__SAddon": "___SAddon_1f9rx_gg_",
29
- "__SBaseAddon": "___SBaseAddon_1f9rx_gg_",
30
- "_size_m": "_size_m_1f9rx_gg_",
31
- "_size_l": "_size_l_1f9rx_gg_",
32
- "_neighborLocation_right": "_neighborLocation_right_1f9rx_gg_",
33
- "_neighborLocation_both": "_neighborLocation_both_1f9rx_gg_",
34
- "_neighborLocation_left": "_neighborLocation_left_1f9rx_gg_",
35
- "_placeholder": "__placeholder_1f9rx_gg_",
36
- "_state_normal": "_state_normal_1f9rx_gg_",
37
- "_state_valid": "_state_valid_1f9rx_gg_",
38
- "_state_invalid": "_state_invalid_1f9rx_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1o5bl_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;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;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_1o5bl_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1o5bl_gg_:active,.___SBaseTrigger_1o5bl_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1o5bl_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1o5bl_gg_.__keyboardFocused_1o5bl_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1o5bl_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1o5bl_gg_.__active_1o5bl_gg_,.___SBaseTrigger_1o5bl_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1o5bl_gg_.__disabled_1o5bl_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1o5bl_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1o5bl_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_1o5bl_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1o5bl_gg_{width:12px;height:12px}.___SBaseTrigger_1o5bl_gg_._size_m_1o5bl_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_1o5bl_gg_._size_m_1o5bl_gg_ .___SAddon_1o5bl_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1o5bl_gg_._size_m_1o5bl_gg_ .___SAddon_1o5bl_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1o5bl_gg_._size_l_1o5bl_gg_ .___SAddon_1o5bl_gg_:only-child,.___SBaseTrigger_1o5bl_gg_._size_m_1o5bl_gg_ .___SAddon_1o5bl_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1o5bl_gg_._size_l_1o5bl_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_1o5bl_gg_._size_l_1o5bl_gg_ .___SAddon_1o5bl_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1o5bl_gg_._size_l_1o5bl_gg_ .___SAddon_1o5bl_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1o5bl_gg_._neighborLocation_right_1o5bl_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1o5bl_gg_._neighborLocation_both_1o5bl_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1o5bl_gg_._neighborLocation_left_1o5bl_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1o5bl_gg_.__placeholder_1o5bl_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1o5bl_gg_._state_normal_1o5bl_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1o5bl_gg_._state_valid_1o5bl_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1o5bl_gg_._state_invalid_1o5bl_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1o5bl_gg_._state_invalid_1o5bl_gg_.__keyboardFocused_1o5bl_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1o5bl_gg_") /*__reshadow_css_end__*/, {
22
+ "__SBaseTrigger": "___SBaseTrigger_1o5bl_gg_",
23
+ "_keyboardFocused": "__keyboardFocused_1o5bl_gg_",
24
+ "_active": "__active_1o5bl_gg_",
25
+ "_disabled": "__disabled_1o5bl_gg_",
26
+ "__SInner": "___SInner_1o5bl_gg_",
27
+ "__SText": "___SText_1o5bl_gg_",
28
+ "__SAddon": "___SAddon_1o5bl_gg_",
29
+ "__SBaseAddon": "___SBaseAddon_1o5bl_gg_",
30
+ "_size_m": "_size_m_1o5bl_gg_",
31
+ "_size_l": "_size_l_1o5bl_gg_",
32
+ "_neighborLocation_right": "_neighborLocation_right_1o5bl_gg_",
33
+ "_neighborLocation_both": "_neighborLocation_both_1o5bl_gg_",
34
+ "_neighborLocation_left": "_neighborLocation_left_1o5bl_gg_",
35
+ "_placeholder": "__placeholder_1o5bl_gg_",
36
+ "_state_normal": "_state_normal_1o5bl_gg_",
37
+ "_state_valid": "_state_valid_1o5bl_gg_",
38
+ "_state_invalid": "_state_invalid_1o5bl_gg_"
39
39
  });
40
40
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
41
41
  _inherits(RootBaseTrigger, _Component);
package/lib/es6/ButtonTrigger.js CHANGED
@@ -14,9 +14,9 @@ import Spin from '@semcore/spin';
14
14
  import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
15
15
  import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
16
16
  /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
17
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1ggrl_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1ggrl_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1ggrl_gg_") /*__reshadow_css_end__*/, {
18
- "__SButtonAddon": "___SButtonAddon_1ggrl_gg_",
19
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_1ggrl_gg_"
17
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1duim_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1duim_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1duim_gg_") /*__reshadow_css_end__*/, {
18
+ "__SButtonAddon": "___SButtonAddon_1duim_gg_",
19
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_1duim_gg_"
20
20
  });
21
21
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
22
22
  _inherits(RootButtonTrigger, _Component);
@@ -38,7 +38,7 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
38
38
  loading = _this$asProps.loading,
39
39
  empty = _this$asProps.empty;
40
40
  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
41
- "size": "xs",
41
+ "size": 'xs',
42
42
  "theme": false
43
43
  })) : /*#__PURE__*/React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
44
44
  }
package/lib/es6/ButtonTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\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 render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <ChevronDown />}\n </SButtonAddon>\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":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,kBAAkB,QAAQ,mCAAmC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,iBAAiB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAAK,eAAA,OAAAL,iBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAgBrB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAK;MACxC,IAAMC,kBAAkB,GAAGxB,IAAI;MAC/B,IAAAyB,aAAA,GAA6C,IAAI,CAACN,OAAO;QAAjDO,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;MAExC,OAAAT,KAAA,GAAOxB,OAAO,CAAC+B,MAAM,CAAC,eACpBnC,KAAA,CAAAsC,aAAA,CAAc/B,WAAW,EAAAgC,YAAA,KAAAb,IAAA,GACtBrB,iBAAiB,CAAC6B,QAAQ,EAAEJ,aAAa,CAACU,IAAI,EAAEV,aAAa,CAACC,KAAK,EAAEM,KAAK,CAAC,eAC5ErC,KAAA,CAAAsC,aAAA,CAACT,YAAY,EAAAD,KAAA,CAAAa,EAAA,sBACVL,OAAO,gBAAGpC,KAAA,CAAAsC,aAAA,CAACN,kBAAkB,EAAAJ,KAAA,CAAAa,EAAA;QAAA,QAAM,IAAI;QAAA,SAAQ;MAAK,GAAI,gBAAGzC,KAAA,CAAAsC,aAAA,CAAChC,WAAW,EAAAsB,KAAA,CAAAa,EAAA,oBAAG,CAC9D,CACV;IAEX;EAAC;EAAA,OAAA3B,iBAAA;AAAA,EA7B6BZ,SAAS;AAAAwC,eAAA,CAAnC5B,iBAAiB,iBACA,eAAe;AAAA4B,eAAA,CADhC5B,iBAAiB,WAENH,KAAK;AAAA+B,eAAA,CAFhB5B,iBAAiB,aAGJ,CACfJ,kBAAkB,CAAC;EACjBiC,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFvC,mBAAmB,CAAC;EAClBwC,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAkBH,IAAMpB,aAAa,GAAG7B,eAAe,CACnCa,iBAAiB,EACjB;EACE0B,IAAI,EAAEjC,WAAW,CAACiC,IAAI;EACtBT,KAAK,EAAExB,WAAW,CAACwB;AACrB,CAAC,EACD;EACEoB,MAAM,EAAE5C;AACV,CAAC,CACF;AAED,eAAeuB,aAAa"}
1
+ {"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\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 render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\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":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,kBAAkB,QAAQ,mCAAmC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,iBAAiB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAAK,eAAA,OAAAL,iBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAgBrB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAK;MACxC,IAAMC,kBAAkB,GAAGxB,IAAI;MAC/B,IAAAyB,aAAA,GAA6C,IAAI,CAACN,OAAO;QAAjDO,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;MAExC,OAAAT,KAAA,GAAOxB,OAAO,CAAC+B,MAAM,CAAC,eACpBnC,KAAA,CAAAsC,aAAA,CAAc/B,WAAW,EAAAgC,YAAA,KAAAb,IAAA,GACtBrB,iBAAiB,CAAC6B,QAAQ,EAAEJ,aAAa,CAACU,IAAI,EAAEV,aAAa,CAACC,KAAK,EAAEM,KAAK,CAAC,eAC5ErC,KAAA,CAAAsC,aAAA,CAACT,YAAY,EAAAD,KAAA,CAAAa,EAAA,sBACVL,OAAO,gBAAGpC,KAAA,CAAAsC,aAAA,CAACN,kBAAkB,EAAAJ,KAAA,CAAAa,EAAA;QAAA,QAAM,IAAI;QAAA,SAAQ;MAAK,GAAI,gBAAGzC,KAAA,CAAAsC,aAAA,CAAChC,WAAW,EAAAsB,KAAA,CAAAa,EAAA,oBAAG,CAC9D,CACV;IAEX;EAAC;EAAA,OAAA3B,iBAAA;AAAA,EA7B6BZ,SAAS;AAAAwC,eAAA,CAAnC5B,iBAAiB,iBACA,eAAe;AAAA4B,eAAA,CADhC5B,iBAAiB,WAENH,KAAK;AAAA+B,eAAA,CAFhB5B,iBAAiB,aAGJ,CACfJ,kBAAkB,CAAC;EACjBiC,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFvC,mBAAmB,CAAC;EAClBwC,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAkBH,IAAMpB,aAAa,GAAG7B,eAAe,CACnCa,iBAAiB,EACjB;EACE0B,IAAI,EAAEjC,WAAW,CAACiC,IAAI;EACtBT,KAAK,EAAExB,WAAW,CAACwB;AACrB,CAAC,EACD;EACEoB,MAAM,EAAE5C;AACV,CAAC,CACF;AAED,eAAeuB,aAAa"}
package/lib/es6/FilterTrigger.js CHANGED
@@ -25,14 +25,15 @@ import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance
25
25
  import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
26
26
  import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
27
27
  import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
28
+ import { setFocus } from '@semcore/utils/lib/use/useFocusLock';
28
29
  /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
29
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_r4g0u_gg_.__selected_r4g0u_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_r4g0u_gg_.__selected_r4g0u_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_r4g0u_gg_.__selected_r4g0u_gg_.__active_r4g0u_gg_,.___SFilterTrigger_r4g0u_gg_.__selected_r4g0u_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_r4g0u_gg_{display:inline-flex}.___SWrapper_r4g0u_gg_:focus{outline:0}.___SWrapper_r4g0u_gg_.__keyboardFocused_r4g0u_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_r4g0u_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "r4g0u_gg_") /*__reshadow_css_end__*/, {
30
- "__SFilterTrigger": "___SFilterTrigger_r4g0u_gg_",
31
- "_selected": "__selected_r4g0u_gg_",
32
- "_active": "__active_r4g0u_gg_",
33
- "__SWrapper": "___SWrapper_r4g0u_gg_",
34
- "_keyboardFocused": "__keyboardFocused_r4g0u_gg_",
35
- "__SCounter": "___SCounter_r4g0u_gg_"
30
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_15y3a_gg_.__selected_15y3a_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_15y3a_gg_.__selected_15y3a_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_15y3a_gg_.__selected_15y3a_gg_.__active_15y3a_gg_,.___SFilterTrigger_15y3a_gg_.__selected_15y3a_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_15y3a_gg_{display:inline-flex}.___SWrapper_15y3a_gg_:focus{outline:0}.___SWrapper_15y3a_gg_.__keyboardFocused_15y3a_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_15y3a_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "15y3a_gg_") /*__reshadow_css_end__*/, {
31
+ "__SFilterTrigger": "___SFilterTrigger_15y3a_gg_",
32
+ "_selected": "__selected_15y3a_gg_",
33
+ "_active": "__active_15y3a_gg_",
34
+ "__SWrapper": "___SWrapper_15y3a_gg_",
35
+ "_keyboardFocused": "__keyboardFocused_15y3a_gg_",
36
+ "__SCounter": "___SCounter_15y3a_gg_"
36
37
  });
37
38
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
38
39
  _inherits(RootFilterTrigger, _Component);
@@ -44,9 +45,17 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
44
45
  args[_key] = arguments[_key];
45
46
  }
46
47
  _this = _super.call.apply(_super, [this].concat(args));
48
+ _defineProperty(_assertThisInitialized(_this), "triggerRef", /*#__PURE__*/React.createRef());
47
49
  _defineProperty(_assertThisInitialized(_this), "handleStopPropagation", function (e) {
48
50
  return e.stopPropagation();
49
51
  });
52
+ _defineProperty(_assertThisInitialized(_this), "handleClear", function () {
53
+ setTimeout(function () {
54
+ if (document.activeElement === document.body) {
55
+ setFocus(_this.triggerRef.current);
56
+ }
57
+ }, 0);
58
+ });
50
59
  return _this;
51
60
  }
52
61
  _createClass(RootFilterTrigger, [{
@@ -79,22 +88,23 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
79
88
  "aria-label": getI18nText('filter'),
80
89
  "__excludeProps": ['id']
81
90
  }, _ref))), /*#__PURE__*/React.createElement(NeighborLocation, _ref3.cn("NeighborLocation", {}), /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", _objectSpread({
82
- "w": "100%",
91
+ "w": '100%',
83
92
  "size": size,
84
93
  "placeholder": placeholder,
85
94
  "empty": empty,
86
95
  "selected": !empty,
87
96
  "active": active,
88
97
  "disabled": disabled,
98
+ "ref": this.triggerRef,
89
99
  "animationsDisabled": true
90
100
  }, controlProps)), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
91
101
  tag: ChevronDown
92
102
  })), !empty && /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
93
- "tag": "button",
103
+ "tag": 'button',
94
104
  "size": size,
95
105
  "empty": empty,
96
106
  "selected": true,
97
- "onClick": callAllEventHandlers(onClear, this.handleStopPropagation),
107
+ "onClick": callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),
98
108
  "onKeyDown": this.handleStopPropagation,
99
109
  "disabled": disabled,
100
110
  "id": "igc-".concat(uid, "-filter-trigger-clear"),
package/lib/es6/FilterTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","style","_sstyled","insert","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","e","stopPropagation","_createClass","key","value","render","_ref","asProps","_ref3","SWrapper","SFilterTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","_getInputProps2","_slicedToArray","controlProps","createElement","cn","_objectSpread","_assignProps","FilterTrigger","Text","Addon","Counter","tag","handleStopPropagation","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","props","_ref2","arguments[0]","_ref4","SCounter","_assignProps2","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\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 uniqueIDEnhancement(),\n ];\n static defaultProps = {\n includeInputProps: inputProps,\n i18n: localizedMessages,\n locale: 'en',\n };\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const {\n Children,\n styles,\n empty,\n onClear,\n size,\n placeholder,\n active,\n disabled,\n getI18nText,\n includeInputProps,\n uid,\n id,\n } = this.asProps;\n\n if (this.asProps.role === 'button') {\n this.asProps.role = 'group';\n }\n\n const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <SWrapper render={Box} aria-label={getI18nText('filter')} __excludeProps={['id']}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n animationsDisabled\n {...controlProps}\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>\n {!empty && (\n <SFilterTrigger\n tag=\"button\"\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n id={`igc-${uid}-filter-trigger-clear`}\n aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n >\n <FilterTrigger.Addon tag={Close} aria-label={getI18nText('clear')} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
1
+ {"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","stopPropagation","setTimeout","document","activeElement","body","triggerRef","current","_createClass","key","value","render","_ref","asProps","_ref3","SWrapper","SFilterTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","_getInputProps2","_slicedToArray","controlProps","createElement","cn","_objectSpread","_assignProps","FilterTrigger","Text","Addon","Counter","tag","handleClear","handleStopPropagation","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","props","_ref2","arguments[0]","_ref4","SCounter","_assignProps2","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\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 uniqueIDEnhancement(),\n ];\n static defaultProps = {\n includeInputProps: inputProps,\n i18n: localizedMessages,\n locale: 'en',\n };\n triggerRef = React.createRef();\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n setTimeout(() => {\n if (document.activeElement === document.body) {\n setFocus(this.triggerRef.current);\n }\n }, 0);\n };\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const {\n Children,\n styles,\n empty,\n onClear,\n size,\n placeholder,\n active,\n disabled,\n getI18nText,\n includeInputProps,\n uid,\n id,\n } = this.asProps;\n\n if (this.asProps.role === 'button') {\n this.asProps.role = 'group';\n }\n\n const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <SWrapper render={Box} aria-label={getI18nText('filter')} __excludeProps={['id']}>\n <NeighborLocation>\n <SFilterTrigger\n w='100%'\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n ref={this.triggerRef}\n animationsDisabled\n {...controlProps}\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>\n {!empty && (\n <SFilterTrigger\n tag='button'\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n id={`igc-${uid}-filter-trigger-clear`}\n aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n >\n <FilterTrigger.Addon tag={Close} aria-label={getI18nText('clear')} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
package/lib/es6/LinkTrigger.js CHANGED
@@ -17,19 +17,19 @@ import { Box } from '@semcore/flex-box';
17
17
  import resolveColor, { shade } from '@semcore/utils/lib/color';
18
18
  import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
19
19
  /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
20
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1e04w_gg_{display:inline-flex;align-items: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;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_1e04w_gg_.__active_1e04w_gg_,.___SLinkTrigger_1e04w_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1e04w_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1e04w_gg_.__active_1e04w_gg_ .___SText_1e04w_gg_,.___SLinkTrigger_1e04w_gg_:active .___SText_1e04w_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1e04w_gg_:hover .___SText_1e04w_gg_{border-color:currentColor}}.___SLinkTrigger_1e04w_gg_ .___SText_1e04w_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1e04w_gg_.__color_1e04w_gg_{color:var(--color_1e04w)}@media (hover:hover){.___SLinkTrigger_1e04w_gg_.__color_1e04w_gg_:hover{color:var(--color-hover_1e04w)}}.___SLinkTrigger_1e04w_gg_.__disabled_1e04w_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1e04w_gg_.__keyboardFocused_1e04w_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1e04w_gg_,.___SLinkAddon_1e04w_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1e04w_gg_:not(:only-child):first-child,.___SLinkAddon_1e04w_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1e04w_gg_:not(:only-child):last-child,.___SLinkAddon_1e04w_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1e04w_gg_{width:16px;height:16px}.___SLinkTrigger_1e04w_gg_._size_m_1e04w_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1e04w_gg_._size_l_1e04w_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1e04w_gg_,.___SLinkTrigger_1e04w_gg_ .___SText_1e04w_gg_{transition:none}}" /*__inner_css_end__*/, "1e04w_gg_") /*__reshadow_css_end__*/, {
21
- "__SLinkTrigger": "___SLinkTrigger_1e04w_gg_",
22
- "_active": "__active_1e04w_gg_",
23
- "__SText": "___SText_1e04w_gg_",
24
- "_color": "__color_1e04w_gg_",
25
- "--color": "--color_1e04w",
26
- "--color-hover": "--color-hover_1e04w",
27
- "_disabled": "__disabled_1e04w_gg_",
28
- "_keyboardFocused": "__keyboardFocused_1e04w_gg_",
29
- "__SAddon": "___SAddon_1e04w_gg_",
30
- "__SLinkAddon": "___SLinkAddon_1e04w_gg_",
31
- "_size_m": "_size_m_1e04w_gg_",
32
- "_size_l": "_size_l_1e04w_gg_"
20
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_qfi6t_gg_{display:inline-flex;align-items: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;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_qfi6t_gg_.__active_qfi6t_gg_,.___SLinkTrigger_qfi6t_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_qfi6t_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_qfi6t_gg_.__active_qfi6t_gg_ .___SText_qfi6t_gg_,.___SLinkTrigger_qfi6t_gg_:active .___SText_qfi6t_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_qfi6t_gg_:hover .___SText_qfi6t_gg_{border-color:currentColor}}.___SLinkTrigger_qfi6t_gg_ .___SText_qfi6t_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_qfi6t_gg_.__color_qfi6t_gg_{color:var(--color_qfi6t)}@media (hover:hover){.___SLinkTrigger_qfi6t_gg_.__color_qfi6t_gg_:hover{color:var(--color-hover_qfi6t)}}.___SLinkTrigger_qfi6t_gg_.__disabled_qfi6t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_qfi6t_gg_.__keyboardFocused_qfi6t_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_qfi6t_gg_,.___SLinkAddon_qfi6t_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_qfi6t_gg_:not(:only-child):first-child,.___SLinkAddon_qfi6t_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_qfi6t_gg_:not(:only-child):last-child,.___SLinkAddon_qfi6t_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_qfi6t_gg_{width:16px;height:16px}.___SLinkTrigger_qfi6t_gg_._size_m_qfi6t_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_qfi6t_gg_._size_l_qfi6t_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_qfi6t_gg_,.___SLinkTrigger_qfi6t_gg_ .___SText_qfi6t_gg_{transition:none}}" /*__inner_css_end__*/, "qfi6t_gg_") /*__reshadow_css_end__*/, {
21
+ "__SLinkTrigger": "___SLinkTrigger_qfi6t_gg_",
22
+ "_active": "__active_qfi6t_gg_",
23
+ "__SText": "___SText_qfi6t_gg_",
24
+ "_color": "__color_qfi6t_gg_",
25
+ "--color": "--color_qfi6t",
26
+ "--color-hover": "--color-hover_qfi6t",
27
+ "_disabled": "__disabled_qfi6t_gg_",
28
+ "_keyboardFocused": "__keyboardFocused_qfi6t_gg_",
29
+ "__SAddon": "___SAddon_qfi6t_gg_",
30
+ "__SLinkAddon": "___SLinkAddon_qfi6t_gg_",
31
+ "_size_m": "_size_m_qfi6t_gg_",
32
+ "_size_l": "_size_l_qfi6t_gg_"
33
33
  });
34
34
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
35
35
  _inherits(RootLinkTrigger, _Component);
@@ -68,8 +68,8 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
68
68
  "use:color": color,
69
69
  "use:color-hover": colorHover
70
70
  }, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
71
- "size": "xs",
72
- "theme": "currentColor"
71
+ "size": 'xs',
72
+ "theme": 'currentColor'
73
73
  })) : /*#__PURE__*/React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
74
74
  }
75
75
  }]);
package/lib/es6/LinkTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColor","shade","keyboardFocusEnhance","style","_sstyled","insert","RootLinkTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","colorHover","createElement","cn","_objectSpread","_assignProps","Text","_defineProperty","size","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size=\"xs\" theme=\"currentColor\" /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} use:placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,IAAI,MAAM,eAAe;AAChC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,YAAY,IAAIC,KAAK,QAAQ,0BAA0B;AAC9D,OAAOC,oBAAoB,MAAM,kDAAkD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI9EC,eAAe,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,eAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,eAAA;EAAA,SAAAA,gBAAA;IAAAK,eAAA,OAAAL,eAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,eAAA;IAAAS,GAAA;IAAAC,KAAA,EAQnB,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAA+B,IAAI,CAACC,OAAO;QAAnCC,WAAW,GAAAF,aAAA,CAAXE,WAAW;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;MAC1B,OAAO;QACLD,WAAW,EAAXA,WAAW;QACXC,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAJ,OAAA;QAAAK,KAAA;MACP,IAAMC,YAAY,GAQM1B,GAAG;MAP3B,IAAM2B,UAAU,GAAGC,WAAW,CAACC,KAAK;MACpC,IAAAC,cAAA,GAAmE,IAAI,CAACV,OAAO;QAAvEW,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,OAAO,GAAAF,cAAA,CAAPE,OAAO;QAAEC,MAAM,GAAAH,cAAA,CAANG,MAAM;QAAEX,KAAK,GAAAQ,cAAA,CAALR,KAAK;QAASY,aAAa,GAAAJ,cAAA,CAApBK,KAAK;MAE/C,IAAMA,KAAK,GAAGlC,YAAY,CAACiC,aAAa,CAAC;MACzC,IAAME,UAAU,GAAGlC,KAAK,CAACiC,KAAK,EAAE,CAAC,IAAI,CAAC;MAEtC,OAAAV,KAAA,GAAO7B,OAAO,CAACqC,MAAM,CAAC,eACpBzC,KAAA,CAAA6C,aAAA,CAACX,YAAY,EAAAD,KAAA,CAAAa,EAAA,iBAAAC,aAAA,KAAAC,YAAA;QAAA,aAAyBL,KAAK;QAAA,mBAAmBC;MAAU,GAAAZ,IAAA,KACrE3B,iBAAiB,CAACkC,QAAQ,EAAEH,WAAW,CAACa,IAAI,EAAEb,WAAW,CAACC,KAAK,EAAEP,KAAK,CAAC,eACxE9B,KAAA,CAAA6C,aAAA,CAACV,UAAU,EAAAF,KAAA,CAAAa,EAAA,oBACRN,OAAO,gBAAGxC,KAAA,CAAA6C,aAAA,CAACtC,IAAI,EAAA0B,KAAA,CAAAa,EAAA;QAAA,QAAM,IAAI;QAAA,SAAO;MAAc,GAAG,gBAAG9C,KAAA,CAAA6C,aAAA,CAACvC,WAAW,EAAA2B,KAAA,CAAAa,EAAA,oBAAG,CACzD,CACA;IAEnB;EAAC;EAAA,OAAA/B,eAAA;AAAA,EAhC2Bb,SAAS;AAAAgD,eAAA,CAAjCnC,eAAe,iBACE,aAAa;AAAAmC,eAAA,CAD9BnC,eAAe,WAEJH,KAAK;AAAAsC,eAAA,CAFhBnC,eAAe,kBAGG;EACpBoC,IAAI,EAAE;AACR,CAAC;AAAAD,eAAA,CALGnC,eAAe,aAMF,CAACJ,oBAAoB,EAAE,CAAC;AA6B3C,SAASsC,IAAIA,CAACG,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAKMhD,GAAG;EAJpB,IAAQiD,QAAQ,GAAiCL,KAAK,CAA9CK,QAAQ;IAAEhB,MAAM,GAAyBW,KAAK,CAApCX,MAAM;IAAEX,KAAK,GAAkBsB,KAAK,CAA5BtB,KAAK;IAAED,WAAW,GAAKuB,KAAK,CAArBvB,WAAW;EAE5C,OAAA0B,KAAA,GAAOnD,OAAO,CAACqC,MAAM,CAAC;EAAA;EACpB;EACAzC,KAAA,CAAA6C,aAAA,CAACW,KAAK,EAAAD,KAAA,CAAAT,EAAA,UAAAC,aAAA,KAAAW,aAAA;IAAA,mBAA+B5B;EAAK,GAAAuB,KAAA,KACvCvB,KAAK,GAAGD,WAAW,GAAG4B,QAAQ,CACzB;AAEZ;AAEA,SAASpB,KAAKA,CAACe,KAAK,EAAE;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EACpB,IAAMC,MAAM,GACiCrD,GAAG;EAAhD,OAAAoD,KAAA,GAAOxD,OAAO,CAACgD,KAAK,CAACX,MAAM,CAAC,eAACzC,KAAA,CAAA6C,aAAA,CAACgB,MAAM,EAAAD,KAAA,CAAAd,EAAA,WAAAC,aAAA,KAAAe,aAAA,KAAAH,KAAA,IAAgB;AACtD;AAEA,IAAMvB,WAAW,GAAGnC,eAAe,CAACc,eAAe,EAAE;EACnDkC,IAAI,EAAJA,IAAI;EACJZ,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,eAAeD,WAAW"}
1
+ {"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColor","shade","keyboardFocusEnhance","style","_sstyled","insert","RootLinkTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","colorHover","createElement","cn","_objectSpread","_assignProps","Text","_defineProperty","size","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} use:placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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"}
package/lib/es6/style/base-trigger.shadow.css CHANGED
@@ -11,7 +11,6 @@ SBaseTrigger {
11
11
  padding: 0;
12
12
  margin: 0;
13
13
  box-shadow: none;
14
- outline: none;
15
14
  text-decoration: none;
16
15
  -webkit-tap-highlight-color: transparent;
17
16
  overflow: visible;
@@ -42,6 +41,7 @@ SBaseTrigger {
42
41
  &[keyboardFocused] {
43
42
  border: 1px solid var(--intergalactic-border-info-active, #006dca);
44
43
  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
44
+ z-index: 1;
45
45
  }
46
46
 
47
47
  &:hover {
@@ -50,7 +50,8 @@ SBaseTrigger {
50
50
 
51
51
  &:active,
52
52
  &[active] {
53
- background-color: var(--intergalactic-bg-primary-neutral-active, #e0e1e9);
53
+ border-color: var(--intergalactic-border-info-active, #006dca);
54
+ background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
54
55
  }
55
56
  }
56
57
 
@@ -60,10 +61,6 @@ SBaseTrigger[disabled] {
60
61
  pointer-events: none; /* Disable link interactions */
61
62
  }
62
63
 
63
- SBaseTrigger[keyboardFocused] {
64
- z-index: 1;
65
- }
66
-
67
64
  SInner {
68
65
  display: inline-flex;
69
66
  align-items: center;
@@ -168,11 +165,6 @@ SBaseTrigger[state='normal'] {
168
165
  border-color: var(--intergalactic-border-primary, #c4c7cf);
169
166
  }
170
167
 
171
- SBaseTrigger[active],
172
- SBaseTrigger:active {
173
- border-color: var(--intergalactic-border-info-active, #006dca);
174
- background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
175
- }
176
168
 
177
169
  SBaseTrigger[state='valid'] {
178
170
  border-color: var(--intergalactic-border-success-active, #007c65);
package/lib/es6/style/link-trigger.shadow.css CHANGED
@@ -9,7 +9,6 @@ SLinkTrigger {
9
9
  box-sizing: border-box;
10
10
  padding: 0;
11
11
  margin: 0;
12
- outline: none;
13
12
  text-decoration: none;
14
13
  -webkit-tap-highlight-color: transparent;
15
14
  overflow: visible;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/base-trigger",
3
3
  "description": "Semrush BaseTrigger Component",
4
- "version": "3.11.2",
4
+ "version": "3.12.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -21,9 +21,6 @@
21
21
  "react": "16.8 - 18",
22
22
  "react-dom": "16.8 - 18"
23
23
  },
24
- "jest": {
25
- "preset": "@semcore/jest-preset-ui"
26
- },
27
24
  "repository": {
28
25
  "type": "git",
29
26
  "url": "https://github.com/semrush/intergalactic.git",
@@ -32,11 +29,10 @@
32
29
  "devDependencies": {
33
30
  "@guidepup/playwright": "0.6.1",
34
31
  "@playwright/test": "1.25.1",
35
- "@semcore/jest-preset-ui": "1.0.0",
32
+ "@semcore/testing-utils": "1.0.0",
36
33
  "@types/react": "18.0.21"
37
34
  },
38
35
  "scripts": {
39
- "build": "pnpm semcore-builder --source=js",
40
- "test": "jest"
36
+ "build": "pnpm semcore-builder --source=js"
41
37
  }
42
38
  }