@semcore/base-trigger 3.9.0 → 3.10.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 (15) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/lib/cjs/BaseTrigger.js +18 -18
  3. package/lib/cjs/ButtonTrigger.js +3 -3
  4. package/lib/cjs/FilterTrigger.js +25 -18
  5. package/lib/cjs/FilterTrigger.js.map +1 -1
  6. package/lib/cjs/LinkTrigger.js +13 -13
  7. package/lib/cjs/index.d.js.map +1 -1
  8. package/lib/es6/BaseTrigger.js +18 -18
  9. package/lib/es6/ButtonTrigger.js +3 -3
  10. package/lib/es6/FilterTrigger.js +25 -18
  11. package/lib/es6/FilterTrigger.js.map +1 -1
  12. package/lib/es6/LinkTrigger.js +13 -13
  13. package/lib/es6/index.d.js.map +1 -1
  14. package/lib/types/index.d.ts +2 -0
  15. package/package.json +1 -1
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.10.0] - 2023-06-07
6
+
7
+ ### Fixed
8
+
9
+ - Passing props to FilterTrigger inner select.
10
+
5
11
  ## [3.9.0] - 2023-06-09
6
12
 
7
13
  ### Added
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_1v14t_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_1v14t_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1v14t_gg_:active,.___SBaseTrigger_1v14t_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1v14t_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1v14t_gg_.__keyboardFocused_1v14t_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_1v14t_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1v14t_gg_.__active_1v14t_gg_,.___SBaseTrigger_1v14t_gg_:active{background-color:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SBaseTrigger_1v14t_gg_.__disabled_1v14t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBaseTrigger_1v14t_gg_.__keyboardFocused_1v14t_gg_{z-index:1}.___SInner_1v14t_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1v14t_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_1v14t_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1v14t_gg_{width:12px;height:12px}.___SBaseTrigger_1v14t_gg_._size_m_1v14t_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_1v14t_gg_._size_m_1v14t_gg_ .___SAddon_1v14t_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1v14t_gg_._size_m_1v14t_gg_ .___SAddon_1v14t_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1v14t_gg_._size_l_1v14t_gg_ .___SAddon_1v14t_gg_:only-child,.___SBaseTrigger_1v14t_gg_._size_m_1v14t_gg_ .___SAddon_1v14t_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1v14t_gg_._size_l_1v14t_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_1v14t_gg_._size_l_1v14t_gg_ .___SAddon_1v14t_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1v14t_gg_._size_l_1v14t_gg_ .___SAddon_1v14t_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1v14t_gg_._neighborLocation_right_1v14t_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1v14t_gg_._neighborLocation_both_1v14t_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1v14t_gg_._neighborLocation_left_1v14t_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1v14t_gg_.__placeholder_1v14t_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1v14t_gg_._state_normal_1v14t_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1v14t_gg_.__active_1v14t_gg_,.___SBaseTrigger_1v14t_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca)}.___SBaseTrigger_1v14t_gg_._state_valid_1v14t_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1v14t_gg_._state_invalid_1v14t_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1v14t_gg_._state_invalid_1v14t_gg_.__keyboardFocused_1v14t_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__*/, "1v14t_gg_") /*__reshadow_css_end__*/, {
26
- "__SBaseTrigger": "___SBaseTrigger_1v14t_gg_",
27
- "_keyboardFocused": "__keyboardFocused_1v14t_gg_",
28
- "_active": "__active_1v14t_gg_",
29
- "_disabled": "__disabled_1v14t_gg_",
30
- "__SInner": "___SInner_1v14t_gg_",
31
- "__SText": "___SText_1v14t_gg_",
32
- "__SAddon": "___SAddon_1v14t_gg_",
33
- "__SBaseAddon": "___SBaseAddon_1v14t_gg_",
34
- "_size_m": "_size_m_1v14t_gg_",
35
- "_size_l": "_size_l_1v14t_gg_",
36
- "_neighborLocation_right": "_neighborLocation_right_1v14t_gg_",
37
- "_neighborLocation_both": "_neighborLocation_both_1v14t_gg_",
38
- "_neighborLocation_left": "_neighborLocation_left_1v14t_gg_",
39
- "_placeholder": "__placeholder_1v14t_gg_",
40
- "_state_normal": "_state_normal_1v14t_gg_",
41
- "_state_valid": "_state_valid_1v14t_gg_",
42
- "_state_invalid": "_state_invalid_1v14t_gg_"
25
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_32fnt_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_32fnt_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_32fnt_gg_:active,.___SBaseTrigger_32fnt_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_32fnt_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_32fnt_gg_.__keyboardFocused_32fnt_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_32fnt_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_32fnt_gg_.__active_32fnt_gg_,.___SBaseTrigger_32fnt_gg_:active{background-color:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SBaseTrigger_32fnt_gg_.__disabled_32fnt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBaseTrigger_32fnt_gg_.__keyboardFocused_32fnt_gg_{z-index:1}.___SInner_32fnt_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_32fnt_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_32fnt_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_32fnt_gg_{width:12px;height:12px}.___SBaseTrigger_32fnt_gg_._size_m_32fnt_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_32fnt_gg_._size_m_32fnt_gg_ .___SAddon_32fnt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_32fnt_gg_._size_m_32fnt_gg_ .___SAddon_32fnt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_32fnt_gg_._size_l_32fnt_gg_ .___SAddon_32fnt_gg_:only-child,.___SBaseTrigger_32fnt_gg_._size_m_32fnt_gg_ .___SAddon_32fnt_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_32fnt_gg_._size_l_32fnt_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_32fnt_gg_._size_l_32fnt_gg_ .___SAddon_32fnt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_32fnt_gg_._size_l_32fnt_gg_ .___SAddon_32fnt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_32fnt_gg_._neighborLocation_right_32fnt_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_32fnt_gg_._neighborLocation_both_32fnt_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_32fnt_gg_._neighborLocation_left_32fnt_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_32fnt_gg_.__placeholder_32fnt_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_32fnt_gg_._state_normal_32fnt_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_32fnt_gg_.__active_32fnt_gg_,.___SBaseTrigger_32fnt_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca)}.___SBaseTrigger_32fnt_gg_._state_valid_32fnt_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_32fnt_gg_._state_invalid_32fnt_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_32fnt_gg_._state_invalid_32fnt_gg_.__keyboardFocused_32fnt_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__*/, "32fnt_gg_") /*__reshadow_css_end__*/, {
26
+ "__SBaseTrigger": "___SBaseTrigger_32fnt_gg_",
27
+ "_keyboardFocused": "__keyboardFocused_32fnt_gg_",
28
+ "_active": "__active_32fnt_gg_",
29
+ "_disabled": "__disabled_32fnt_gg_",
30
+ "__SInner": "___SInner_32fnt_gg_",
31
+ "__SText": "___SText_32fnt_gg_",
32
+ "__SAddon": "___SAddon_32fnt_gg_",
33
+ "__SBaseAddon": "___SBaseAddon_32fnt_gg_",
34
+ "_size_m": "_size_m_32fnt_gg_",
35
+ "_size_l": "_size_l_32fnt_gg_",
36
+ "_neighborLocation_right": "_neighborLocation_right_32fnt_gg_",
37
+ "_neighborLocation_both": "_neighborLocation_both_32fnt_gg_",
38
+ "_neighborLocation_left": "_neighborLocation_left_32fnt_gg_",
39
+ "_placeholder": "__placeholder_32fnt_gg_",
40
+ "_state_normal": "_state_normal_32fnt_gg_",
41
+ "_state_valid": "_state_valid_32fnt_gg_",
42
+ "_state_invalid": "_state_invalid_32fnt_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_zco30_gg_{width:12px;height:12px}.___SButtonTriggerSpin_zco30_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "zco30_gg_") /*__reshadow_css_end__*/, {
24
- "__SButtonAddon": "___SButtonAddon_zco30_gg_",
25
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_zco30_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_ntaio_gg_{width:12px;height:12px}.___SButtonTriggerSpin_ntaio_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "ntaio_gg_") /*__reshadow_css_end__*/, {
24
+ "__SButtonAddon": "___SButtonAddon_ntaio_gg_",
25
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_ntaio_gg_"
26
26
  });
27
27
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
28
28
  (0, _inherits2["default"])(RootButtonTrigger, _Component);
package/lib/cjs/FilterTrigger.js CHANGED
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
7
7
  });
8
8
  exports["default"] = void 0;
9
9
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
11
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
12
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
12
13
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -27,22 +28,23 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
27
28
  var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
28
29
  var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
29
30
  var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
31
+ var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps"));
30
32
  /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
31
- var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonTrigger_fmrgk_gg_{border:1px solid var(--intergalactic-border-primary, #c4c7cf);background:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23)}.___SButtonTrigger_fmrgk_gg_::-moz-focus-inner{border:0;padding:0}.___SButtonTrigger_fmrgk_gg_:active,.___SButtonTrigger_fmrgk_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButtonTrigger_fmrgk_gg_:hover{outline:0;text-decoration:none}}.___SButtonTrigger_fmrgk_gg_.__active_fmrgk_gg_,.___SButtonTrigger_fmrgk_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}@media (hover:hover){.___SButtonTrigger_fmrgk_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}}.___SButtonTrigger_fmrgk_gg_._size_m_fmrgk_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButtonTrigger_fmrgk_gg_._size_l_fmrgk_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SText_fmrgk_gg_.__placeholder_fmrgk_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SButtonTrigger_fmrgk_gg_._state_normal_fmrgk_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButtonTrigger_fmrgk_gg_._state_valid_fmrgk_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SButtonTrigger_fmrgk_gg_._state_invalid_fmrgk_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SFilterTrigger_fmrgk_gg_.__selected_fmrgk_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_fmrgk_gg_.__selected_fmrgk_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_fmrgk_gg_.__selected_fmrgk_gg_.__active_fmrgk_gg_,.___SFilterTrigger_fmrgk_gg_.__selected_fmrgk_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_fmrgk_gg_{display:inline-flex}.___SWrapper_fmrgk_gg_:focus{outline:0}.___SWrapper_fmrgk_gg_.__keyboardFocused_fmrgk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_fmrgk_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}.___SFilterTrigger_fmrgk_gg_.__active_fmrgk_gg_,.___SFilterTrigger_fmrgk_gg_:active{background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "fmrgk_gg_") /*__reshadow_css_end__*/, {
32
- "__SButtonTrigger": "___SButtonTrigger_fmrgk_gg_",
33
- "_active": "__active_fmrgk_gg_",
34
- "_size_m": "_size_m_fmrgk_gg_",
35
- "_size_l": "_size_l_fmrgk_gg_",
36
- "__SText": "___SText_fmrgk_gg_",
37
- "_placeholder": "__placeholder_fmrgk_gg_",
38
- "_state_normal": "_state_normal_fmrgk_gg_",
39
- "_state_valid": "_state_valid_fmrgk_gg_",
40
- "_state_invalid": "_state_invalid_fmrgk_gg_",
41
- "__SFilterTrigger": "___SFilterTrigger_fmrgk_gg_",
42
- "_selected": "__selected_fmrgk_gg_",
43
- "__SWrapper": "___SWrapper_fmrgk_gg_",
44
- "_keyboardFocused": "__keyboardFocused_fmrgk_gg_",
45
- "__SCounter": "___SCounter_fmrgk_gg_"
33
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonTrigger_4mn91_gg_{border:1px solid var(--intergalactic-border-primary, #c4c7cf);background:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23)}.___SButtonTrigger_4mn91_gg_::-moz-focus-inner{border:0;padding:0}.___SButtonTrigger_4mn91_gg_:active,.___SButtonTrigger_4mn91_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButtonTrigger_4mn91_gg_:hover{outline:0;text-decoration:none}}.___SButtonTrigger_4mn91_gg_.__active_4mn91_gg_,.___SButtonTrigger_4mn91_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}@media (hover:hover){.___SButtonTrigger_4mn91_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}}.___SButtonTrigger_4mn91_gg_._size_m_4mn91_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButtonTrigger_4mn91_gg_._size_l_4mn91_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SText_4mn91_gg_.__placeholder_4mn91_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SButtonTrigger_4mn91_gg_._state_normal_4mn91_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButtonTrigger_4mn91_gg_._state_valid_4mn91_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SButtonTrigger_4mn91_gg_._state_invalid_4mn91_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SFilterTrigger_4mn91_gg_.__selected_4mn91_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_4mn91_gg_.__selected_4mn91_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_4mn91_gg_.__selected_4mn91_gg_.__active_4mn91_gg_,.___SFilterTrigger_4mn91_gg_.__selected_4mn91_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_4mn91_gg_{display:inline-flex}.___SWrapper_4mn91_gg_:focus{outline:0}.___SWrapper_4mn91_gg_.__keyboardFocused_4mn91_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_4mn91_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}.___SFilterTrigger_4mn91_gg_.__active_4mn91_gg_,.___SFilterTrigger_4mn91_gg_:active{background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "4mn91_gg_") /*__reshadow_css_end__*/, {
34
+ "__SButtonTrigger": "___SButtonTrigger_4mn91_gg_",
35
+ "_active": "__active_4mn91_gg_",
36
+ "_size_m": "_size_m_4mn91_gg_",
37
+ "_size_l": "_size_l_4mn91_gg_",
38
+ "__SText": "___SText_4mn91_gg_",
39
+ "_placeholder": "__placeholder_4mn91_gg_",
40
+ "_state_normal": "_state_normal_4mn91_gg_",
41
+ "_state_valid": "_state_valid_4mn91_gg_",
42
+ "_state_invalid": "_state_invalid_4mn91_gg_",
43
+ "__SFilterTrigger": "___SFilterTrigger_4mn91_gg_",
44
+ "_selected": "__selected_4mn91_gg_",
45
+ "__SWrapper": "___SWrapper_4mn91_gg_",
46
+ "_keyboardFocused": "__keyboardFocused_4mn91_gg_",
47
+ "__SCounter": "___SCounter_4mn91_gg_"
46
48
  });
47
49
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
48
50
  (0, _inherits2["default"])(RootFilterTrigger, _Component);
@@ -75,13 +77,17 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
75
77
  placeholder = _this$asProps.placeholder,
76
78
  active = _this$asProps.active,
77
79
  disabled = _this$asProps.disabled,
78
- getI18nText = _this$asProps.getI18nText;
80
+ getI18nText = _this$asProps.getI18nText,
81
+ includeInputProps = _this$asProps.includeInputProps;
79
82
  if (this.asProps.role === 'button') {
80
83
  this.asProps.role = 'group';
81
84
  }
85
+ var _getInputProps = (0, _inputProps["default"])(this.asProps, includeInputProps),
86
+ _getInputProps2 = (0, _slicedToArray2["default"])(_getInputProps, 1),
87
+ controlProps = _getInputProps2[0];
82
88
  return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref3.cn("SWrapper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
83
89
  "aria-label": getI18nText('filter')
84
- }, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
90
+ }, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", (0, _objectSpread2["default"])({
85
91
  "w": "100%",
86
92
  "size": size,
87
93
  "placeholder": placeholder,
@@ -89,7 +95,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
89
95
  "selected": !empty,
90
96
  "active": active,
91
97
  "disabled": disabled
92
- }), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
98
+ }, controlProps)), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
93
99
  tag: _m2["default"]
94
100
  })), !empty && /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
95
101
  "tag": "button",
@@ -119,6 +125,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
119
125
  onChangeOf: ['value']
120
126
  })]);
121
127
  (0, _defineProperty2["default"])(RootFilterTrigger, "defaultProps", {
128
+ includeInputProps: _inputProps.inputProps,
122
129
  i18n: _intergalacticDynamicLocales.localizedMessages,
123
130
  locale: 'en'
124
131
  });
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","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","role","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","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';\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 ];\n static defaultProps = {\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 { Children, styles, empty, onClear, size, placeholder, active, disabled, getI18nText } =\n this.asProps;\n\n if (this.asProps.role === 'button') {\n this.asProps.role = 'group';\n }\n\n return sstyled(styles)(\n <SWrapper render={Box} aria-label={getI18nText('filter')}>\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 >\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 aria-label={getI18nText('clear')}\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\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":";;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,IAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,EAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,GAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,aAAA,GAAAT,OAAA;AACA,IAAAU,kBAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,4BAAA,GAAAX,OAAA;AACA,IAAAY,YAAA,GAAAV,sBAAA,CAAAF,OAAA;AACA,IAAAa,oBAAA,GAAAX,sBAAA,CAAAF,OAAA;AACA,IAAAc,eAAA,GAAAd,OAAA;AAAuE;AAAA,IAAAe,KAAA,+BAAAjB,KAAA,CAAAkB,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,iBAAiB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,iBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,4BAqBG,UAACa,CAAC;MAAA,OAAKA,CAAC,CAACC,eAAe,EAAE;IAAA;IAAA,OAAAd,KAAA;EAAA;EAAA,IAAAe,aAAA,aAAApB,iBAAA;IAAAqB,GAAA;IAAAC,KAAA,EAElD,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,QAAQ,GAUMC,YAAG;MATvB,IAAMC,cAAc,GAAGC,uBAAW;MAClC,IAAAC,aAAA,GACE,IAAI,CAACN,OAAO;QADNO,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QAAEC,IAAI,GAAAL,aAAA,CAAJK,IAAI;QAAEC,WAAW,GAAAN,aAAA,CAAXM,WAAW;QAAEC,MAAM,GAAAP,aAAA,CAANO,MAAM;QAAEC,QAAQ,GAAAR,aAAA,CAARQ,QAAQ;QAAEC,WAAW,GAAAT,aAAA,CAAXS,WAAW;MAG1F,IAAI,IAAI,CAACf,OAAO,CAACgB,IAAI,KAAK,QAAQ,EAAE;QAClC,IAAI,CAAChB,OAAO,CAACgB,IAAI,GAAG,OAAO;MAC7B;MAEA,OAAAf,KAAA,GAAO,IAAA5B,aAAO,EAACmC,MAAM,CAAC,eACpBlD,MAAA,YAAA2D,aAAA,CAACf,QAAQ,EAAAD,KAAA,CAAAiB,EAAA,iBAAAC,cAAA,qBAAAhE,KAAA,CAAAiE,WAAA;QAAA,cAA0BL,WAAW,CAAC,QAAQ;MAAC,GAAAhB,IAAA,kBACtDzC,MAAA,YAAA2D,aAAA,CAACvD,iBAAA,WAAgB,EAAAuC,KAAA,CAAAiB,EAAA,uCACf5D,MAAA,YAAA2D,aAAA,CAACb,cAAc,EAAAH,KAAA,CAAAiB,EAAA;QAAA,KACX,MAAM;QAAA,QACFP,IAAI;QAAA,eACGC,WAAW;QAAA,SACjBH,KAAK;QAAA,YACF,CAACA,KAAK;QAAA,UACRI,MAAM;QAAA,YACJC;MAAQ,IAEjB,IAAAO,6BAAiB,EAChBd,QAAQ,EACRe,aAAa,CAACC,IAAI,EAClB,CAACD,aAAa,CAACE,KAAK,EAAEF,aAAa,CAACG,OAAO,CAAC,EAC5ChB,KAAK,CACN,EACAA,KAAK,iBAAInD,MAAA,YAAA2D,aAAA,CAACK,aAAa,CAACE,KAAK;QAACE,GAAG,EAAEC;MAAY,EAAG,CACpC,EAChB,CAAClB,KAAK,iBACLnD,MAAA,YAAA2D,aAAA,CAACb,cAAc,EAAAH,KAAA,CAAAiB,EAAA;QAAA,OACT,QAAQ;QAAA,cACAH,WAAW,CAAC,OAAO,CAAC;QAAA,QAC1BJ,IAAI;QAAA,SACHF,KAAK;QAAA;QAAA,WAEH,IAAAmB,kCAAoB,EAAClB,OAAO,EAAE,IAAI,CAACmB,qBAAqB,CAAC;QAAA,aACvD,IAAI,CAACA,qBAAqB;QAAA,YAC3Bf;MAAQ,iBAElBxD,MAAA,YAAA2D,aAAA,CAACK,aAAa,CAACE,KAAK;QAACE,GAAG,EAAEI;MAAM,EAAG,CAEtC,CACgB,CACV;IAEf;EAAC;EAAA,OAAAvD,iBAAA;AAAA,EAtE6BwD,eAAS;AAAA,IAAAxC,gBAAA,aAAnChB,iBAAiB,iBACA,eAAe;AAAA,IAAAgB,gBAAA,aADhChB,iBAAiB,WAENH,KAAK;AAAA,IAAAmB,gBAAA,aAFhBhB,iBAAiB,aAGJ,CACf,IAAAyD,uBAAW,EAACC,8CAAiB,CAAC,EAC9B,IAAAC,kCAAkB,EAAC;EACjBC,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACF,IAAAC,+BAAmB,EAAC;EAClBC,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAA,IAAApD,gBAAA,aAfGhB,iBAAiB,kBAgBC;EACpBqE,IAAI,EAAEX,8CAAiB;EACvBY,MAAM,EAAE;AACV,CAAC;AAsDH,SAASpB,OAAOA,CAACqB,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAMC,QAAQ,GACiC7C,uBAAW,CAACmB,KAAK;EAAhE,OAAAyB,KAAA,GAAO,IAAA5E,aAAO,EAACyE,KAAK,CAACtC,MAAM,CAAC,eAAClD,MAAA,YAAA2D,aAAA,CAACiC,QAAQ,EAAAD,KAAA,CAAA/B,EAAA,iBAAAC,cAAA,qBAAAhE,KAAA,CAAAiE,WAAA;IAAA,OAAiC+B;EAAG,GAAAJ,KAAA,IAAI;AAChF;AAEA,IAAMzB,aAAa,GAAG,IAAA8B,gBAAe,EACnC7E,iBAAiB,EACjB;EACEgD,IAAI,EAAElB,uBAAW,CAACkB,IAAI;EACtBC,KAAK,EAAEnB,uBAAW,CAACmB,KAAK;EACxBC,OAAO,EAAPA;AACF,CAAC,EACD;EACE4B,MAAM,EAAEhD;AACV,CAAC,CACF;AAAC,IAAAiD,QAAA,GAEahC,aAAa;AAAAiC,OAAA,cAAAD,QAAA"}
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","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","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","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';\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 ];\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 } = 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')}>\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 {...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 aria-label={getI18nText('clear')}\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\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_95jmw_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_95jmw_gg_.__active_95jmw_gg_,.___SLinkTrigger_95jmw_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_95jmw_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_95jmw_gg_.__active_95jmw_gg_ .___SText_95jmw_gg_,.___SLinkTrigger_95jmw_gg_:active .___SText_95jmw_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_95jmw_gg_:hover .___SText_95jmw_gg_{border-color:currentColor}}.___SLinkTrigger_95jmw_gg_ .___SText_95jmw_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_95jmw_gg_.__color_95jmw_gg_{color:var(--color_95jmw)}@media (hover:hover){.___SLinkTrigger_95jmw_gg_.__color_95jmw_gg_:hover{color:var(--color-hover_95jmw)}}.___SLinkTrigger_95jmw_gg_.__disabled_95jmw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_95jmw_gg_.__keyboardFocused_95jmw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_95jmw_gg_,.___SLinkAddon_95jmw_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_95jmw_gg_:not(:only-child):first-child,.___SLinkAddon_95jmw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_95jmw_gg_:not(:only-child):last-child,.___SLinkAddon_95jmw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_95jmw_gg_{width:16px;height:16px}.___SLinkTrigger_95jmw_gg_._size_m_95jmw_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_95jmw_gg_._size_l_95jmw_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_95jmw_gg_,.___SLinkTrigger_95jmw_gg_ .___SText_95jmw_gg_{transition:none}}" /*__inner_css_end__*/, "95jmw_gg_") /*__reshadow_css_end__*/, {
25
- "__SLinkTrigger": "___SLinkTrigger_95jmw_gg_",
26
- "_active": "__active_95jmw_gg_",
27
- "__SText": "___SText_95jmw_gg_",
28
- "_color": "__color_95jmw_gg_",
29
- "--color": "--color_95jmw",
30
- "--color-hover": "--color-hover_95jmw",
31
- "_disabled": "__disabled_95jmw_gg_",
32
- "_keyboardFocused": "__keyboardFocused_95jmw_gg_",
33
- "__SAddon": "___SAddon_95jmw_gg_",
34
- "__SLinkAddon": "___SLinkAddon_95jmw_gg_",
35
- "_size_m": "_size_m_95jmw_gg_",
36
- "_size_l": "_size_l_95jmw_gg_"
24
+ var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_p1q7e_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_p1q7e_gg_.__active_p1q7e_gg_,.___SLinkTrigger_p1q7e_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_p1q7e_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_p1q7e_gg_.__active_p1q7e_gg_ .___SText_p1q7e_gg_,.___SLinkTrigger_p1q7e_gg_:active .___SText_p1q7e_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_p1q7e_gg_:hover .___SText_p1q7e_gg_{border-color:currentColor}}.___SLinkTrigger_p1q7e_gg_ .___SText_p1q7e_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_p1q7e_gg_.__color_p1q7e_gg_{color:var(--color_p1q7e)}@media (hover:hover){.___SLinkTrigger_p1q7e_gg_.__color_p1q7e_gg_:hover{color:var(--color-hover_p1q7e)}}.___SLinkTrigger_p1q7e_gg_.__disabled_p1q7e_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_p1q7e_gg_.__keyboardFocused_p1q7e_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_p1q7e_gg_,.___SLinkAddon_p1q7e_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_p1q7e_gg_:not(:only-child):first-child,.___SLinkAddon_p1q7e_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_p1q7e_gg_:not(:only-child):last-child,.___SLinkAddon_p1q7e_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_p1q7e_gg_{width:16px;height:16px}.___SLinkTrigger_p1q7e_gg_._size_m_p1q7e_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_p1q7e_gg_._size_l_p1q7e_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_p1q7e_gg_,.___SLinkTrigger_p1q7e_gg_ .___SText_p1q7e_gg_{transition:none}}" /*__inner_css_end__*/, "p1q7e_gg_") /*__reshadow_css_end__*/, {
25
+ "__SLinkTrigger": "___SLinkTrigger_p1q7e_gg_",
26
+ "_active": "__active_p1q7e_gg_",
27
+ "__SText": "___SText_p1q7e_gg_",
28
+ "_color": "__color_p1q7e_gg_",
29
+ "--color": "--color_p1q7e",
30
+ "--color-hover": "--color-hover_p1q7e",
31
+ "_disabled": "__disabled_p1q7e_gg_",
32
+ "_keyboardFocused": "__keyboardFocused_p1q7e_gg_",
33
+ "__SAddon": "___SAddon_p1q7e_gg_",
34
+ "__SLinkAddon": "___SLinkAddon_p1q7e_gg_",
35
+ "_size_m": "_size_m_p1q7e_gg_",
36
+ "_size_l": "_size_l_p1q7e_gg_"
37
37
  });
38
38
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
39
39
  (0, _inherits2["default"])(RootLinkTrigger, _Component);
package/lib/cjs/index.d.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Dot from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { IWithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\nexport interface IBaseTriggerProps\n extends IBoxProps,\n INeighborItemProps,\n IKeyboardFocusProps,\n IWithAnimatedSizeEnhanceProps {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n}\n\nexport interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n}\n\nexport interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n}\n\nexport interface IFilterTriggerProps extends IBaseTriggerProps {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n}\n\ndeclare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: <T>(\n props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,\n ) => ReturnEl;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Dot from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { IWithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\nexport interface IBaseTriggerProps\n extends IBoxProps,\n INeighborItemProps,\n IKeyboardFocusProps,\n IWithAnimatedSizeEnhanceProps {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n}\n\nexport interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n}\n\nexport interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n}\n\nexport interface IFilterTriggerProps extends IBaseTriggerProps {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n}\n\ndeclare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: <T>(\n props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,\n ) => ReturnEl;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
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_1v14t_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_1v14t_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1v14t_gg_:active,.___SBaseTrigger_1v14t_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1v14t_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1v14t_gg_.__keyboardFocused_1v14t_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_1v14t_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1v14t_gg_.__active_1v14t_gg_,.___SBaseTrigger_1v14t_gg_:active{background-color:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SBaseTrigger_1v14t_gg_.__disabled_1v14t_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBaseTrigger_1v14t_gg_.__keyboardFocused_1v14t_gg_{z-index:1}.___SInner_1v14t_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1v14t_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_1v14t_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1v14t_gg_{width:12px;height:12px}.___SBaseTrigger_1v14t_gg_._size_m_1v14t_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_1v14t_gg_._size_m_1v14t_gg_ .___SAddon_1v14t_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1v14t_gg_._size_m_1v14t_gg_ .___SAddon_1v14t_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1v14t_gg_._size_l_1v14t_gg_ .___SAddon_1v14t_gg_:only-child,.___SBaseTrigger_1v14t_gg_._size_m_1v14t_gg_ .___SAddon_1v14t_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1v14t_gg_._size_l_1v14t_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_1v14t_gg_._size_l_1v14t_gg_ .___SAddon_1v14t_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1v14t_gg_._size_l_1v14t_gg_ .___SAddon_1v14t_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1v14t_gg_._neighborLocation_right_1v14t_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1v14t_gg_._neighborLocation_both_1v14t_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1v14t_gg_._neighborLocation_left_1v14t_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1v14t_gg_.__placeholder_1v14t_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1v14t_gg_._state_normal_1v14t_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1v14t_gg_.__active_1v14t_gg_,.___SBaseTrigger_1v14t_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca)}.___SBaseTrigger_1v14t_gg_._state_valid_1v14t_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1v14t_gg_._state_invalid_1v14t_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1v14t_gg_._state_invalid_1v14t_gg_.__keyboardFocused_1v14t_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__*/, "1v14t_gg_") /*__reshadow_css_end__*/, {
22
- "__SBaseTrigger": "___SBaseTrigger_1v14t_gg_",
23
- "_keyboardFocused": "__keyboardFocused_1v14t_gg_",
24
- "_active": "__active_1v14t_gg_",
25
- "_disabled": "__disabled_1v14t_gg_",
26
- "__SInner": "___SInner_1v14t_gg_",
27
- "__SText": "___SText_1v14t_gg_",
28
- "__SAddon": "___SAddon_1v14t_gg_",
29
- "__SBaseAddon": "___SBaseAddon_1v14t_gg_",
30
- "_size_m": "_size_m_1v14t_gg_",
31
- "_size_l": "_size_l_1v14t_gg_",
32
- "_neighborLocation_right": "_neighborLocation_right_1v14t_gg_",
33
- "_neighborLocation_both": "_neighborLocation_both_1v14t_gg_",
34
- "_neighborLocation_left": "_neighborLocation_left_1v14t_gg_",
35
- "_placeholder": "__placeholder_1v14t_gg_",
36
- "_state_normal": "_state_normal_1v14t_gg_",
37
- "_state_valid": "_state_valid_1v14t_gg_",
38
- "_state_invalid": "_state_invalid_1v14t_gg_"
21
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_32fnt_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_32fnt_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_32fnt_gg_:active,.___SBaseTrigger_32fnt_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_32fnt_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_32fnt_gg_.__keyboardFocused_32fnt_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_32fnt_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_32fnt_gg_.__active_32fnt_gg_,.___SBaseTrigger_32fnt_gg_:active{background-color:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SBaseTrigger_32fnt_gg_.__disabled_32fnt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBaseTrigger_32fnt_gg_.__keyboardFocused_32fnt_gg_{z-index:1}.___SInner_32fnt_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_32fnt_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_32fnt_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_32fnt_gg_{width:12px;height:12px}.___SBaseTrigger_32fnt_gg_._size_m_32fnt_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_32fnt_gg_._size_m_32fnt_gg_ .___SAddon_32fnt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_32fnt_gg_._size_m_32fnt_gg_ .___SAddon_32fnt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_32fnt_gg_._size_l_32fnt_gg_ .___SAddon_32fnt_gg_:only-child,.___SBaseTrigger_32fnt_gg_._size_m_32fnt_gg_ .___SAddon_32fnt_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_32fnt_gg_._size_l_32fnt_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_32fnt_gg_._size_l_32fnt_gg_ .___SAddon_32fnt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_32fnt_gg_._size_l_32fnt_gg_ .___SAddon_32fnt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_32fnt_gg_._neighborLocation_right_32fnt_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_32fnt_gg_._neighborLocation_both_32fnt_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_32fnt_gg_._neighborLocation_left_32fnt_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_32fnt_gg_.__placeholder_32fnt_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_32fnt_gg_._state_normal_32fnt_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_32fnt_gg_.__active_32fnt_gg_,.___SBaseTrigger_32fnt_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca)}.___SBaseTrigger_32fnt_gg_._state_valid_32fnt_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_32fnt_gg_._state_invalid_32fnt_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_32fnt_gg_._state_invalid_32fnt_gg_.__keyboardFocused_32fnt_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__*/, "32fnt_gg_") /*__reshadow_css_end__*/, {
22
+ "__SBaseTrigger": "___SBaseTrigger_32fnt_gg_",
23
+ "_keyboardFocused": "__keyboardFocused_32fnt_gg_",
24
+ "_active": "__active_32fnt_gg_",
25
+ "_disabled": "__disabled_32fnt_gg_",
26
+ "__SInner": "___SInner_32fnt_gg_",
27
+ "__SText": "___SText_32fnt_gg_",
28
+ "__SAddon": "___SAddon_32fnt_gg_",
29
+ "__SBaseAddon": "___SBaseAddon_32fnt_gg_",
30
+ "_size_m": "_size_m_32fnt_gg_",
31
+ "_size_l": "_size_l_32fnt_gg_",
32
+ "_neighborLocation_right": "_neighborLocation_right_32fnt_gg_",
33
+ "_neighborLocation_both": "_neighborLocation_both_32fnt_gg_",
34
+ "_neighborLocation_left": "_neighborLocation_left_32fnt_gg_",
35
+ "_placeholder": "__placeholder_32fnt_gg_",
36
+ "_state_normal": "_state_normal_32fnt_gg_",
37
+ "_state_valid": "_state_valid_32fnt_gg_",
38
+ "_state_invalid": "_state_invalid_32fnt_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_zco30_gg_{width:12px;height:12px}.___SButtonTriggerSpin_zco30_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "zco30_gg_") /*__reshadow_css_end__*/, {
18
- "__SButtonAddon": "___SButtonAddon_zco30_gg_",
19
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_zco30_gg_"
17
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_ntaio_gg_{width:12px;height:12px}.___SButtonTriggerSpin_ntaio_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "ntaio_gg_") /*__reshadow_css_end__*/, {
18
+ "__SButtonAddon": "___SButtonAddon_ntaio_gg_",
19
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_ntaio_gg_"
20
20
  });
21
21
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
22
22
  _inherits(RootButtonTrigger, _Component);
package/lib/es6/FilterTrigger.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
+ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
2
3
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
4
  import _createClass from "@babel/runtime/helpers/createClass";
4
5
  import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -22,22 +23,23 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
22
23
  import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
23
24
  import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
24
25
  import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
26
+ import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
25
27
  /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
26
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonTrigger_fmrgk_gg_{border:1px solid var(--intergalactic-border-primary, #c4c7cf);background:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23)}.___SButtonTrigger_fmrgk_gg_::-moz-focus-inner{border:0;padding:0}.___SButtonTrigger_fmrgk_gg_:active,.___SButtonTrigger_fmrgk_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButtonTrigger_fmrgk_gg_:hover{outline:0;text-decoration:none}}.___SButtonTrigger_fmrgk_gg_.__active_fmrgk_gg_,.___SButtonTrigger_fmrgk_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}@media (hover:hover){.___SButtonTrigger_fmrgk_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}}.___SButtonTrigger_fmrgk_gg_._size_m_fmrgk_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButtonTrigger_fmrgk_gg_._size_l_fmrgk_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SText_fmrgk_gg_.__placeholder_fmrgk_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SButtonTrigger_fmrgk_gg_._state_normal_fmrgk_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButtonTrigger_fmrgk_gg_._state_valid_fmrgk_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SButtonTrigger_fmrgk_gg_._state_invalid_fmrgk_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SFilterTrigger_fmrgk_gg_.__selected_fmrgk_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_fmrgk_gg_.__selected_fmrgk_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_fmrgk_gg_.__selected_fmrgk_gg_.__active_fmrgk_gg_,.___SFilterTrigger_fmrgk_gg_.__selected_fmrgk_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_fmrgk_gg_{display:inline-flex}.___SWrapper_fmrgk_gg_:focus{outline:0}.___SWrapper_fmrgk_gg_.__keyboardFocused_fmrgk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_fmrgk_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}.___SFilterTrigger_fmrgk_gg_.__active_fmrgk_gg_,.___SFilterTrigger_fmrgk_gg_:active{background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "fmrgk_gg_") /*__reshadow_css_end__*/, {
27
- "__SButtonTrigger": "___SButtonTrigger_fmrgk_gg_",
28
- "_active": "__active_fmrgk_gg_",
29
- "_size_m": "_size_m_fmrgk_gg_",
30
- "_size_l": "_size_l_fmrgk_gg_",
31
- "__SText": "___SText_fmrgk_gg_",
32
- "_placeholder": "__placeholder_fmrgk_gg_",
33
- "_state_normal": "_state_normal_fmrgk_gg_",
34
- "_state_valid": "_state_valid_fmrgk_gg_",
35
- "_state_invalid": "_state_invalid_fmrgk_gg_",
36
- "__SFilterTrigger": "___SFilterTrigger_fmrgk_gg_",
37
- "_selected": "__selected_fmrgk_gg_",
38
- "__SWrapper": "___SWrapper_fmrgk_gg_",
39
- "_keyboardFocused": "__keyboardFocused_fmrgk_gg_",
40
- "__SCounter": "___SCounter_fmrgk_gg_"
28
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonTrigger_4mn91_gg_{border:1px solid var(--intergalactic-border-primary, #c4c7cf);background:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23)}.___SButtonTrigger_4mn91_gg_::-moz-focus-inner{border:0;padding:0}.___SButtonTrigger_4mn91_gg_:active,.___SButtonTrigger_4mn91_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButtonTrigger_4mn91_gg_:hover{outline:0;text-decoration:none}}.___SButtonTrigger_4mn91_gg_.__active_4mn91_gg_,.___SButtonTrigger_4mn91_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}@media (hover:hover){.___SButtonTrigger_4mn91_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}}.___SButtonTrigger_4mn91_gg_._size_m_4mn91_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButtonTrigger_4mn91_gg_._size_l_4mn91_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SText_4mn91_gg_.__placeholder_4mn91_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SButtonTrigger_4mn91_gg_._state_normal_4mn91_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButtonTrigger_4mn91_gg_._state_valid_4mn91_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SButtonTrigger_4mn91_gg_._state_invalid_4mn91_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SFilterTrigger_4mn91_gg_.__selected_4mn91_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_4mn91_gg_.__selected_4mn91_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_4mn91_gg_.__selected_4mn91_gg_.__active_4mn91_gg_,.___SFilterTrigger_4mn91_gg_.__selected_4mn91_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_4mn91_gg_{display:inline-flex}.___SWrapper_4mn91_gg_:focus{outline:0}.___SWrapper_4mn91_gg_.__keyboardFocused_4mn91_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_4mn91_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}.___SFilterTrigger_4mn91_gg_.__active_4mn91_gg_,.___SFilterTrigger_4mn91_gg_:active{background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}" /*__inner_css_end__*/, "4mn91_gg_") /*__reshadow_css_end__*/, {
29
+ "__SButtonTrigger": "___SButtonTrigger_4mn91_gg_",
30
+ "_active": "__active_4mn91_gg_",
31
+ "_size_m": "_size_m_4mn91_gg_",
32
+ "_size_l": "_size_l_4mn91_gg_",
33
+ "__SText": "___SText_4mn91_gg_",
34
+ "_placeholder": "__placeholder_4mn91_gg_",
35
+ "_state_normal": "_state_normal_4mn91_gg_",
36
+ "_state_valid": "_state_valid_4mn91_gg_",
37
+ "_state_invalid": "_state_invalid_4mn91_gg_",
38
+ "__SFilterTrigger": "___SFilterTrigger_4mn91_gg_",
39
+ "_selected": "__selected_4mn91_gg_",
40
+ "__SWrapper": "___SWrapper_4mn91_gg_",
41
+ "_keyboardFocused": "__keyboardFocused_4mn91_gg_",
42
+ "__SCounter": "___SCounter_4mn91_gg_"
41
43
  });
42
44
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
43
45
  _inherits(RootFilterTrigger, _Component);
@@ -70,13 +72,17 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
70
72
  placeholder = _this$asProps.placeholder,
71
73
  active = _this$asProps.active,
72
74
  disabled = _this$asProps.disabled,
73
- getI18nText = _this$asProps.getI18nText;
75
+ getI18nText = _this$asProps.getI18nText,
76
+ includeInputProps = _this$asProps.includeInputProps;
74
77
  if (this.asProps.role === 'button') {
75
78
  this.asProps.role = 'group';
76
79
  }
80
+ var _getInputProps = getInputProps(this.asProps, includeInputProps),
81
+ _getInputProps2 = _slicedToArray(_getInputProps, 1),
82
+ controlProps = _getInputProps2[0];
77
83
  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SWrapper, _ref3.cn("SWrapper", _objectSpread({}, _assignProps({
78
84
  "aria-label": getI18nText('filter')
79
- }, _ref))), /*#__PURE__*/React.createElement(NeighborLocation, _ref3.cn("NeighborLocation", {}), /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
85
+ }, _ref))), /*#__PURE__*/React.createElement(NeighborLocation, _ref3.cn("NeighborLocation", {}), /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", _objectSpread({
80
86
  "w": "100%",
81
87
  "size": size,
82
88
  "placeholder": placeholder,
@@ -84,7 +90,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
84
90
  "selected": !empty,
85
91
  "active": active,
86
92
  "disabled": disabled
87
- }), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
93
+ }, controlProps)), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
88
94
  tag: ChevronDown
89
95
  })), !empty && /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
90
96
  "tag": "button",
@@ -114,6 +120,7 @@ _defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), c
114
120
  onChangeOf: ['value']
115
121
  })]);
116
122
  _defineProperty(RootFilterTrigger, "defaultProps", {
123
+ includeInputProps: inputProps,
117
124
  i18n: localizedMessages,
118
125
  locale: 'en'
119
126
  });
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","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","role","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';\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 ];\n static defaultProps = {\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 { Children, styles, empty, onClear, size, placeholder, active, disabled, getI18nText } =\n this.asProps;\n\n if (this.asProps.role === 'button') {\n this.asProps.role = 'group';\n }\n\n return sstyled(styles)(\n <SWrapper render={Box} aria-label={getI18nText('filter')}>\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 >\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 aria-label={getI18nText('clear')}\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\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","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","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';\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 ];\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 } = 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')}>\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 {...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 aria-label={getI18nText('clear')}\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\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":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,GAAG,MAAM,cAAc;AAC9B,OAAOC,KAAK,MAAM,uBAAuB;AACzC,OAAOC,WAAW,MAAM,6BAA6B;AACrD,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,kBAAkB,QAAQ,mCAAmC;AACtE,OAAOC,aAAa,IAAIC,UAAU,QAAQ,+BAA+B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIpEC,iBAAiB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,iBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,4BAsBG,UAACa,CAAC;MAAA,OAAKA,CAAC,CAACC,eAAe,EAAE;IAAA;IAAA,OAAAd,KAAA;EAAA;EAAAe,YAAA,CAAApB,iBAAA;IAAAqB,GAAA;IAAAC,KAAA,EAElD,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,QAAQ,GAsBM3C,GAAG;MArBvB,IAAM4C,cAAc,GAAG7C,WAAW;MAClC,IAAA8C,aAAA,GAWI,IAAI,CAACJ,OAAO;QAVdK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QACRC,MAAM,GAAAF,aAAA,CAANE,MAAM;QACNC,KAAK,GAAAH,aAAA,CAALG,KAAK;QACLC,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QACPC,IAAI,GAAAL,aAAA,CAAJK,IAAI;QACJC,WAAW,GAAAN,aAAA,CAAXM,WAAW;QACXC,MAAM,GAAAP,aAAA,CAANO,MAAM;QACNC,QAAQ,GAAAR,aAAA,CAARQ,QAAQ;QACRC,WAAW,GAAAT,aAAA,CAAXS,WAAW;QACXC,iBAAiB,GAAAV,aAAA,CAAjBU,iBAAiB;MAGnB,IAAI,IAAI,CAACd,OAAO,CAACe,IAAI,KAAK,QAAQ,EAAE;QAClC,IAAI,CAACf,OAAO,CAACe,IAAI,GAAG,OAAO;MAC7B;MAEA,IAAAC,cAAA,GAAuB9C,aAAa,CAAC,IAAI,CAAC8B,OAAO,EAAEc,iBAAiB,CAAC;QAAAG,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAA9DG,YAAY,GAAAF,eAAA;MAEnB,OAAAhB,KAAA,GAAO5C,OAAO,CAACiD,MAAM,CAAC,eACpBrD,KAAA,CAAAmE,aAAA,CAAClB,QAAQ,EAAAD,KAAA,CAAAoB,EAAA,aAAAC,aAAA,KAAAC,YAAA;QAAA,cAA0BV,WAAW,CAAC,QAAQ;MAAC,GAAAd,IAAA,kBACtD9C,KAAA,CAAAmE,aAAA,CAAC5D,gBAAgB,EAAAyC,KAAA,CAAAoB,EAAA,uCACfpE,KAAA,CAAAmE,aAAA,CAACjB,cAAc,EAAAF,KAAA,CAAAoB,EAAA,mBAAAC,aAAA;QAAA,KACX,MAAM;QAAA,QACFb,IAAI;QAAA,eACGC,WAAW;QAAA,SACjBH,KAAK;QAAA,YACF,CAACA,KAAK;QAAA,UACRI,MAAM;QAAA,YACJC;MAAQ,GACdO,YAAY,IAEftD,iBAAiB,CAChBwC,QAAQ,EACRmB,aAAa,CAACC,IAAI,EAClB,CAACD,aAAa,CAACE,KAAK,EAAEF,aAAa,CAACG,OAAO,CAAC,EAC5CpB,KAAK,CACN,EACAA,KAAK,iBAAItD,KAAA,CAAAmE,aAAA,CAACI,aAAa,CAACE,KAAK;QAACE,GAAG,EAAEjE;MAAY,EAAG,CACpC,EAChB,CAAC4C,KAAK,iBACLtD,KAAA,CAAAmE,aAAA,CAACjB,cAAc,EAAAF,KAAA,CAAAoB,EAAA;QAAA,OACT,QAAQ;QAAA,cACAR,WAAW,CAAC,OAAO,CAAC;QAAA,QAC1BJ,IAAI;QAAA,SACHF,KAAK;QAAA;QAAA,WAEH3C,oBAAoB,CAAC4C,OAAO,EAAE,IAAI,CAACqB,qBAAqB,CAAC;QAAA,aACvD,IAAI,CAACA,qBAAqB;QAAA,YAC3BjB;MAAQ,iBAElB3D,KAAA,CAAAmE,aAAA,CAACI,aAAa,CAACE,KAAK;QAACE,GAAG,EAAElE;MAAM,EAAG,CAEtC,CACgB,CACV;IAEf;EAAC;EAAA,OAAAa,iBAAA;AAAA,EApF6BpB,SAAS;AAAAoC,eAAA,CAAnChB,iBAAiB,iBACA,eAAe;AAAAgB,eAAA,CADhChB,iBAAiB,WAENH,KAAK;AAAAmB,eAAA,CAFhBhB,iBAAiB,aAGJ,CACfR,WAAW,CAACD,iBAAiB,CAAC,EAC9BG,kBAAkB,CAAC;EACjB6D,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFnE,mBAAmB,CAAC;EAClBoE,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAA9C,eAAA,CAfGhB,iBAAiB,kBAgBC;EACpBuC,iBAAiB,EAAE3C,UAAU;EAC7BmE,IAAI,EAAExE,iBAAiB;EACvByE,MAAM,EAAE;AACV,CAAC;AAmEH,SAASZ,OAAOA,CAACa,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAMC,QAAQ,GACiCtF,WAAW,CAACoE,KAAK;EAAhE,OAAAiB,KAAA,GAAOtF,OAAO,CAACmF,KAAK,CAAClC,MAAM,CAAC,eAACrD,KAAA,CAAAmE,aAAA,CAACwB,QAAQ,EAAAD,KAAA,CAAAtB,EAAA,aAAAC,aAAA,KAAAuB,aAAA;IAAA,OAAiCpF;EAAG,GAAAgF,KAAA,IAAI;AAChF;AAEA,IAAMjB,aAAa,GAAGtE,eAAe,CACnCqB,iBAAiB,EACjB;EACEkD,IAAI,EAAEnE,WAAW,CAACmE,IAAI;EACtBC,KAAK,EAAEpE,WAAW,CAACoE,KAAK;EACxBC,OAAO,EAAPA;AACF,CAAC,EACD;EACEmB,MAAM,EAAExF;AACV,CAAC,CACF;AAED,eAAekE,aAAa"}
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_95jmw_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_95jmw_gg_.__active_95jmw_gg_,.___SLinkTrigger_95jmw_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_95jmw_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_95jmw_gg_.__active_95jmw_gg_ .___SText_95jmw_gg_,.___SLinkTrigger_95jmw_gg_:active .___SText_95jmw_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_95jmw_gg_:hover .___SText_95jmw_gg_{border-color:currentColor}}.___SLinkTrigger_95jmw_gg_ .___SText_95jmw_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_95jmw_gg_.__color_95jmw_gg_{color:var(--color_95jmw)}@media (hover:hover){.___SLinkTrigger_95jmw_gg_.__color_95jmw_gg_:hover{color:var(--color-hover_95jmw)}}.___SLinkTrigger_95jmw_gg_.__disabled_95jmw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_95jmw_gg_.__keyboardFocused_95jmw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_95jmw_gg_,.___SLinkAddon_95jmw_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_95jmw_gg_:not(:only-child):first-child,.___SLinkAddon_95jmw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_95jmw_gg_:not(:only-child):last-child,.___SLinkAddon_95jmw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_95jmw_gg_{width:16px;height:16px}.___SLinkTrigger_95jmw_gg_._size_m_95jmw_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_95jmw_gg_._size_l_95jmw_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_95jmw_gg_,.___SLinkTrigger_95jmw_gg_ .___SText_95jmw_gg_{transition:none}}" /*__inner_css_end__*/, "95jmw_gg_") /*__reshadow_css_end__*/, {
21
- "__SLinkTrigger": "___SLinkTrigger_95jmw_gg_",
22
- "_active": "__active_95jmw_gg_",
23
- "__SText": "___SText_95jmw_gg_",
24
- "_color": "__color_95jmw_gg_",
25
- "--color": "--color_95jmw",
26
- "--color-hover": "--color-hover_95jmw",
27
- "_disabled": "__disabled_95jmw_gg_",
28
- "_keyboardFocused": "__keyboardFocused_95jmw_gg_",
29
- "__SAddon": "___SAddon_95jmw_gg_",
30
- "__SLinkAddon": "___SLinkAddon_95jmw_gg_",
31
- "_size_m": "_size_m_95jmw_gg_",
32
- "_size_l": "_size_l_95jmw_gg_"
20
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_p1q7e_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_p1q7e_gg_.__active_p1q7e_gg_,.___SLinkTrigger_p1q7e_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_p1q7e_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_p1q7e_gg_.__active_p1q7e_gg_ .___SText_p1q7e_gg_,.___SLinkTrigger_p1q7e_gg_:active .___SText_p1q7e_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_p1q7e_gg_:hover .___SText_p1q7e_gg_{border-color:currentColor}}.___SLinkTrigger_p1q7e_gg_ .___SText_p1q7e_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_p1q7e_gg_.__color_p1q7e_gg_{color:var(--color_p1q7e)}@media (hover:hover){.___SLinkTrigger_p1q7e_gg_.__color_p1q7e_gg_:hover{color:var(--color-hover_p1q7e)}}.___SLinkTrigger_p1q7e_gg_.__disabled_p1q7e_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_p1q7e_gg_.__keyboardFocused_p1q7e_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_p1q7e_gg_,.___SLinkAddon_p1q7e_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_p1q7e_gg_:not(:only-child):first-child,.___SLinkAddon_p1q7e_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_p1q7e_gg_:not(:only-child):last-child,.___SLinkAddon_p1q7e_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_p1q7e_gg_{width:16px;height:16px}.___SLinkTrigger_p1q7e_gg_._size_m_p1q7e_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_p1q7e_gg_._size_l_p1q7e_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_p1q7e_gg_,.___SLinkTrigger_p1q7e_gg_ .___SText_p1q7e_gg_{transition:none}}" /*__inner_css_end__*/, "p1q7e_gg_") /*__reshadow_css_end__*/, {
21
+ "__SLinkTrigger": "___SLinkTrigger_p1q7e_gg_",
22
+ "_active": "__active_p1q7e_gg_",
23
+ "__SText": "___SText_p1q7e_gg_",
24
+ "_color": "__color_p1q7e_gg_",
25
+ "--color": "--color_p1q7e",
26
+ "--color-hover": "--color-hover_p1q7e",
27
+ "_disabled": "__disabled_p1q7e_gg_",
28
+ "_keyboardFocused": "__keyboardFocused_p1q7e_gg_",
29
+ "__SAddon": "___SAddon_p1q7e_gg_",
30
+ "__SLinkAddon": "___SLinkAddon_p1q7e_gg_",
31
+ "_size_m": "_size_m_p1q7e_gg_",
32
+ "_size_l": "_size_l_p1q7e_gg_"
33
33
  });
34
34
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
35
35
  _inherits(RootLinkTrigger, _Component);
package/lib/es6/index.d.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Dot from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { IWithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\nexport interface IBaseTriggerProps\n extends IBoxProps,\n INeighborItemProps,\n IKeyboardFocusProps,\n IWithAnimatedSizeEnhanceProps {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n}\n\nexport interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n}\n\nexport interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n}\n\nexport interface IFilterTriggerProps extends IBaseTriggerProps {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n}\n\ndeclare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: <T>(\n props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,\n ) => ReturnEl;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Dot from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { IWithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\nexport interface IBaseTriggerProps\n extends IBoxProps,\n INeighborItemProps,\n IKeyboardFocusProps,\n IWithAnimatedSizeEnhanceProps {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n}\n\nexport interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n}\n\nexport interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n}\n\nexport interface IFilterTriggerProps extends IBaseTriggerProps {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n}\n\ndeclare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: <T>(\n props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,\n ) => ReturnEl;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
package/lib/types/index.d.ts CHANGED
@@ -59,6 +59,8 @@ export interface IFilterTriggerProps extends IBaseTriggerProps {
59
59
  /** Click on the filter cleaning cross */
60
60
  onClear?: (event: React.SyntheticEvent) => void;
61
61
  locale?: string;
62
+ /** List of props that will be added to the select inside of filter */
63
+ includeInputProps?: string[];
62
64
  }
63
65
 
64
66
  declare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {
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.9.0",
4
+ "version": "3.10.0",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",