@semcore/base-trigger 4.31.2 → 4.32.0-prerelease.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.32.0] - 2024-04-09
+
+### Added
+
+- composition api for `FilterTrigger`.
+
 ## [4.31.2] - 2024-04-10
 
 ### Changed

package/lib/cjs/BaseTrigger.js

@@ -22,24 +22,24 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
 var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
 var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1oypv_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;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_1oypv_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1oypv_gg_:active,.___SBaseTrigger_1oypv_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1oypv_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1oypv_gg_.__keyboardFocused_1oypv_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1oypv_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1oypv_gg_.__active_1oypv_gg_,.___SBaseTrigger_1oypv_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1oypv_gg_.__disabled_1oypv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1oypv_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1oypv_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_1oypv_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1oypv_gg_{width:12px;height:12px}.___SBaseTrigger_1oypv_gg_._size_m_1oypv_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_1oypv_gg_._size_m_1oypv_gg_ .___SAddon_1oypv_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1oypv_gg_._size_m_1oypv_gg_ .___SAddon_1oypv_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1oypv_gg_._size_l_1oypv_gg_ .___SAddon_1oypv_gg_:only-child,.___SBaseTrigger_1oypv_gg_._size_m_1oypv_gg_ .___SAddon_1oypv_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1oypv_gg_._size_l_1oypv_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_1oypv_gg_._size_l_1oypv_gg_ .___SAddon_1oypv_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1oypv_gg_._size_l_1oypv_gg_ .___SAddon_1oypv_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1oypv_gg_._neighborLocation_right_1oypv_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1oypv_gg_._neighborLocation_both_1oypv_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1oypv_gg_._neighborLocation_left_1oypv_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1oypv_gg_.__display-placeholder_1oypv_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1oypv_gg_._state_valid_1oypv_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1oypv_gg_._state_invalid_1oypv_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1oypv_gg_._state_invalid_1oypv_gg_.__keyboardFocused_1oypv_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))}.___SInvalidPattern_1oypv_gg_._size_m_1oypv_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1oypv_gg_._size_l_1oypv_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1oypv_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_1oypv_gg_",
-  "_disabled": "__disabled_1oypv_gg_",
-  "__SInner": "___SInner_1oypv_gg_",
-  "__SText": "___SText_1oypv_gg_",
-  "__SAddon": "___SAddon_1oypv_gg_",
-  "__SBaseAddon": "___SBaseAddon_1oypv_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1oypv_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1oypv_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1oypv_gg_",
-  "_display-placeholder": "__display-placeholder_1oypv_gg_",
-  "_state_valid": "_state_valid_1oypv_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_1oypv_gg_",
-  "_size_m": "_size_m_1oypv_gg_",
-  "_size_l": "_size_l_1oypv_gg_",
-  "_keyboardFocused": "__keyboardFocused_1oypv_gg_",
-  "_active": "__active_1oypv_gg_",
-  "_state_invalid": "_state_invalid_1oypv_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_ydaqo_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;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_ydaqo_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_ydaqo_gg_:active,.___SBaseTrigger_ydaqo_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_ydaqo_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_ydaqo_gg_.__keyboardFocused_ydaqo_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_ydaqo_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_ydaqo_gg_.__active_ydaqo_gg_,.___SBaseTrigger_ydaqo_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_ydaqo_gg_.__disabled_ydaqo_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_ydaqo_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_ydaqo_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_ydaqo_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_ydaqo_gg_{width:12px;height:12px}.___SBaseTrigger_ydaqo_gg_._size_m_ydaqo_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_ydaqo_gg_._size_m_ydaqo_gg_ .___SAddon_ydaqo_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ydaqo_gg_._size_m_ydaqo_gg_ .___SAddon_ydaqo_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ydaqo_gg_._size_l_ydaqo_gg_ .___SAddon_ydaqo_gg_:only-child,.___SBaseTrigger_ydaqo_gg_._size_m_ydaqo_gg_ .___SAddon_ydaqo_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_ydaqo_gg_._size_l_ydaqo_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_ydaqo_gg_._size_l_ydaqo_gg_ .___SAddon_ydaqo_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ydaqo_gg_._size_l_ydaqo_gg_ .___SAddon_ydaqo_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ydaqo_gg_._neighborLocation_right_ydaqo_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_ydaqo_gg_._neighborLocation_both_ydaqo_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_ydaqo_gg_._neighborLocation_left_ydaqo_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_ydaqo_gg_.__display-placeholder_ydaqo_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_ydaqo_gg_._state_valid_ydaqo_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_ydaqo_gg_._state_invalid_ydaqo_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_ydaqo_gg_._state_invalid_ydaqo_gg_.__keyboardFocused_ydaqo_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))}.___SInvalidPattern_ydaqo_gg_._size_m_ydaqo_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_ydaqo_gg_._size_l_ydaqo_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "ydaqo_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_ydaqo_gg_",
+  "_disabled": "__disabled_ydaqo_gg_",
+  "__SInner": "___SInner_ydaqo_gg_",
+  "__SText": "___SText_ydaqo_gg_",
+  "__SAddon": "___SAddon_ydaqo_gg_",
+  "__SBaseAddon": "___SBaseAddon_ydaqo_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_ydaqo_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_ydaqo_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_ydaqo_gg_",
+  "_display-placeholder": "__display-placeholder_ydaqo_gg_",
+  "_state_valid": "_state_valid_ydaqo_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_ydaqo_gg_",
+  "_size_m": "_size_m_ydaqo_gg_",
+  "_size_l": "_size_l_ydaqo_gg_",
+  "_keyboardFocused": "__keyboardFocused_ydaqo_gg_",
+  "_active": "__active_ydaqo_gg_",
+  "_state_invalid": "_state_invalid_ydaqo_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootBaseTrigger, _Component);

package/lib/cjs/ButtonTrigger.js

@@ -20,9 +20,9 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
 var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
 var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_aa66y_gg_{width:12px;height:12px}.___SButtonTriggerSpin_aa66y_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "aa66y_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_aa66y_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_aa66y_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_5sjij_gg_{width:12px;height:12px}.___SButtonTriggerSpin_5sjij_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "5sjij_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_5sjij_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_5sjij_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootButtonTrigger, _Component);

package/lib/cjs/FilterTrigger.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -23,7 +23,7 @@ var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-locati
 var _dot = _interopRequireDefault(require("@semcore/dot"));
 var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
 var _m2 = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
-var _assignProps3 = require("@semcore/utils/lib/assignProps");
+var _assignProps5 = require("@semcore/utils/lib/assignProps");
 var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
@@ -32,14 +32,15 @@ var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
 var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps"));
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
+var _findComponent = require("@semcore/utils/lib/findComponent");
 /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1t8lo_gg_.__selected_1t8lo_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_1t8lo_gg_.__selected_1t8lo_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1t8lo_gg_.__selected_1t8lo_gg_.__active_1t8lo_gg_,.___SFilterTrigger_1t8lo_gg_.__selected_1t8lo_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1t8lo_gg_{display:inline-flex}.___SWrapper_1t8lo_gg_:focus{outline:0}.___SWrapper_1t8lo_gg_.__keyboardFocused_1t8lo_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1t8lo_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1t8lo_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_1t8lo_gg_",
-  "_keyboardFocused": "__keyboardFocused_1t8lo_gg_",
-  "__SCounter": "___SCounter_1t8lo_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1t8lo_gg_",
-  "_selected": "__selected_1t8lo_gg_",
-  "_active": "__active_1t8lo_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1htlh_gg_.__selected_1htlh_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_1htlh_gg_.__selected_1htlh_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1htlh_gg_.__selected_1htlh_gg_.__active_1htlh_gg_,.___SFilterTrigger_1htlh_gg_.__selected_1htlh_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1htlh_gg_{display:inline-flex}.___SWrapper_1htlh_gg_:focus{outline:0}.___SWrapper_1htlh_gg_.__keyboardFocused_1htlh_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1htlh_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1htlh_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_1htlh_gg_",
+  "_keyboardFocused": "__keyboardFocused_1htlh_gg_",
+  "__SCounter": "___SCounter_1htlh_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1htlh_gg_",
+  "_selected": "__selected_1htlh_gg_",
+  "_active": "__active_1htlh_gg_"
 });
 var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
@@ -63,31 +64,62 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
     return _this;
   }
   (0, _createClass2["default"])(RootFilterTrigger, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref3;
-      var SWrapper = _flexBox.Box;
-      var SFilterTrigger = _BaseTrigger["default"];
+    key: "getTriggerButtonProps",
+    value: function getTriggerButtonProps() {
       var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        styles = _this$asProps.styles,
         empty = _this$asProps.empty,
-        onClear = _this$asProps.onClear,
         size = _this$asProps.size,
         placeholder = _this$asProps.placeholder,
         active = _this$asProps.active,
         disabled = _this$asProps.disabled,
-        getI18nText = _this$asProps.getI18nText,
         includeInputProps = _this$asProps.includeInputProps,
-        uid = _this$asProps.uid,
-        id = _this$asProps.id,
         triggerRef = _this$asProps.triggerRef;
+      return {
+        size: size,
+        placeholder: placeholder,
+        empty: empty,
+        selected: !empty,
+        active: active,
+        disabled: disabled,
+        includeInputProps: includeInputProps,
+        triggerRef: triggerRef
+      };
+    }
+  }, {
+    key: "getClearButtonProps",
+    value: function getClearButtonProps() {
+      var _this$asProps2 = this.asProps,
+        empty = _this$asProps2.empty,
+        onClear = _this$asProps2.onClear,
+        size = _this$asProps2.size,
+        disabled = _this$asProps2.disabled,
+        getI18nText = _this$asProps2.getI18nText,
+        uid = _this$asProps2.uid;
+      return {
+        size: size,
+        empty: empty,
+        onClick: (0, _assignProps5.callAllEventHandlers)(onClear, this.handleClear, this.handleStopPropagation),
+        onKeyDown: this.handleStopPropagation,
+        disabled: disabled,
+        id: "igc-".concat(uid, "-filter-trigger-clear"),
+        getI18nText: getI18nText
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref5;
+      var SWrapper = _flexBox.Box;
+      var _this$asProps3 = this.asProps,
+        Children = _this$asProps3.Children,
+        styles = _this$asProps3.styles,
+        getI18nText = _this$asProps3.getI18nText,
+        empty = _this$asProps3.empty,
+        forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
       var role = this.asProps.role === 'button' ? 'group' : this.asProps.role;
-      var _getInputProps = (0, _inputProps["default"])(this.asProps, includeInputProps),
-        _getInputProps2 = (0, _slicedToArray2["default"])(_getInputProps, 1),
-        controlProps = _getInputProps2[0];
-      return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref3.cn("SWrapper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName], true);
+      return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref5.cn("SWrapper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "aria-label": getI18nText('filter'),
         "__excludeProps": ['id'],
         "use:role": role,
@@ -99,7 +131,58 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         "use:aria-activedescendant": undefined,
         "use:aria-label": undefined,
         "use:aria-labelledby": undefined
-      }, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", (0, _objectSpread2["default"])({
+      }, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref5.cn("NeighborLocation", {}), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(FilterTrigger.TriggerButton, null, /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {}))), !empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.ClearButton, null))));
+    }
+  }]);
+  return RootFilterTrigger;
+}(_core.Component);
+(0, _defineProperty2["default"])(RootFilterTrigger, "displayName", 'FilterTrigger');
+(0, _defineProperty2["default"])(RootFilterTrigger, "style", style);
+(0, _defineProperty2["default"])(RootFilterTrigger, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _useCssVariable.cssVariableEnhance)({
+  variable: '--intergalactic-duration-control',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+}), (0, _animatedSizeEnhance["default"])({
+  animateProps: ['width'],
+  onChangeOf: ['value']
+}), (0, _uniqueID["default"])()]);
+(0, _defineProperty2["default"])(RootFilterTrigger, "defaultProps", function () {
+  return {
+    includeInputProps: filterTriggerInputProps,
+    i18n: _intergalacticDynamicLocales.localizedMessages,
+    locale: 'en',
+    triggerRef: /*#__PURE__*/_react["default"].createRef(),
+    role: 'group'
+  };
+});
+var TriggerButton = /*#__PURE__*/function (_Component2) {
+  (0, _inherits2["default"])(TriggerButton, _Component2);
+  var _super2 = (0, _createSuper2["default"])(TriggerButton);
+  function TriggerButton() {
+    (0, _classCallCheck2["default"])(this, TriggerButton);
+    return _super2.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(TriggerButton, [{
+    key: "render",
+    value: function render() {
+      var _ref2 = this.asProps,
+        _ref6;
+      var SFilterTrigger = _BaseTrigger["default"];
+      var _this$asProps4 = this.asProps,
+        Children = _this$asProps4.Children,
+        styles = _this$asProps4.styles,
+        empty = _this$asProps4.empty,
+        size = _this$asProps4.size,
+        placeholder = _this$asProps4.placeholder,
+        active = _this$asProps4.active,
+        disabled = _this$asProps4.disabled,
+        includeInputProps = _this$asProps4.includeInputProps,
+        triggerRef = _this$asProps4.triggerRef;
+      var _getInputProps = (0, _inputProps["default"])(this.asProps, includeInputProps),
+        _getInputProps2 = (0, _slicedToArray2["default"])(_getInputProps, 1),
+        controlProps = _getInputProps2[0];
+      return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)((0, _objectSpread2["default"])({
         "tag": 'button',
         "type": 'button',
         "w": '100%',
@@ -111,59 +194,70 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         "disabled": disabled,
         "ref": triggerRef,
         "animationsDisabled": true
-      }, controlProps)), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
+      }, controlProps), _ref2))), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
         tag: _m2["default"]
-      })), !empty && /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
+      }));
+    }
+  }]);
+  return TriggerButton;
+}(_core.Component);
+(0, _defineProperty2["default"])(TriggerButton, "displayName", 'TriggerButton');
+(0, _defineProperty2["default"])(TriggerButton, "style", style);
+var ClearButton = /*#__PURE__*/function (_Component3) {
+  (0, _inherits2["default"])(ClearButton, _Component3);
+  var _super3 = (0, _createSuper2["default"])(ClearButton);
+  function ClearButton() {
+    (0, _classCallCheck2["default"])(this, ClearButton);
+    return _super3.apply(this, arguments);
+  }
+  (0, _createClass2["default"])(ClearButton, [{
+    key: "render",
+    value: function render() {
+      var _ref3 = this.asProps,
+        _ref7;
+      var SFilterTrigger = _BaseTrigger["default"];
+      var _this$asProps5 = this.asProps,
+        styles = _this$asProps5.styles,
+        empty = _this$asProps5.empty,
+        size = _this$asProps5.size,
+        disabled = _this$asProps5.disabled,
+        getI18nText = _this$asProps5.getI18nText,
+        uid = _this$asProps5.uid,
+        id = _this$asProps5.id;
+      if (empty) return null;
+      return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tag": 'button',
         "type": 'button',
         "size": size,
         "empty": empty,
         "selected": true,
-        "onClick": (0, _assignProps3.callAllEventHandlers)(onClear, this.handleClear, this.handleStopPropagation),
-        "onKeyDown": this.handleStopPropagation,
         "disabled": disabled,
         "id": "igc-".concat(uid, "-filter-trigger-clear"),
         "aria-labelledby": "igc-".concat(uid, "-filter-trigger-clear ").concat(id),
         "aria-label": getI18nText('clear')
-      }), /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
+      }, _ref3))), /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
         tag: _m["default"]
-      }))));
+      }));
     }
   }]);
-  return RootFilterTrigger;
+  return ClearButton;
 }(_core.Component);
-(0, _defineProperty2["default"])(RootFilterTrigger, "displayName", 'FilterTrigger');
-(0, _defineProperty2["default"])(RootFilterTrigger, "style", style);
-(0, _defineProperty2["default"])(RootFilterTrigger, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _useCssVariable.cssVariableEnhance)({
-  variable: '--intergalactic-duration-control',
-  fallback: '200',
-  map: Number.parseInt,
-  prop: 'duration'
-}), (0, _animatedSizeEnhance["default"])({
-  animateProps: ['width'],
-  onChangeOf: ['value']
-}), (0, _uniqueID["default"])()]);
-(0, _defineProperty2["default"])(RootFilterTrigger, "defaultProps", function () {
-  return {
-    includeInputProps: filterTriggerInputProps,
-    i18n: _intergalacticDynamicLocales.localizedMessages,
-    locale: 'en',
-    triggerRef: /*#__PURE__*/_react["default"].createRef(),
-    role: 'group'
-  };
-});
+(0, _defineProperty2["default"])(ClearButton, "displayName", 'ClearButton');
+(0, _defineProperty2["default"])(ClearButton, "style", style);
 function Counter(props) {
-  var _ref2 = arguments[0],
-    _ref4;
+  var _ref4 = arguments[0],
+    _ref8;
   var SCounter = _BaseTrigger["default"].Addon;
-  return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref4.cn("SCounter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref8 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref8.cn("SCounter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": _dot["default"]
-  }, _ref2))));
+  }, _ref4))));
 }
 var FilterTrigger = (0, _core["default"])(RootFilterTrigger, {
   Text: _BaseTrigger["default"].Text,
   Addon: _BaseTrigger["default"].Addon,
-  Counter: Counter
+  Counter: Counter,
+  TriggerButton: TriggerButton,
+  ClearButton: ClearButton
 }, {
   parent: _BaseTrigger["default"]
 });

package/lib/cjs/FilterTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps3","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","style","sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray2","inputProps","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","e","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","_createClass2","key","value","render","_ref","_ref3","SWrapper","Box","SFilterTrigger","BaseTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","createElement","cn","_objectSpread2","assignProps","undefined","addonTextChildren","FilterTrigger","Text","Addon","Counter","tag","ChevronDown","callAllEventHandlers","handleClear","handleStopPropagation","Close","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","props","_ref2","arguments[0]","_ref4","SCounter","Dot","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\n\nconst filterTriggerInputProps = [\n  ...inputProps,\n  'aria-controls',\n  'aria-haspopup',\n  'aria-expanded',\n  'aria-disabled',\n  'aria-activedescendant',\n  'aria-label',\n  'aria-labelledby',\n];\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n    uniqueIDEnhancement(),\n  ];\n  static defaultProps = () => ({\n    includeInputProps: filterTriggerInputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n    triggerRef: React.createRef(),\n    role: 'group',\n  });\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    requestAnimationFrame(() => {\n      setFocus(this.asProps.triggerRef.current);\n    });\n  };\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const {\n      Children,\n      styles,\n      empty,\n      onClear,\n      size,\n      placeholder,\n      active,\n      disabled,\n      getI18nText,\n      includeInputProps,\n      uid,\n      id,\n      triggerRef,\n    } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={role}\n        use:aria-controls={undefined}\n        use:aria-owns={undefined}\n        use:aria-haspopup={undefined}\n        use:aria-expanded={undefined}\n        use:aria-disabled={undefined}\n        use:aria-activedescendant={undefined}\n        use:aria-label={undefined}\n        use:aria-labelledby={undefined}\n      >\n        <NeighborLocation>\n          <SFilterTrigger\n            tag='button'\n            type='button'\n            w='100%'\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n            ref={triggerRef}\n            animationsDisabled\n            {...controlProps}\n          >\n            {addonTextChildren(\n              Children,\n              FilterTrigger.Text,\n              [FilterTrigger.Addon, FilterTrigger.Counter],\n              empty,\n            )}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag='button'\n              type='button'\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n              id={`igc-${uid}-filter-trigger-clear`}\n              aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n              aria-label={getI18nText('clear')}\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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"}
+{"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps5","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","_findComponent","style","sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray2","inputProps","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","e","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","_createClass2","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","uid","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","id","render","_ref","_ref5","SWrapper","Box","_this$asProps3","Children","styles","forcedAdvancedMode","role","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_objectSpread2","assignProps","undefined","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","_Component2","_super2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps4","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_super3","_ref3","_ref7","_this$asProps5","Close","props","_ref4","arguments[0]","_ref8","SCounter","Dot","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, CHILDREN_COMPONENT } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nconst filterTriggerInputProps = [\n  ...inputProps,\n  'aria-controls',\n  'aria-haspopup',\n  'aria-expanded',\n  'aria-disabled',\n  'aria-activedescendant',\n  'aria-label',\n  'aria-labelledby',\n];\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n    uniqueIDEnhancement(),\n  ];\n  static defaultProps = () => ({\n    includeInputProps: filterTriggerInputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n    triggerRef: React.createRef(),\n    role: 'group',\n  });\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    requestAnimationFrame(() => {\n      setFocus(this.asProps.triggerRef.current);\n    });\n  };\n\n  getTriggerButtonProps() {\n    const { empty, size, placeholder, active, disabled, includeInputProps, triggerRef } =\n      this.asProps;\n\n    return {\n      size,\n      placeholder,\n      empty,\n      selected: !empty,\n      active,\n      disabled,\n      includeInputProps,\n      triggerRef,\n    };\n  }\n\n  getClearButtonProps() {\n    const { empty, onClear, size, disabled, getI18nText, uid } = this.asProps;\n\n    return {\n      size,\n      empty,\n      onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n      onKeyDown: this.handleStopPropagation,\n      disabled,\n      id: `igc-${uid}-filter-trigger-clear`,\n      getI18nText,\n    };\n  }\n\n  render() {\n    const SWrapper = Root;\n    const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(\n        Children,\n        [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n        true,\n      );\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={role}\n        use:aria-controls={undefined}\n        use:aria-owns={undefined}\n        use:aria-haspopup={undefined}\n        use:aria-expanded={undefined}\n        use:aria-disabled={undefined}\n        use:aria-activedescendant={undefined}\n        use:aria-label={undefined}\n        use:aria-labelledby={undefined}\n      >\n        <NeighborLocation>\n          {advancedMode ? (\n            <Children />\n          ) : (\n            <>\n              <FilterTrigger.TriggerButton>\n                <Children />\n              </FilterTrigger.TriggerButton>\n              {!empty && <FilterTrigger.ClearButton />}\n            </>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nclass TriggerButton extends Component {\n  static displayName = 'TriggerButton';\n  static style = style;\n\n  render() {\n    const SFilterTrigger = Root;\n    const {\n      Children,\n      styles,\n      empty,\n      size,\n      placeholder,\n      active,\n      disabled,\n      includeInputProps,\n      triggerRef,\n    } = this.asProps;\n\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <SFilterTrigger\n        render={BaseTrigger}\n        tag='button'\n        type='button'\n        w='100%'\n        size={size}\n        placeholder={placeholder}\n        empty={empty}\n        selected={!empty}\n        active={active}\n        disabled={disabled}\n        ref={triggerRef}\n        animationsDisabled\n        {...controlProps}\n      >\n        {addonTextChildren(\n          Children,\n          FilterTrigger.Text,\n          [FilterTrigger.Addon, FilterTrigger.Counter],\n          empty,\n        )}\n        {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n      </SFilterTrigger>,\n    );\n  }\n}\n\nclass ClearButton extends Component {\n  static displayName = 'ClearButton';\n  static style = style;\n\n  render() {\n    const SFilterTrigger = Root;\n    const { styles, empty, size, disabled, getI18nText, uid, id } = this.asProps;\n\n    if (empty) return null;\n\n    return sstyled(styles)(\n      <SFilterTrigger\n        render={BaseTrigger}\n        tag='button'\n        type='button'\n        size={size}\n        empty={empty}\n        selected\n        disabled={disabled}\n        id={`igc-${uid}-filter-trigger-clear`}\n        aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n        aria-label={getI18nText('clear')}\n      >\n        <FilterTrigger.Addon tag={Close} />\n      </SFilterTrigger>,\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    TriggerButton,\n    ClearButton,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}

package/lib/cjs/LinkTrigger.js

@@ -21,18 +21,18 @@ var _flexBox = require("@semcore/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1f1cj_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;-webkit-text-decoration:none;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_1f1cj_gg_.__active_1f1cj_gg_,.___SLinkTrigger_1f1cj_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1f1cj_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1f1cj_gg_.__active_1f1cj_gg_ .___SText_1f1cj_gg_,.___SLinkTrigger_1f1cj_gg_:active .___SText_1f1cj_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1f1cj_gg_:hover .___SText_1f1cj_gg_{border-color:currentColor}}.___SLinkTrigger_1f1cj_gg_ .___SText_1f1cj_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_1f1cj_gg_.__color_1f1cj_gg_{color:var(--color_1f1cj)}@media (hover:hover){.___SLinkTrigger_1f1cj_gg_.__color_1f1cj_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1f1cj_gg_.__disabled_1f1cj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1f1cj_gg_.__keyboardFocused_1f1cj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1f1cj_gg_,.___SLinkAddon_1f1cj_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1f1cj_gg_:not(:only-child):first-child,.___SLinkAddon_1f1cj_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1f1cj_gg_:not(:only-child):last-child,.___SLinkAddon_1f1cj_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1f1cj_gg_{width:16px;height:16px}.___SLinkTrigger_1f1cj_gg_._size_m_1f1cj_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1f1cj_gg_._size_l_1f1cj_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1f1cj_gg_,.___SLinkTrigger_1f1cj_gg_ .___SText_1f1cj_gg_{transition:none}}" /*__inner_css_end__*/, "1f1cj_gg_") /*__reshadow_css_end__*/, {
-  "__SLinkTrigger": "___SLinkTrigger_1f1cj_gg_",
-  "_disabled": "__disabled_1f1cj_gg_",
-  "_keyboardFocused": "__keyboardFocused_1f1cj_gg_",
-  "__SLinkAddon": "___SLinkAddon_1f1cj_gg_",
-  "_size_m": "_size_m_1f1cj_gg_",
-  "_size_l": "_size_l_1f1cj_gg_",
-  "_active": "__active_1f1cj_gg_",
-  "__SText": "___SText_1f1cj_gg_",
-  "_color": "__color_1f1cj_gg_",
-  "--color": "--color_1f1cj",
-  "__SAddon": "___SAddon_1f1cj_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1vnd3_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;-webkit-text-decoration:none;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_1vnd3_gg_.__active_1vnd3_gg_,.___SLinkTrigger_1vnd3_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1vnd3_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1vnd3_gg_.__active_1vnd3_gg_ .___SText_1vnd3_gg_,.___SLinkTrigger_1vnd3_gg_:active .___SText_1vnd3_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1vnd3_gg_:hover .___SText_1vnd3_gg_{border-color:currentColor}}.___SLinkTrigger_1vnd3_gg_ .___SText_1vnd3_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_1vnd3_gg_.__color_1vnd3_gg_{color:var(--color_1vnd3)}@media (hover:hover){.___SLinkTrigger_1vnd3_gg_.__color_1vnd3_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1vnd3_gg_.__disabled_1vnd3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1vnd3_gg_.__keyboardFocused_1vnd3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1vnd3_gg_,.___SLinkAddon_1vnd3_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1vnd3_gg_:not(:only-child):first-child,.___SLinkAddon_1vnd3_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1vnd3_gg_:not(:only-child):last-child,.___SLinkAddon_1vnd3_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1vnd3_gg_{width:16px;height:16px}.___SLinkTrigger_1vnd3_gg_._size_m_1vnd3_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1vnd3_gg_._size_l_1vnd3_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1vnd3_gg_,.___SLinkTrigger_1vnd3_gg_ .___SText_1vnd3_gg_{transition:none}}" /*__inner_css_end__*/, "1vnd3_gg_") /*__reshadow_css_end__*/, {
+  "__SLinkTrigger": "___SLinkTrigger_1vnd3_gg_",
+  "_disabled": "__disabled_1vnd3_gg_",
+  "_keyboardFocused": "__keyboardFocused_1vnd3_gg_",
+  "__SLinkAddon": "___SLinkAddon_1vnd3_gg_",
+  "_size_m": "_size_m_1vnd3_gg_",
+  "_size_l": "_size_l_1vnd3_gg_",
+  "_active": "__active_1vnd3_gg_",
+  "__SText": "___SText_1vnd3_gg_",
+  "_color": "__color_1vnd3_gg_",
+  "--color": "--color_1vnd3",
+  "__SAddon": "___SAddon_1vnd3_gg_"
 });
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootLinkTrigger, _Component);

package/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  KeyboardFocusProps &\n  WithAnimatedSizeEnhanceProps & {\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     * Display the dropdowns chevron icon\n     * @default true\n     */\n    chevron?: boolean;\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\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\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  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n  triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic, Root } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  KeyboardFocusProps &\n  WithAnimatedSizeEnhanceProps & {\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     * Display the dropdowns chevron icon\n     * @default true\n     */\n    chevron?: boolean;\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\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\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  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n  triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n  TriggerButton: typeof BaseTrigger;\n  ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}

package/lib/es6/BaseTrigger.js

@@ -18,24 +18,24 @@ import logger from '@semcore/utils/lib/logger';
 import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
 import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
 /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1oypv_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;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_1oypv_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1oypv_gg_:active,.___SBaseTrigger_1oypv_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1oypv_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1oypv_gg_.__keyboardFocused_1oypv_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1oypv_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1oypv_gg_.__active_1oypv_gg_,.___SBaseTrigger_1oypv_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1oypv_gg_.__disabled_1oypv_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1oypv_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1oypv_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_1oypv_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1oypv_gg_{width:12px;height:12px}.___SBaseTrigger_1oypv_gg_._size_m_1oypv_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_1oypv_gg_._size_m_1oypv_gg_ .___SAddon_1oypv_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1oypv_gg_._size_m_1oypv_gg_ .___SAddon_1oypv_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1oypv_gg_._size_l_1oypv_gg_ .___SAddon_1oypv_gg_:only-child,.___SBaseTrigger_1oypv_gg_._size_m_1oypv_gg_ .___SAddon_1oypv_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1oypv_gg_._size_l_1oypv_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_1oypv_gg_._size_l_1oypv_gg_ .___SAddon_1oypv_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1oypv_gg_._size_l_1oypv_gg_ .___SAddon_1oypv_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1oypv_gg_._neighborLocation_right_1oypv_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1oypv_gg_._neighborLocation_both_1oypv_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1oypv_gg_._neighborLocation_left_1oypv_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1oypv_gg_.__display-placeholder_1oypv_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1oypv_gg_._state_valid_1oypv_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1oypv_gg_._state_invalid_1oypv_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1oypv_gg_._state_invalid_1oypv_gg_.__keyboardFocused_1oypv_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))}.___SInvalidPattern_1oypv_gg_._size_m_1oypv_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1oypv_gg_._size_l_1oypv_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1oypv_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_1oypv_gg_",
-  "_disabled": "__disabled_1oypv_gg_",
-  "__SInner": "___SInner_1oypv_gg_",
-  "__SText": "___SText_1oypv_gg_",
-  "__SAddon": "___SAddon_1oypv_gg_",
-  "__SBaseAddon": "___SBaseAddon_1oypv_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1oypv_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1oypv_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1oypv_gg_",
-  "_display-placeholder": "__display-placeholder_1oypv_gg_",
-  "_state_valid": "_state_valid_1oypv_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_1oypv_gg_",
-  "_size_m": "_size_m_1oypv_gg_",
-  "_size_l": "_size_l_1oypv_gg_",
-  "_keyboardFocused": "__keyboardFocused_1oypv_gg_",
-  "_active": "__active_1oypv_gg_",
-  "_state_invalid": "_state_invalid_1oypv_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_ydaqo_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;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_ydaqo_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_ydaqo_gg_:active,.___SBaseTrigger_ydaqo_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_ydaqo_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_ydaqo_gg_.__keyboardFocused_ydaqo_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_ydaqo_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_ydaqo_gg_.__active_ydaqo_gg_,.___SBaseTrigger_ydaqo_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_ydaqo_gg_.__disabled_ydaqo_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_ydaqo_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_ydaqo_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_ydaqo_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_ydaqo_gg_{width:12px;height:12px}.___SBaseTrigger_ydaqo_gg_._size_m_ydaqo_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_ydaqo_gg_._size_m_ydaqo_gg_ .___SAddon_ydaqo_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ydaqo_gg_._size_m_ydaqo_gg_ .___SAddon_ydaqo_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ydaqo_gg_._size_l_ydaqo_gg_ .___SAddon_ydaqo_gg_:only-child,.___SBaseTrigger_ydaqo_gg_._size_m_ydaqo_gg_ .___SAddon_ydaqo_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_ydaqo_gg_._size_l_ydaqo_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_ydaqo_gg_._size_l_ydaqo_gg_ .___SAddon_ydaqo_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ydaqo_gg_._size_l_ydaqo_gg_ .___SAddon_ydaqo_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ydaqo_gg_._neighborLocation_right_ydaqo_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_ydaqo_gg_._neighborLocation_both_ydaqo_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_ydaqo_gg_._neighborLocation_left_ydaqo_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_ydaqo_gg_.__display-placeholder_ydaqo_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_ydaqo_gg_._state_valid_ydaqo_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_ydaqo_gg_._state_invalid_ydaqo_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_ydaqo_gg_._state_invalid_ydaqo_gg_.__keyboardFocused_ydaqo_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))}.___SInvalidPattern_ydaqo_gg_._size_m_ydaqo_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_ydaqo_gg_._size_l_ydaqo_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "ydaqo_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_ydaqo_gg_",
+  "_disabled": "__disabled_ydaqo_gg_",
+  "__SInner": "___SInner_ydaqo_gg_",
+  "__SText": "___SText_ydaqo_gg_",
+  "__SAddon": "___SAddon_ydaqo_gg_",
+  "__SBaseAddon": "___SBaseAddon_ydaqo_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_ydaqo_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_ydaqo_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_ydaqo_gg_",
+  "_display-placeholder": "__display-placeholder_ydaqo_gg_",
+  "_state_valid": "_state_valid_ydaqo_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_ydaqo_gg_",
+  "_size_m": "_size_m_ydaqo_gg_",
+  "_size_l": "_size_l_ydaqo_gg_",
+  "_keyboardFocused": "__keyboardFocused_ydaqo_gg_",
+  "_active": "__active_ydaqo_gg_",
+  "_state_invalid": "_state_invalid_ydaqo_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootBaseTrigger, _Component);

package/lib/es6/ButtonTrigger.js

@@ -14,9 +14,9 @@ import Spin from '@semcore/spin';
 import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
 import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
 /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_aa66y_gg_{width:12px;height:12px}.___SButtonTriggerSpin_aa66y_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "aa66y_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_aa66y_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_aa66y_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_5sjij_gg_{width:12px;height:12px}.___SButtonTriggerSpin_5sjij_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "5sjij_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_5sjij_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_5sjij_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootButtonTrigger, _Component);

package/lib/es6/FilterTrigger.js

@@ -1,5 +1,5 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -8,10 +8,12 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps4 } from "@semcore/core";
+import { assignProps as _assignProps3 } from "@semcore/core";
 import { assignProps as _assignProps2 } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
-import createComponent, { Component, Root, sstyled } from '@semcore/core';
+import createComponent, { Component, Root, sstyled, CHILDREN_COMPONENT } from '@semcore/core';
 import BaseTrigger from './BaseTrigger';
 import { Box } from '@semcore/flex-box';
 import NeighborLocation from '@semcore/neighbor-location';
@@ -28,14 +30,15 @@ import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import { setFocus } from '@semcore/utils/lib/use/useFocusLock';
 /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1t8lo_gg_.__selected_1t8lo_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_1t8lo_gg_.__selected_1t8lo_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1t8lo_gg_.__selected_1t8lo_gg_.__active_1t8lo_gg_,.___SFilterTrigger_1t8lo_gg_.__selected_1t8lo_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1t8lo_gg_{display:inline-flex}.___SWrapper_1t8lo_gg_:focus{outline:0}.___SWrapper_1t8lo_gg_.__keyboardFocused_1t8lo_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1t8lo_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1t8lo_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_1t8lo_gg_",
-  "_keyboardFocused": "__keyboardFocused_1t8lo_gg_",
-  "__SCounter": "___SCounter_1t8lo_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1t8lo_gg_",
-  "_selected": "__selected_1t8lo_gg_",
-  "_active": "__active_1t8lo_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1htlh_gg_.__selected_1htlh_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_1htlh_gg_.__selected_1htlh_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1htlh_gg_.__selected_1htlh_gg_.__active_1htlh_gg_,.___SFilterTrigger_1htlh_gg_.__selected_1htlh_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1htlh_gg_{display:inline-flex}.___SWrapper_1htlh_gg_:focus{outline:0}.___SWrapper_1htlh_gg_.__keyboardFocused_1htlh_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1htlh_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1htlh_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_1htlh_gg_",
+  "_keyboardFocused": "__keyboardFocused_1htlh_gg_",
+  "__SCounter": "___SCounter_1htlh_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_1htlh_gg_",
+  "_selected": "__selected_1htlh_gg_",
+  "_active": "__active_1htlh_gg_"
 });
+import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
 var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootFilterTrigger, _Component);
@@ -58,31 +61,62 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
     return _this;
   }
   _createClass(RootFilterTrigger, [{
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps,
-        _ref3;
-      var SWrapper = Box;
-      var SFilterTrigger = BaseTrigger;
+    key: "getTriggerButtonProps",
+    value: function getTriggerButtonProps() {
       var _this$asProps = this.asProps,
-        Children = _this$asProps.Children,
-        styles = _this$asProps.styles,
         empty = _this$asProps.empty,
-        onClear = _this$asProps.onClear,
         size = _this$asProps.size,
         placeholder = _this$asProps.placeholder,
         active = _this$asProps.active,
         disabled = _this$asProps.disabled,
-        getI18nText = _this$asProps.getI18nText,
         includeInputProps = _this$asProps.includeInputProps,
-        uid = _this$asProps.uid,
-        id = _this$asProps.id,
         triggerRef = _this$asProps.triggerRef;
+      return {
+        size: size,
+        placeholder: placeholder,
+        empty: empty,
+        selected: !empty,
+        active: active,
+        disabled: disabled,
+        includeInputProps: includeInputProps,
+        triggerRef: triggerRef
+      };
+    }
+  }, {
+    key: "getClearButtonProps",
+    value: function getClearButtonProps() {
+      var _this$asProps2 = this.asProps,
+        empty = _this$asProps2.empty,
+        onClear = _this$asProps2.onClear,
+        size = _this$asProps2.size,
+        disabled = _this$asProps2.disabled,
+        getI18nText = _this$asProps2.getI18nText,
+        uid = _this$asProps2.uid;
+      return {
+        size: size,
+        empty: empty,
+        onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),
+        onKeyDown: this.handleStopPropagation,
+        disabled: disabled,
+        id: "igc-".concat(uid, "-filter-trigger-clear"),
+        getI18nText: getI18nText
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref5;
+      var SWrapper = Box;
+      var _this$asProps3 = this.asProps,
+        Children = _this$asProps3.Children,
+        styles = _this$asProps3.styles,
+        getI18nText = _this$asProps3.getI18nText,
+        empty = _this$asProps3.empty,
+        forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
       var role = this.asProps.role === 'button' ? 'group' : this.asProps.role;
-      var _getInputProps = getInputProps(this.asProps, includeInputProps),
-        _getInputProps2 = _slicedToArray(_getInputProps, 1),
-        controlProps = _getInputProps2[0];
-      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SWrapper, _ref3.cn("SWrapper", _objectSpread({}, _assignProps({
+      var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName], true);
+      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SWrapper, _ref5.cn("SWrapper", _objectSpread({}, _assignProps({
         "aria-label": getI18nText('filter'),
         "__excludeProps": ['id'],
         "use:role": role,
@@ -94,7 +128,58 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         "use:aria-activedescendant": undefined,
         "use:aria-label": undefined,
         "use:aria-labelledby": undefined
-      }, _ref))), /*#__PURE__*/React.createElement(NeighborLocation, _ref3.cn("NeighborLocation", {}), /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", _objectSpread({
+      }, _ref))), /*#__PURE__*/React.createElement(NeighborLocation, _ref5.cn("NeighborLocation", {}), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FilterTrigger.TriggerButton, null, /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {}))), !empty && /*#__PURE__*/React.createElement(FilterTrigger.ClearButton, null))));
+    }
+  }]);
+  return RootFilterTrigger;
+}(Component);
+_defineProperty(RootFilterTrigger, "displayName", 'FilterTrigger');
+_defineProperty(RootFilterTrigger, "style", style);
+_defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), cssVariableEnhance({
+  variable: '--intergalactic-duration-control',
+  fallback: '200',
+  map: Number.parseInt,
+  prop: 'duration'
+}), animatedSizeEnhance({
+  animateProps: ['width'],
+  onChangeOf: ['value']
+}), uniqueIDEnhancement()]);
+_defineProperty(RootFilterTrigger, "defaultProps", function () {
+  return {
+    includeInputProps: filterTriggerInputProps,
+    i18n: localizedMessages,
+    locale: 'en',
+    triggerRef: /*#__PURE__*/React.createRef(),
+    role: 'group'
+  };
+});
+var TriggerButton = /*#__PURE__*/function (_Component2) {
+  _inherits(TriggerButton, _Component2);
+  var _super2 = _createSuper(TriggerButton);
+  function TriggerButton() {
+    _classCallCheck(this, TriggerButton);
+    return _super2.apply(this, arguments);
+  }
+  _createClass(TriggerButton, [{
+    key: "render",
+    value: function render() {
+      var _ref2 = this.asProps,
+        _ref6;
+      var SFilterTrigger = BaseTrigger;
+      var _this$asProps4 = this.asProps,
+        Children = _this$asProps4.Children,
+        styles = _this$asProps4.styles,
+        empty = _this$asProps4.empty,
+        size = _this$asProps4.size,
+        placeholder = _this$asProps4.placeholder,
+        active = _this$asProps4.active,
+        disabled = _this$asProps4.disabled,
+        includeInputProps = _this$asProps4.includeInputProps,
+        triggerRef = _this$asProps4.triggerRef;
+      var _getInputProps = getInputProps(this.asProps, includeInputProps),
+        _getInputProps2 = _slicedToArray(_getInputProps, 1),
+        controlProps = _getInputProps2[0];
+      return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", _objectSpread({}, _assignProps2(_objectSpread({
         "tag": 'button',
         "type": 'button',
         "w": '100%',
@@ -106,59 +191,70 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         "disabled": disabled,
         "ref": triggerRef,
         "animationsDisabled": true
-      }, controlProps)), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
+      }, controlProps), _ref2))), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
         tag: ChevronDown
-      })), !empty && /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
+      }));
+    }
+  }]);
+  return TriggerButton;
+}(Component);
+_defineProperty(TriggerButton, "displayName", 'TriggerButton');
+_defineProperty(TriggerButton, "style", style);
+var ClearButton = /*#__PURE__*/function (_Component3) {
+  _inherits(ClearButton, _Component3);
+  var _super3 = _createSuper(ClearButton);
+  function ClearButton() {
+    _classCallCheck(this, ClearButton);
+    return _super3.apply(this, arguments);
+  }
+  _createClass(ClearButton, [{
+    key: "render",
+    value: function render() {
+      var _ref3 = this.asProps,
+        _ref7;
+      var SFilterTrigger = BaseTrigger;
+      var _this$asProps5 = this.asProps,
+        styles = _this$asProps5.styles,
+        empty = _this$asProps5.empty,
+        size = _this$asProps5.size,
+        disabled = _this$asProps5.disabled,
+        getI18nText = _this$asProps5.getI18nText,
+        uid = _this$asProps5.uid,
+        id = _this$asProps5.id;
+      if (empty) return null;
+      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", _objectSpread({}, _assignProps3({
         "tag": 'button',
         "type": 'button',
         "size": size,
         "empty": empty,
         "selected": true,
-        "onClick": callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),
-        "onKeyDown": this.handleStopPropagation,
         "disabled": disabled,
         "id": "igc-".concat(uid, "-filter-trigger-clear"),
         "aria-labelledby": "igc-".concat(uid, "-filter-trigger-clear ").concat(id),
         "aria-label": getI18nText('clear')
-      }), /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
+      }, _ref3))), /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
         tag: Close
-      }))));
+      }));
     }
   }]);
-  return RootFilterTrigger;
+  return ClearButton;
 }(Component);
-_defineProperty(RootFilterTrigger, "displayName", 'FilterTrigger');
-_defineProperty(RootFilterTrigger, "style", style);
-_defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages), cssVariableEnhance({
-  variable: '--intergalactic-duration-control',
-  fallback: '200',
-  map: Number.parseInt,
-  prop: 'duration'
-}), animatedSizeEnhance({
-  animateProps: ['width'],
-  onChangeOf: ['value']
-}), uniqueIDEnhancement()]);
-_defineProperty(RootFilterTrigger, "defaultProps", function () {
-  return {
-    includeInputProps: filterTriggerInputProps,
-    i18n: localizedMessages,
-    locale: 'en',
-    triggerRef: /*#__PURE__*/React.createRef(),
-    role: 'group'
-  };
-});
+_defineProperty(ClearButton, "displayName", 'ClearButton');
+_defineProperty(ClearButton, "style", style);
 function Counter(props) {
-  var _ref2 = arguments[0],
-    _ref4;
+  var _ref4 = arguments[0],
+    _ref8;
   var SCounter = BaseTrigger.Addon;
-  return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SCounter, _ref4.cn("SCounter", _objectSpread({}, _assignProps2({
+  return _ref8 = sstyled(props.styles), /*#__PURE__*/React.createElement(SCounter, _ref8.cn("SCounter", _objectSpread({}, _assignProps4({
     "tag": Dot
-  }, _ref2))));
+  }, _ref4))));
 }
 var FilterTrigger = createComponent(RootFilterTrigger, {
   Text: BaseTrigger.Text,
   Addon: BaseTrigger.Addon,
-  Counter: Counter
+  Counter: Counter,
+  TriggerButton: TriggerButton,
+  ClearButton: ClearButton
 }, {
   parent: BaseTrigger
 });

package/lib/es6/FilterTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_createClass","key","value","render","_ref","_ref3","SWrapper","SFilterTrigger","_this$asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","includeInputProps","uid","id","role","_getInputProps","_getInputProps2","_slicedToArray","controlProps","createElement","cn","_objectSpread","_assignProps","undefined","FilterTrigger","Text","Addon","Counter","tag","handleClear","handleStopPropagation","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","props","_ref2","arguments[0]","_ref4","SCounter","_assignProps2","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\n\nconst filterTriggerInputProps = [\n  ...inputProps,\n  'aria-controls',\n  'aria-haspopup',\n  'aria-expanded',\n  'aria-disabled',\n  'aria-activedescendant',\n  'aria-label',\n  'aria-labelledby',\n];\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n    uniqueIDEnhancement(),\n  ];\n  static defaultProps = () => ({\n    includeInputProps: filterTriggerInputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n    triggerRef: React.createRef(),\n    role: 'group',\n  });\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    requestAnimationFrame(() => {\n      setFocus(this.asProps.triggerRef.current);\n    });\n  };\n\n  render() {\n    const SWrapper = Root;\n    const SFilterTrigger = BaseTrigger;\n    const {\n      Children,\n      styles,\n      empty,\n      onClear,\n      size,\n      placeholder,\n      active,\n      disabled,\n      getI18nText,\n      includeInputProps,\n      uid,\n      id,\n      triggerRef,\n    } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={role}\n        use:aria-controls={undefined}\n        use:aria-owns={undefined}\n        use:aria-haspopup={undefined}\n        use:aria-expanded={undefined}\n        use:aria-disabled={undefined}\n        use:aria-activedescendant={undefined}\n        use:aria-label={undefined}\n        use:aria-labelledby={undefined}\n      >\n        <NeighborLocation>\n          <SFilterTrigger\n            tag='button'\n            type='button'\n            w='100%'\n            size={size}\n            placeholder={placeholder}\n            empty={empty}\n            selected={!empty}\n            active={active}\n            disabled={disabled}\n            ref={triggerRef}\n            animationsDisabled\n            {...controlProps}\n          >\n            {addonTextChildren(\n              Children,\n              FilterTrigger.Text,\n              [FilterTrigger.Addon, FilterTrigger.Counter],\n              empty,\n            )}\n            {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n          </SFilterTrigger>\n          {!empty && (\n            <SFilterTrigger\n              tag='button'\n              type='button'\n              size={size}\n              empty={empty}\n              selected\n              onClick={callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation)}\n              onKeyDown={this.handleStopPropagation}\n              disabled={disabled}\n              id={`igc-${uid}-filter-trigger-clear`}\n              aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n              aria-label={getI18nText('clear')}\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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"}
+{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","CHILDREN_COMPONENT","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","isAdvanceMode","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_createClass","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","uid","onClick","handleClear","handleStopPropagation","onKeyDown","id","render","_ref","_ref5","SWrapper","_this$asProps3","Children","styles","forcedAdvancedMode","role","advancedMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_objectSpread","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","_Component2","_super2","_ref2","_ref6","SFilterTrigger","_this$asProps4","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_assignProps2","Text","Addon","Counter","tag","_Component3","_super3","_ref3","_ref7","_this$asProps5","_assignProps3","props","_ref4","arguments[0]","_ref8","SCounter","_assignProps4","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, CHILDREN_COMPONENT } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nconst filterTriggerInputProps = [\n  ...inputProps,\n  'aria-controls',\n  'aria-haspopup',\n  'aria-expanded',\n  'aria-disabled',\n  'aria-activedescendant',\n  'aria-label',\n  'aria-labelledby',\n];\n\nclass RootFilterTrigger extends Component {\n  static displayName = 'FilterTrigger';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n    uniqueIDEnhancement(),\n  ];\n  static defaultProps = () => ({\n    includeInputProps: filterTriggerInputProps,\n    i18n: localizedMessages,\n    locale: 'en',\n    triggerRef: React.createRef(),\n    role: 'group',\n  });\n\n  handleStopPropagation = (e) => e.stopPropagation();\n\n  handleClear = () => {\n    requestAnimationFrame(() => {\n      setFocus(this.asProps.triggerRef.current);\n    });\n  };\n\n  getTriggerButtonProps() {\n    const { empty, size, placeholder, active, disabled, includeInputProps, triggerRef } =\n      this.asProps;\n\n    return {\n      size,\n      placeholder,\n      empty,\n      selected: !empty,\n      active,\n      disabled,\n      includeInputProps,\n      triggerRef,\n    };\n  }\n\n  getClearButtonProps() {\n    const { empty, onClear, size, disabled, getI18nText, uid } = this.asProps;\n\n    return {\n      size,\n      empty,\n      onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n      onKeyDown: this.handleStopPropagation,\n      disabled,\n      id: `igc-${uid}-filter-trigger-clear`,\n      getI18nText,\n    };\n  }\n\n  render() {\n    const SWrapper = Root;\n    const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n    const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(\n        Children,\n        [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n        true,\n      );\n\n    return sstyled(styles)(\n      <SWrapper\n        render={Box}\n        aria-label={getI18nText('filter')}\n        __excludeProps={['id']}\n        use:role={role}\n        use:aria-controls={undefined}\n        use:aria-owns={undefined}\n        use:aria-haspopup={undefined}\n        use:aria-expanded={undefined}\n        use:aria-disabled={undefined}\n        use:aria-activedescendant={undefined}\n        use:aria-label={undefined}\n        use:aria-labelledby={undefined}\n      >\n        <NeighborLocation>\n          {advancedMode ? (\n            <Children />\n          ) : (\n            <>\n              <FilterTrigger.TriggerButton>\n                <Children />\n              </FilterTrigger.TriggerButton>\n              {!empty && <FilterTrigger.ClearButton />}\n            </>\n          )}\n        </NeighborLocation>\n      </SWrapper>,\n    );\n  }\n}\n\nclass TriggerButton extends Component {\n  static displayName = 'TriggerButton';\n  static style = style;\n\n  render() {\n    const SFilterTrigger = Root;\n    const {\n      Children,\n      styles,\n      empty,\n      size,\n      placeholder,\n      active,\n      disabled,\n      includeInputProps,\n      triggerRef,\n    } = this.asProps;\n\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return sstyled(styles)(\n      <SFilterTrigger\n        render={BaseTrigger}\n        tag='button'\n        type='button'\n        w='100%'\n        size={size}\n        placeholder={placeholder}\n        empty={empty}\n        selected={!empty}\n        active={active}\n        disabled={disabled}\n        ref={triggerRef}\n        animationsDisabled\n        {...controlProps}\n      >\n        {addonTextChildren(\n          Children,\n          FilterTrigger.Text,\n          [FilterTrigger.Addon, FilterTrigger.Counter],\n          empty,\n        )}\n        {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n      </SFilterTrigger>,\n    );\n  }\n}\n\nclass ClearButton extends Component {\n  static displayName = 'ClearButton';\n  static style = style;\n\n  render() {\n    const SFilterTrigger = Root;\n    const { styles, empty, size, disabled, getI18nText, uid, id } = this.asProps;\n\n    if (empty) return null;\n\n    return sstyled(styles)(\n      <SFilterTrigger\n        render={BaseTrigger}\n        tag='button'\n        type='button'\n        size={size}\n        empty={empty}\n        selected\n        disabled={disabled}\n        id={`igc-${uid}-filter-trigger-clear`}\n        aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n        aria-label={getI18nText('clear')}\n      >\n        <FilterTrigger.Addon tag={Close} />\n      </SFilterTrigger>,\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    TriggerButton,\n    ClearButton,\n  },\n  {\n    parent: BaseTrigger,\n  },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}

package/lib/es6/LinkTrigger.js

@@ -17,18 +17,18 @@ import { Box } from '@semcore/flex-box';
 import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
 import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1f1cj_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;-webkit-text-decoration:none;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_1f1cj_gg_.__active_1f1cj_gg_,.___SLinkTrigger_1f1cj_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1f1cj_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1f1cj_gg_.__active_1f1cj_gg_ .___SText_1f1cj_gg_,.___SLinkTrigger_1f1cj_gg_:active .___SText_1f1cj_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1f1cj_gg_:hover .___SText_1f1cj_gg_{border-color:currentColor}}.___SLinkTrigger_1f1cj_gg_ .___SText_1f1cj_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_1f1cj_gg_.__color_1f1cj_gg_{color:var(--color_1f1cj)}@media (hover:hover){.___SLinkTrigger_1f1cj_gg_.__color_1f1cj_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1f1cj_gg_.__disabled_1f1cj_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1f1cj_gg_.__keyboardFocused_1f1cj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1f1cj_gg_,.___SLinkAddon_1f1cj_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1f1cj_gg_:not(:only-child):first-child,.___SLinkAddon_1f1cj_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1f1cj_gg_:not(:only-child):last-child,.___SLinkAddon_1f1cj_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1f1cj_gg_{width:16px;height:16px}.___SLinkTrigger_1f1cj_gg_._size_m_1f1cj_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1f1cj_gg_._size_l_1f1cj_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1f1cj_gg_,.___SLinkTrigger_1f1cj_gg_ .___SText_1f1cj_gg_{transition:none}}" /*__inner_css_end__*/, "1f1cj_gg_") /*__reshadow_css_end__*/, {
-  "__SLinkTrigger": "___SLinkTrigger_1f1cj_gg_",
-  "_disabled": "__disabled_1f1cj_gg_",
-  "_keyboardFocused": "__keyboardFocused_1f1cj_gg_",
-  "__SLinkAddon": "___SLinkAddon_1f1cj_gg_",
-  "_size_m": "_size_m_1f1cj_gg_",
-  "_size_l": "_size_l_1f1cj_gg_",
-  "_active": "__active_1f1cj_gg_",
-  "__SText": "___SText_1f1cj_gg_",
-  "_color": "__color_1f1cj_gg_",
-  "--color": "--color_1f1cj",
-  "__SAddon": "___SAddon_1f1cj_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1vnd3_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;-webkit-text-decoration:none;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_1vnd3_gg_.__active_1vnd3_gg_,.___SLinkTrigger_1vnd3_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1vnd3_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1vnd3_gg_.__active_1vnd3_gg_ .___SText_1vnd3_gg_,.___SLinkTrigger_1vnd3_gg_:active .___SText_1vnd3_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1vnd3_gg_:hover .___SText_1vnd3_gg_{border-color:currentColor}}.___SLinkTrigger_1vnd3_gg_ .___SText_1vnd3_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_1vnd3_gg_.__color_1vnd3_gg_{color:var(--color_1vnd3)}@media (hover:hover){.___SLinkTrigger_1vnd3_gg_.__color_1vnd3_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1vnd3_gg_.__disabled_1vnd3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1vnd3_gg_.__keyboardFocused_1vnd3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1vnd3_gg_,.___SLinkAddon_1vnd3_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1vnd3_gg_:not(:only-child):first-child,.___SLinkAddon_1vnd3_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1vnd3_gg_:not(:only-child):last-child,.___SLinkAddon_1vnd3_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1vnd3_gg_{width:16px;height:16px}.___SLinkTrigger_1vnd3_gg_._size_m_1vnd3_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1vnd3_gg_._size_l_1vnd3_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1vnd3_gg_,.___SLinkTrigger_1vnd3_gg_ .___SText_1vnd3_gg_{transition:none}}" /*__inner_css_end__*/, "1vnd3_gg_") /*__reshadow_css_end__*/, {
+  "__SLinkTrigger": "___SLinkTrigger_1vnd3_gg_",
+  "_disabled": "__disabled_1vnd3_gg_",
+  "_keyboardFocused": "__keyboardFocused_1vnd3_gg_",
+  "__SLinkAddon": "___SLinkAddon_1vnd3_gg_",
+  "_size_m": "_size_m_1vnd3_gg_",
+  "_size_l": "_size_l_1vnd3_gg_",
+  "_active": "__active_1vnd3_gg_",
+  "__SText": "___SText_1vnd3_gg_",
+  "_color": "__color_1vnd3_gg_",
+  "--color": "--color_1vnd3",
+  "__SAddon": "___SAddon_1vnd3_gg_"
 });
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootLinkTrigger, _Component);

package/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  KeyboardFocusProps &\n  WithAnimatedSizeEnhanceProps & {\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     * Display the dropdowns chevron icon\n     * @default true\n     */\n    chevron?: boolean;\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\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\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  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n  triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic, Root } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n  NeighborItemProps &\n  KeyboardFocusProps &\n  WithAnimatedSizeEnhanceProps & {\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     * Display the dropdowns chevron icon\n     * @default true\n     */\n    chevron?: boolean;\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\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n  /** Sets the loading state */\n  loading?: boolean;\n  /** Text color */\n  color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\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  /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n  triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n  Text: typeof Box;\n  Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n  Text: typeof BaseTrigger.Text;\n  Addon: typeof BaseTrigger.Addon;\n  Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n  TriggerButton: typeof BaseTrigger;\n  ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}

package/lib/types/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UnknownProperties, Intergalactic } from '@semcore/core';
+import { UnknownProperties, Intergalactic, Root } from '@semcore/core';
 import { Box, BoxProps } from '@semcore/flex-box';
 import { DotProps } from '@semcore/dot';
 import { NeighborItemProps } from '@semcore/neighbor-location';
@@ -96,6 +96,8 @@ declare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps>
   Text: typeof BaseTrigger.Text;
   Addon: typeof BaseTrigger.Addon;
   Counter: Intergalactic.Component<'div', BoxProps & DotProps>;
+  TriggerButton: typeof BaseTrigger;
+  ClearButton: typeof BaseTrigger;
 };
 
 export default BaseTrigger;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-trigger",
   "description": "Semrush BaseTrigger Component",
-  "version": "4.31.2",
+  "version": "4.32.0-prerelease.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,15 +9,15 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/dot": "5.20.2",
-    "@semcore/flex-box": "5.21.2",
-    "@semcore/icon": "4.30.2",
-    "@semcore/neighbor-location": "4.19.2",
-    "@semcore/spin": "5.20.2",
-    "@semcore/utils": "4.22.2"
+    "@semcore/dot": "5.21.0-prerelease.1",
+    "@semcore/flex-box": "5.22.0-prerelease.1",
+    "@semcore/icon": "4.31.0-prerelease.1",
+    "@semcore/neighbor-location": "4.20.0-prerelease.1",
+    "@semcore/spin": "5.21.0-prerelease.1",
+    "@semcore/utils": "4.23.0-prerelease.1"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.17.5",
+    "@semcore/core": "^2.20.0-prerelease.1",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },
@@ -30,7 +30,8 @@
     "@guidepup/playwright": "0.6.1",
     "@playwright/test": "1.25.1",
     "@semcore/testing-utils": "1.0.0",
-    "@types/react": "18.0.21"
+    "@types/react": "18.0.21",
+    "@semcore/tooltip": "6.22.0"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js"