@semcore/base-trigger 4.48.2-prerelease.0 → 4.49.0-prerelease.0

package/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [4.49.0] - 2024-11-20
+
+### Fixed
+
+- Added `Hint` to the `FilterTrigger.ClearButton`.
+- Remove redundant `aria-label` & `aria-labelledby` from `FilterTrigger.ClearButton`.
+- Added `role` combobox to the `FilterTrigger.TriggerButton`.
+- Added `count` prop to `FilterTrigger.Counter`, along with screenreader only `selected` text.
+- `placeholder` text is now `aria-hidden` for triggers because of `aria-label` and double pronouncing.
+
 ## [4.48.2] - 2024-11-21
 
 ### Fixed

package/lib/cjs/BaseTrigger.js

@@ -23,24 +23,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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_jjceu_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_jjceu_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_jjceu_gg_:active,.___SBaseTrigger_jjceu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_jjceu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_jjceu_gg_.__keyboardFocused_jjceu_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_jjceu_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_jjceu_gg_.__active_jjceu_gg_,.___SBaseTrigger_jjceu_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_jjceu_gg_.__disabled_jjceu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_jjceu_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_jjceu_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_jjceu_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_jjceu_gg_{width:12px;height:12px}.___SBaseTrigger_jjceu_gg_._size_m_jjceu_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_jjceu_gg_._size_m_jjceu_gg_ .___SAddon_jjceu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_jjceu_gg_._size_m_jjceu_gg_ .___SAddon_jjceu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_jjceu_gg_._size_l_jjceu_gg_ .___SAddon_jjceu_gg_:only-child,.___SBaseTrigger_jjceu_gg_._size_m_jjceu_gg_ .___SAddon_jjceu_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_jjceu_gg_._size_l_jjceu_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_jjceu_gg_._size_l_jjceu_gg_ .___SAddon_jjceu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_jjceu_gg_._size_l_jjceu_gg_ .___SAddon_jjceu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_jjceu_gg_._neighborLocation_right_jjceu_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_jjceu_gg_._neighborLocation_both_jjceu_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_jjceu_gg_._neighborLocation_left_jjceu_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_jjceu_gg_.__display-placeholder_jjceu_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_jjceu_gg_._state_valid_jjceu_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_jjceu_gg_._state_invalid_jjceu_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_jjceu_gg_._state_invalid_jjceu_gg_.__keyboardFocused_jjceu_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_jjceu_gg_._size_m_jjceu_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_jjceu_gg_._size_l_jjceu_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "jjceu_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_jjceu_gg_",
-  "_disabled": "__disabled_jjceu_gg_",
-  "__SInner": "___SInner_jjceu_gg_",
-  "__SText": "___SText_jjceu_gg_",
-  "__SAddon": "___SAddon_jjceu_gg_",
-  "__SBaseAddon": "___SBaseAddon_jjceu_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_jjceu_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_jjceu_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_jjceu_gg_",
-  "_display-placeholder": "__display-placeholder_jjceu_gg_",
-  "_state_valid": "_state_valid_jjceu_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_jjceu_gg_",
-  "_size_m": "_size_m_jjceu_gg_",
-  "_size_l": "_size_l_jjceu_gg_",
-  "_keyboardFocused": "__keyboardFocused_jjceu_gg_",
-  "_active": "__active_jjceu_gg_",
-  "_state_invalid": "_state_invalid_jjceu_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_u2zwt_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_u2zwt_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_u2zwt_gg_:active,.___SBaseTrigger_u2zwt_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_u2zwt_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_u2zwt_gg_.__keyboardFocused_u2zwt_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_u2zwt_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_u2zwt_gg_.__active_u2zwt_gg_,.___SBaseTrigger_u2zwt_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_u2zwt_gg_.__disabled_u2zwt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_u2zwt_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_u2zwt_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_u2zwt_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_u2zwt_gg_{width:12px;height:12px}.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_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_u2zwt_gg_._size_m_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_gg_ .___SAddon_u2zwt_gg_:only-child,.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_gg_ .___SAddon_u2zwt_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_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_u2zwt_gg_._size_l_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._neighborLocation_right_u2zwt_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_u2zwt_gg_._neighborLocation_both_u2zwt_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_u2zwt_gg_._neighborLocation_left_u2zwt_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_u2zwt_gg_.__display-placeholder_u2zwt_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_u2zwt_gg_._state_valid_u2zwt_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_u2zwt_gg_._state_invalid_u2zwt_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_u2zwt_gg_._state_invalid_u2zwt_gg_.__keyboardFocused_u2zwt_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_u2zwt_gg_._size_m_u2zwt_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_u2zwt_gg_._size_l_u2zwt_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "u2zwt_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_u2zwt_gg_",
+  "_disabled": "__disabled_u2zwt_gg_",
+  "__SInner": "___SInner_u2zwt_gg_",
+  "__SText": "___SText_u2zwt_gg_",
+  "__SAddon": "___SAddon_u2zwt_gg_",
+  "__SBaseAddon": "___SBaseAddon_u2zwt_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_u2zwt_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_u2zwt_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_u2zwt_gg_",
+  "_display-placeholder": "__display-placeholder_u2zwt_gg_",
+  "_state_valid": "_state_valid_u2zwt_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_u2zwt_gg_",
+  "_size_m": "_size_m_u2zwt_gg_",
+  "_size_l": "_size_l_u2zwt_gg_",
+  "_keyboardFocused": "__keyboardFocused_u2zwt_gg_",
+  "_active": "__active_u2zwt_gg_",
+  "_state_invalid": "_state_invalid_u2zwt_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootBaseTrigger, _Component);
@@ -117,7 +117,8 @@ function Text(props) {
     empty = props.empty,
     placeholder = props.placeholder;
   return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "display-placeholder": empty
+    "display-placeholder": empty,
+    "aria-hidden": empty
   }, _ref2))), empty ? placeholder : children);
 }
 function Addon(props) {

package/lib/cjs/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'span';\n    const SInvalidPattern = InvalidStateBox;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'span';\n    const SInvalidPattern = InvalidStateBox;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}

package/lib/cjs/ButtonTrigger.js

@@ -21,9 +21,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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_5mzu5_gg_{width:12px;height:12px}.___SButtonTriggerSpin_5mzu5_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "5mzu5_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_5mzu5_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_5mzu5_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_8qh67_gg_{width:12px;height:12px}.___SButtonTriggerSpin_8qh67_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "8qh67_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_8qh67_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_8qh67_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootButtonTrigger, _Component);

package/lib/cjs/FilterTrigger.js

@@ -35,15 +35,17 @@ 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");
+var _tooltip = require("@semcore/tooltip");
+var _ScreenReaderOnly = require("@semcore/utils/lib/ScreenReaderOnly");
 var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
 /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1ig88_gg_.__selected_1ig88_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_1ig88_gg_.__selected_1ig88_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1ig88_gg_.__selected_1ig88_gg_.__active_1ig88_gg_,.___SFilterTrigger_1ig88_gg_.__selected_1ig88_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1ig88_gg_{display:inline-flex}.___SWrapper_1ig88_gg_:focus{outline:0}.___SWrapper_1ig88_gg_.__keyboardFocused_1ig88_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1ig88_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1ig88_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_1ig88_gg_",
-  "_keyboardFocused": "__keyboardFocused_1ig88_gg_",
-  "__SCounter": "___SCounter_1ig88_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1ig88_gg_",
-  "_selected": "__selected_1ig88_gg_",
-  "_active": "__active_1ig88_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_12s82_gg_.__selected_12s82_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_12s82_gg_.__selected_12s82_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_12s82_gg_.__selected_12s82_gg_.__active_12s82_gg_,.___SFilterTrigger_12s82_gg_.__selected_12s82_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_12s82_gg_{display:inline-flex}.___SWrapper_12s82_gg_:focus{outline:0}.___SWrapper_12s82_gg_.__keyboardFocused_12s82_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_12s82_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "12s82_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_12s82_gg_",
+  "_keyboardFocused": "__keyboardFocused_12s82_gg_",
+  "__SCounter": "___SCounter_12s82_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_12s82_gg_",
+  "_selected": "__selected_12s82_gg_",
+  "_active": "__active_12s82_gg_"
 });
 var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
@@ -100,15 +102,21 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         onClear = _this$asProps2.onClear,
         size = _this$asProps2.size,
         disabled = _this$asProps2.disabled,
-        getI18nText = _this$asProps2.getI18nText,
-        uid = _this$asProps2.uid;
+        getI18nText = _this$asProps2.getI18nText;
       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: "getCounterProps",
+    value: function getCounterProps() {
+      var getI18nText = this.asProps.getI18nText;
+      return {
         getI18nText: getI18nText
       };
     }
@@ -124,7 +132,6 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         getI18nText = _this$asProps3.getI18nText,
         empty = _this$asProps3.empty,
         forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
-      var role = this.asProps.role === 'button' ? 'group' : this.asProps.role;
       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'),
@@ -183,6 +190,7 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
         triggerRef = _this$asProps4.triggerRef;
       return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tag": 'button',
+        "use:role": 'combobox',
         "type": 'button',
         "w": '100%',
         "empty": empty,
@@ -216,36 +224,36 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
         empty = _this$asProps5.empty,
         size = _this$asProps5.size,
         disabled = _this$asProps5.disabled,
-        getI18nText = _this$asProps5.getI18nText,
-        uid = _this$asProps5.uid,
-        id = _this$asProps5.id;
+        getI18nText = _this$asProps5.getI18nText;
       if (empty) return null;
-      return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint, _ref7.cn("Hint", {}), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint.Trigger, null, /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "tag": 'button',
         "type": 'button',
         "size": size,
         "empty": empty,
         "selected": true,
         "disabled": disabled,
-        "id": "igc-".concat(uid, "-filter-trigger-clear"),
-        "aria-labelledby": "igc-".concat(uid, "-filter-trigger-clear ").concat(id),
         "aria-label": getI18nText('clear')
       }, _ref3))), /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
         tag: _m["default"]
-      }));
+      }))), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint.Popper, null, getI18nText('clear')));
     }
   }]);
   return ClearButton;
 }(_core.Component);
 (0, _defineProperty2["default"])(ClearButton, "displayName", 'ClearButton');
 (0, _defineProperty2["default"])(ClearButton, "style", style);
-function Counter(props) {
+function Counter(_ref9) {
   var _ref4 = arguments[0],
     _ref8;
+  var styles = _ref9.styles,
+    Children = _ref9.Children,
+    count = _ref9.count,
+    getI18nText = _ref9.getI18nText;
   var SCounter = _BaseTrigger["default"].Addon;
-  return _ref8 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref8.cn("SCounter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref8.cn("SCounter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": _dot["default"]
-  }, _ref4))));
+  }, _ref4))), count !== undefined ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, count, /*#__PURE__*/_react["default"].createElement(_ScreenReaderOnly.ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label'))) : /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
 }
 var FilterTrigger = (0, _core["default"])(RootFilterTrigger, {
   Text: _BaseTrigger["default"].Text,

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","_assignProps5","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","_findComponent","_excluded","style","_index","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","dataUiName","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","_objectSpread2","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","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","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 } 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  'role',\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 {\n      empty,\n      size,\n      placeholder,\n      active,\n      disabled,\n      includeInputProps,\n      triggerRef,\n      'data-ui-name': dataUiName,\n      ...other\n    } = this.asProps;\n\n    const [controlProps] = getInputProps(other, includeInputProps);\n\n    return {\n      size,\n      placeholder,\n      empty,\n      selected: !empty,\n      active,\n      disabled,\n      triggerRef,\n      ...controlProps,\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={undefined}\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 { Children, styles, empty, triggerRef } = this.asProps;\n\n    return sstyled(styles)(\n      <SFilterTrigger\n        render={BaseTrigger}\n        tag='button'\n        type='button'\n        w='100%'\n        empty={empty}\n        selected={!empty}\n        ref={triggerRef}\n        animationsDisabled\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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"}
+{"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","_tooltip","_ScreenReaderOnly","_excluded","style","_index","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","dataUiName","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","_objectSpread2","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","Box","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps4","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_super3","_ref3","_ref7","_this$asProps5","Hint","Trigger","Close","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","Dot","ScreenReaderOnly","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';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { Hint } from '@semcore/tooltip';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\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  'role',\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 {\n      empty,\n      size,\n      placeholder,\n      active,\n      disabled,\n      includeInputProps,\n      triggerRef,\n      'data-ui-name': dataUiName,\n      ...other\n    } = this.asProps;\n\n    const [controlProps] = getInputProps(other, includeInputProps);\n\n    return {\n      size,\n      placeholder,\n      empty,\n      selected: !empty,\n      active,\n      disabled,\n      triggerRef,\n      ...controlProps,\n    };\n  }\n\n  getClearButtonProps() {\n    const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n    return {\n      size,\n      empty,\n      onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n      onKeyDown: this.handleStopPropagation,\n      disabled,\n      getI18nText,\n    };\n  }\n\n  getCounterProps() {\n    const { getI18nText } = this.asProps;\n\n    return {\n      getI18nText,\n    };\n  }\n\n  render() {\n    const SWrapper = Root;\n    const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\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={undefined}\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 { Children, styles, empty, triggerRef } = this.asProps;\n\n    return sstyled(styles)(\n      <SFilterTrigger\n        render={BaseTrigger}\n        tag='button'\n        use:role='combobox'\n        type='button'\n        w='100%'\n        empty={empty}\n        selected={!empty}\n        ref={triggerRef}\n        animationsDisabled\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 } = this.asProps;\n\n    if (empty) return null;\n\n    return sstyled(styles)(\n      <Hint>\n        <Hint.Trigger>\n          <SFilterTrigger\n            render={BaseTrigger}\n            tag='button'\n            type='button'\n            size={size}\n            empty={empty}\n            selected\n            disabled={disabled}\n            aria-label={getI18nText('clear')}\n          >\n            <FilterTrigger.Addon tag={Close} />\n          </SFilterTrigger>\n        </Hint.Trigger>\n        <Hint.Popper>{getI18nText('clear')}</Hint.Popper>\n      </Hint>,\n    );\n  }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n  const SCounter = Root;\n  return sstyled(styles)(\n    <SCounter render={BaseTrigger.Addon} tag={Dot}>\n      {count !== undefined ? (\n        <>\n          {count}\n          <ScreenReaderOnly>\n            {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n          </ScreenReaderOnly>\n        </>\n      ) : (\n        <Children />\n      )}\n    </SCounter>,\n  );\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

@@ -22,18 +22,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__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1oivs_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;border:0}.___SLinkTrigger_1oivs_gg_:focus{outline:0}.___SLinkTrigger_1oivs_gg_.__active_1oivs_gg_,.___SLinkTrigger_1oivs_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1oivs_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1oivs_gg_.__active_1oivs_gg_ .___SText_1oivs_gg_,.___SLinkTrigger_1oivs_gg_:active .___SText_1oivs_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1oivs_gg_:hover .___SText_1oivs_gg_{border-color:currentColor}}.___SLinkTrigger_1oivs_gg_ .___SText_1oivs_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_1oivs_gg_.__color_1oivs_gg_{color:var(--color_1oivs)}@media (hover:hover){.___SLinkTrigger_1oivs_gg_.__color_1oivs_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1oivs_gg_.__disabled_1oivs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1oivs_gg_.__keyboardFocused_1oivs_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1oivs_gg_,.___SLinkAddon_1oivs_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1oivs_gg_:not(:only-child):first-child,.___SLinkAddon_1oivs_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1oivs_gg_:not(:only-child):last-child,.___SLinkAddon_1oivs_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1oivs_gg_{width:16px;height:16px}.___SLinkTrigger_1oivs_gg_._size_m_1oivs_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1oivs_gg_._size_l_1oivs_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1oivs_gg_,.___SLinkTrigger_1oivs_gg_ .___SText_1oivs_gg_{transition:none}}" /*__inner_css_end__*/, "1oivs_gg_") /*__reshadow_css_end__*/, {
-  "__SLinkTrigger": "___SLinkTrigger_1oivs_gg_",
-  "_disabled": "__disabled_1oivs_gg_",
-  "_keyboardFocused": "__keyboardFocused_1oivs_gg_",
-  "__SLinkAddon": "___SLinkAddon_1oivs_gg_",
-  "_size_m": "_size_m_1oivs_gg_",
-  "_size_l": "_size_l_1oivs_gg_",
-  "_active": "__active_1oivs_gg_",
-  "__SText": "___SText_1oivs_gg_",
-  "_color": "__color_1oivs_gg_",
-  "--color": "--color_1oivs",
-  "__SAddon": "___SAddon_1oivs_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1dpdw_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;border:0}.___SLinkTrigger_1dpdw_gg_:focus{outline:0}.___SLinkTrigger_1dpdw_gg_.__active_1dpdw_gg_,.___SLinkTrigger_1dpdw_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1dpdw_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1dpdw_gg_.__active_1dpdw_gg_ .___SText_1dpdw_gg_,.___SLinkTrigger_1dpdw_gg_:active .___SText_1dpdw_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1dpdw_gg_:hover .___SText_1dpdw_gg_{border-color:currentColor}}.___SLinkTrigger_1dpdw_gg_ .___SText_1dpdw_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_1dpdw_gg_.__color_1dpdw_gg_{color:var(--color_1dpdw)}@media (hover:hover){.___SLinkTrigger_1dpdw_gg_.__color_1dpdw_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1dpdw_gg_.__disabled_1dpdw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1dpdw_gg_.__keyboardFocused_1dpdw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1dpdw_gg_,.___SLinkAddon_1dpdw_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1dpdw_gg_:not(:only-child):first-child,.___SLinkAddon_1dpdw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1dpdw_gg_:not(:only-child):last-child,.___SLinkAddon_1dpdw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1dpdw_gg_{width:16px;height:16px}.___SLinkTrigger_1dpdw_gg_._size_m_1dpdw_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1dpdw_gg_._size_l_1dpdw_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1dpdw_gg_,.___SLinkTrigger_1dpdw_gg_ .___SText_1dpdw_gg_{transition:none}}" /*__inner_css_end__*/, "1dpdw_gg_") /*__reshadow_css_end__*/, {
+  "__SLinkTrigger": "___SLinkTrigger_1dpdw_gg_",
+  "_disabled": "__disabled_1dpdw_gg_",
+  "_keyboardFocused": "__keyboardFocused_1dpdw_gg_",
+  "__SLinkAddon": "___SLinkAddon_1dpdw_gg_",
+  "_size_m": "_size_m_1dpdw_gg_",
+  "_size_l": "_size_l_1dpdw_gg_",
+  "_active": "__active_1dpdw_gg_",
+  "__SText": "___SText_1dpdw_gg_",
+  "_color": "__color_1dpdw_gg_",
+  "--color": "--color_1dpdw",
+  "__SAddon": "___SAddon_1dpdw_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, 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":""}
+{"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\nexport type FilterTriggerCounterProps = {\n  /** Count for render */\n  count?: number;\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 & FilterTriggerCounterProps>;\n  TriggerButton: typeof BaseTrigger;\n  ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}

package/lib/cjs/translations/en.json

@@ -1,4 +1,5 @@
 {
   "clear": "Clear",
-  "filter": "Filter"
+  "filter": "Filter",
+  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "selected"
 }

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_jjceu_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_jjceu_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_jjceu_gg_:active,.___SBaseTrigger_jjceu_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_jjceu_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_jjceu_gg_.__keyboardFocused_jjceu_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_jjceu_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_jjceu_gg_.__active_jjceu_gg_,.___SBaseTrigger_jjceu_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_jjceu_gg_.__disabled_jjceu_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_jjceu_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_jjceu_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_jjceu_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_jjceu_gg_{width:12px;height:12px}.___SBaseTrigger_jjceu_gg_._size_m_jjceu_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_jjceu_gg_._size_m_jjceu_gg_ .___SAddon_jjceu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_jjceu_gg_._size_m_jjceu_gg_ .___SAddon_jjceu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_jjceu_gg_._size_l_jjceu_gg_ .___SAddon_jjceu_gg_:only-child,.___SBaseTrigger_jjceu_gg_._size_m_jjceu_gg_ .___SAddon_jjceu_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_jjceu_gg_._size_l_jjceu_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_jjceu_gg_._size_l_jjceu_gg_ .___SAddon_jjceu_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_jjceu_gg_._size_l_jjceu_gg_ .___SAddon_jjceu_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_jjceu_gg_._neighborLocation_right_jjceu_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_jjceu_gg_._neighborLocation_both_jjceu_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_jjceu_gg_._neighborLocation_left_jjceu_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_jjceu_gg_.__display-placeholder_jjceu_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_jjceu_gg_._state_valid_jjceu_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_jjceu_gg_._state_invalid_jjceu_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_jjceu_gg_._state_invalid_jjceu_gg_.__keyboardFocused_jjceu_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_jjceu_gg_._size_m_jjceu_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_jjceu_gg_._size_l_jjceu_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "jjceu_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_jjceu_gg_",
-  "_disabled": "__disabled_jjceu_gg_",
-  "__SInner": "___SInner_jjceu_gg_",
-  "__SText": "___SText_jjceu_gg_",
-  "__SAddon": "___SAddon_jjceu_gg_",
-  "__SBaseAddon": "___SBaseAddon_jjceu_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_jjceu_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_jjceu_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_jjceu_gg_",
-  "_display-placeholder": "__display-placeholder_jjceu_gg_",
-  "_state_valid": "_state_valid_jjceu_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_jjceu_gg_",
-  "_size_m": "_size_m_jjceu_gg_",
-  "_size_l": "_size_l_jjceu_gg_",
-  "_keyboardFocused": "__keyboardFocused_jjceu_gg_",
-  "_active": "__active_jjceu_gg_",
-  "_state_invalid": "_state_invalid_jjceu_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_u2zwt_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_u2zwt_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_u2zwt_gg_:active,.___SBaseTrigger_u2zwt_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_u2zwt_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_u2zwt_gg_.__keyboardFocused_u2zwt_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_u2zwt_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_u2zwt_gg_.__active_u2zwt_gg_,.___SBaseTrigger_u2zwt_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_u2zwt_gg_.__disabled_u2zwt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_u2zwt_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_u2zwt_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_u2zwt_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_u2zwt_gg_{width:12px;height:12px}.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_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_u2zwt_gg_._size_m_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_gg_ .___SAddon_u2zwt_gg_:only-child,.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_gg_ .___SAddon_u2zwt_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_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_u2zwt_gg_._size_l_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._neighborLocation_right_u2zwt_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_u2zwt_gg_._neighborLocation_both_u2zwt_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_u2zwt_gg_._neighborLocation_left_u2zwt_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_u2zwt_gg_.__display-placeholder_u2zwt_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_u2zwt_gg_._state_valid_u2zwt_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_u2zwt_gg_._state_invalid_u2zwt_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_u2zwt_gg_._state_invalid_u2zwt_gg_.__keyboardFocused_u2zwt_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_u2zwt_gg_._size_m_u2zwt_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_u2zwt_gg_._size_l_u2zwt_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "u2zwt_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_u2zwt_gg_",
+  "_disabled": "__disabled_u2zwt_gg_",
+  "__SInner": "___SInner_u2zwt_gg_",
+  "__SText": "___SText_u2zwt_gg_",
+  "__SAddon": "___SAddon_u2zwt_gg_",
+  "__SBaseAddon": "___SBaseAddon_u2zwt_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_u2zwt_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_u2zwt_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_u2zwt_gg_",
+  "_display-placeholder": "__display-placeholder_u2zwt_gg_",
+  "_state_valid": "_state_valid_u2zwt_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_u2zwt_gg_",
+  "_size_m": "_size_m_u2zwt_gg_",
+  "_size_l": "_size_l_u2zwt_gg_",
+  "_keyboardFocused": "__keyboardFocused_u2zwt_gg_",
+  "_active": "__active_u2zwt_gg_",
+  "_state_invalid": "_state_invalid_u2zwt_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootBaseTrigger, _Component);
@@ -112,7 +112,8 @@ function Text(props) {
     empty = props.empty,
     placeholder = props.placeholder;
   return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
-    "display-placeholder": empty
+    "display-placeholder": empty,
+    "aria-hidden": empty
   }, _ref2))), empty ? placeholder : children);
 }
 function Addon(props) {

package/lib/es6/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","InvalidStateBox","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootBaseTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'span';\n    const SInvalidPattern = InvalidStateBox;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","InvalidStateBox","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootBaseTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'span';\n    const SInvalidPattern = InvalidStateBox;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}

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_5mzu5_gg_{width:12px;height:12px}.___SButtonTriggerSpin_5mzu5_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "5mzu5_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_5mzu5_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_5mzu5_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_8qh67_gg_{width:12px;height:12px}.___SButtonTriggerSpin_8qh67_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "8qh67_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_8qh67_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_8qh67_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootButtonTrigger, _Component);

package/lib/es6/FilterTrigger.js

@@ -32,15 +32,17 @@ 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_1ig88_gg_.__selected_1ig88_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_1ig88_gg_.__selected_1ig88_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1ig88_gg_.__selected_1ig88_gg_.__active_1ig88_gg_,.___SFilterTrigger_1ig88_gg_.__selected_1ig88_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1ig88_gg_{display:inline-flex}.___SWrapper_1ig88_gg_:focus{outline:0}.___SWrapper_1ig88_gg_.__keyboardFocused_1ig88_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1ig88_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1ig88_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_1ig88_gg_",
-  "_keyboardFocused": "__keyboardFocused_1ig88_gg_",
-  "__SCounter": "___SCounter_1ig88_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_1ig88_gg_",
-  "_selected": "__selected_1ig88_gg_",
-  "_active": "__active_1ig88_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_12s82_gg_.__selected_12s82_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_12s82_gg_.__selected_12s82_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_12s82_gg_.__selected_12s82_gg_.__active_12s82_gg_,.___SFilterTrigger_12s82_gg_.__selected_12s82_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_12s82_gg_{display:inline-flex}.___SWrapper_12s82_gg_:focus{outline:0}.___SWrapper_12s82_gg_.__keyboardFocused_12s82_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_12s82_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "12s82_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_12s82_gg_",
+  "_keyboardFocused": "__keyboardFocused_12s82_gg_",
+  "__SCounter": "___SCounter_12s82_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_12s82_gg_",
+  "_selected": "__selected_12s82_gg_",
+  "_active": "__active_12s82_gg_"
 });
 import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
+import { Hint } from '@semcore/tooltip';
+import { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';
 var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootFilterTrigger, _Component);
@@ -96,15 +98,21 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         onClear = _this$asProps2.onClear,
         size = _this$asProps2.size,
         disabled = _this$asProps2.disabled,
-        getI18nText = _this$asProps2.getI18nText,
-        uid = _this$asProps2.uid;
+        getI18nText = _this$asProps2.getI18nText;
       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: "getCounterProps",
+    value: function getCounterProps() {
+      var getI18nText = this.asProps.getI18nText;
+      return {
         getI18nText: getI18nText
       };
     }
@@ -120,7 +128,6 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
         getI18nText = _this$asProps3.getI18nText,
         empty = _this$asProps3.empty,
         forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
-      var role = this.asProps.role === 'button' ? 'group' : this.asProps.role;
       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'),
@@ -179,6 +186,7 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
         triggerRef = _this$asProps4.triggerRef;
       return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", _objectSpread({}, _assignProps2({
         "tag": 'button',
+        "use:role": 'combobox',
         "type": 'button',
         "w": '100%',
         "empty": empty,
@@ -212,36 +220,36 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
         empty = _this$asProps5.empty,
         size = _this$asProps5.size,
         disabled = _this$asProps5.disabled,
-        getI18nText = _this$asProps5.getI18nText,
-        uid = _this$asProps5.uid,
-        id = _this$asProps5.id;
+        getI18nText = _this$asProps5.getI18nText;
       if (empty) return null;
-      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", _objectSpread({}, _assignProps3({
+      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(Hint, _ref7.cn("Hint", {}), /*#__PURE__*/React.createElement(Hint.Trigger, null, /*#__PURE__*/React.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", _objectSpread({}, _assignProps3({
         "tag": 'button',
         "type": 'button',
         "size": size,
         "empty": empty,
         "selected": true,
         "disabled": disabled,
-        "id": "igc-".concat(uid, "-filter-trigger-clear"),
-        "aria-labelledby": "igc-".concat(uid, "-filter-trigger-clear ").concat(id),
         "aria-label": getI18nText('clear')
       }, _ref3))), /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
         tag: Close
-      }));
+      }))), /*#__PURE__*/React.createElement(Hint.Popper, null, getI18nText('clear')));
     }
   }]);
   return ClearButton;
 }(Component);
 _defineProperty(ClearButton, "displayName", 'ClearButton');
 _defineProperty(ClearButton, "style", style);
-function Counter(props) {
+function Counter(_ref9) {
   var _ref4 = arguments[0],
     _ref8;
+  var styles = _ref9.styles,
+    Children = _ref9.Children,
+    count = _ref9.count,
+    getI18nText = _ref9.getI18nText;
   var SCounter = BaseTrigger.Addon;
-  return _ref8 = sstyled(props.styles), /*#__PURE__*/React.createElement(SCounter, _ref8.cn("SCounter", _objectSpread({}, _assignProps4({
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SCounter, _ref8.cn("SCounter", _objectSpread({}, _assignProps4({
     "tag": Dot
-  }, _ref4))));
+  }, _ref4))), count !== undefined ? /*#__PURE__*/React.createElement(React.Fragment, null, count, /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label'))) : /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})));
 }
 var FilterTrigger = createComponent(RootFilterTrigger, {
   Text: BaseTrigger.Text,

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","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","dataUiName","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_objectSpread","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","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","_Component2","_super2","_ref2","_ref6","SFilterTrigger","_this$asProps4","_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 } 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  'role',\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 {\n      empty,\n      size,\n      placeholder,\n      active,\n      disabled,\n      includeInputProps,\n      triggerRef,\n      'data-ui-name': dataUiName,\n      ...other\n    } = this.asProps;\n\n    const [controlProps] = getInputProps(other, includeInputProps);\n\n    return {\n      size,\n      placeholder,\n      empty,\n      selected: !empty,\n      active,\n      disabled,\n      triggerRef,\n      ...controlProps,\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={undefined}\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 { Children, styles, empty, triggerRef } = this.asProps;\n\n    return sstyled(styles)(\n      <SFilterTrigger\n        render={BaseTrigger}\n        tag='button'\n        type='button'\n        w='100%'\n        empty={empty}\n        selected={!empty}\n        ref={triggerRef}\n        animationsDisabled\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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"}
+{"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","isAdvanceMode","Hint","ScreenReaderOnly","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","dataUiName","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_objectSpread","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","_this$asProps4","_assignProps2","Text","Addon","Counter","tag","_Component3","_super3","_ref3","_ref7","_this$asProps5","Trigger","_assignProps3","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","_assignProps4","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';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { Hint } from '@semcore/tooltip';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\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  'role',\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 {\n      empty,\n      size,\n      placeholder,\n      active,\n      disabled,\n      includeInputProps,\n      triggerRef,\n      'data-ui-name': dataUiName,\n      ...other\n    } = this.asProps;\n\n    const [controlProps] = getInputProps(other, includeInputProps);\n\n    return {\n      size,\n      placeholder,\n      empty,\n      selected: !empty,\n      active,\n      disabled,\n      triggerRef,\n      ...controlProps,\n    };\n  }\n\n  getClearButtonProps() {\n    const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n    return {\n      size,\n      empty,\n      onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n      onKeyDown: this.handleStopPropagation,\n      disabled,\n      getI18nText,\n    };\n  }\n\n  getCounterProps() {\n    const { getI18nText } = this.asProps;\n\n    return {\n      getI18nText,\n    };\n  }\n\n  render() {\n    const SWrapper = Root;\n    const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\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={undefined}\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 { Children, styles, empty, triggerRef } = this.asProps;\n\n    return sstyled(styles)(\n      <SFilterTrigger\n        render={BaseTrigger}\n        tag='button'\n        use:role='combobox'\n        type='button'\n        w='100%'\n        empty={empty}\n        selected={!empty}\n        ref={triggerRef}\n        animationsDisabled\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 } = this.asProps;\n\n    if (empty) return null;\n\n    return sstyled(styles)(\n      <Hint>\n        <Hint.Trigger>\n          <SFilterTrigger\n            render={BaseTrigger}\n            tag='button'\n            type='button'\n            size={size}\n            empty={empty}\n            selected\n            disabled={disabled}\n            aria-label={getI18nText('clear')}\n          >\n            <FilterTrigger.Addon tag={Close} />\n          </SFilterTrigger>\n        </Hint.Trigger>\n        <Hint.Popper>{getI18nText('clear')}</Hint.Popper>\n      </Hint>,\n    );\n  }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n  const SCounter = Root;\n  return sstyled(styles)(\n    <SCounter render={BaseTrigger.Addon} tag={Dot}>\n      {count !== undefined ? (\n        <>\n          {count}\n          <ScreenReaderOnly>\n            {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n          </ScreenReaderOnly>\n        </>\n      ) : (\n        <Children />\n      )}\n    </SCounter>,\n  );\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_1oivs_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;border:0}.___SLinkTrigger_1oivs_gg_:focus{outline:0}.___SLinkTrigger_1oivs_gg_.__active_1oivs_gg_,.___SLinkTrigger_1oivs_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1oivs_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1oivs_gg_.__active_1oivs_gg_ .___SText_1oivs_gg_,.___SLinkTrigger_1oivs_gg_:active .___SText_1oivs_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1oivs_gg_:hover .___SText_1oivs_gg_{border-color:currentColor}}.___SLinkTrigger_1oivs_gg_ .___SText_1oivs_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_1oivs_gg_.__color_1oivs_gg_{color:var(--color_1oivs)}@media (hover:hover){.___SLinkTrigger_1oivs_gg_.__color_1oivs_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1oivs_gg_.__disabled_1oivs_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1oivs_gg_.__keyboardFocused_1oivs_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1oivs_gg_,.___SLinkAddon_1oivs_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1oivs_gg_:not(:only-child):first-child,.___SLinkAddon_1oivs_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1oivs_gg_:not(:only-child):last-child,.___SLinkAddon_1oivs_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1oivs_gg_{width:16px;height:16px}.___SLinkTrigger_1oivs_gg_._size_m_1oivs_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1oivs_gg_._size_l_1oivs_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1oivs_gg_,.___SLinkTrigger_1oivs_gg_ .___SText_1oivs_gg_{transition:none}}" /*__inner_css_end__*/, "1oivs_gg_") /*__reshadow_css_end__*/, {
-  "__SLinkTrigger": "___SLinkTrigger_1oivs_gg_",
-  "_disabled": "__disabled_1oivs_gg_",
-  "_keyboardFocused": "__keyboardFocused_1oivs_gg_",
-  "__SLinkAddon": "___SLinkAddon_1oivs_gg_",
-  "_size_m": "_size_m_1oivs_gg_",
-  "_size_l": "_size_l_1oivs_gg_",
-  "_active": "__active_1oivs_gg_",
-  "__SText": "___SText_1oivs_gg_",
-  "_color": "__color_1oivs_gg_",
-  "--color": "--color_1oivs",
-  "__SAddon": "___SAddon_1oivs_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1dpdw_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;border:0}.___SLinkTrigger_1dpdw_gg_:focus{outline:0}.___SLinkTrigger_1dpdw_gg_.__active_1dpdw_gg_,.___SLinkTrigger_1dpdw_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1dpdw_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1dpdw_gg_.__active_1dpdw_gg_ .___SText_1dpdw_gg_,.___SLinkTrigger_1dpdw_gg_:active .___SText_1dpdw_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1dpdw_gg_:hover .___SText_1dpdw_gg_{border-color:currentColor}}.___SLinkTrigger_1dpdw_gg_ .___SText_1dpdw_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_1dpdw_gg_.__color_1dpdw_gg_{color:var(--color_1dpdw)}@media (hover:hover){.___SLinkTrigger_1dpdw_gg_.__color_1dpdw_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1dpdw_gg_.__disabled_1dpdw_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1dpdw_gg_.__keyboardFocused_1dpdw_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1dpdw_gg_,.___SLinkAddon_1dpdw_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1dpdw_gg_:not(:only-child):first-child,.___SLinkAddon_1dpdw_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1dpdw_gg_:not(:only-child):last-child,.___SLinkAddon_1dpdw_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1dpdw_gg_{width:16px;height:16px}.___SLinkTrigger_1dpdw_gg_._size_m_1dpdw_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1dpdw_gg_._size_l_1dpdw_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1dpdw_gg_,.___SLinkTrigger_1dpdw_gg_ .___SText_1dpdw_gg_{transition:none}}" /*__inner_css_end__*/, "1dpdw_gg_") /*__reshadow_css_end__*/, {
+  "__SLinkTrigger": "___SLinkTrigger_1dpdw_gg_",
+  "_disabled": "__disabled_1dpdw_gg_",
+  "_keyboardFocused": "__keyboardFocused_1dpdw_gg_",
+  "__SLinkAddon": "___SLinkAddon_1dpdw_gg_",
+  "_size_m": "_size_m_1dpdw_gg_",
+  "_size_l": "_size_l_1dpdw_gg_",
+  "_active": "__active_1dpdw_gg_",
+  "__SText": "___SText_1dpdw_gg_",
+  "_color": "__color_1dpdw_gg_",
+  "--color": "--color_1dpdw",
+  "__SAddon": "___SAddon_1dpdw_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, 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":""}
+{"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\nexport type FilterTriggerCounterProps = {\n  /** Count for render */\n  count?: number;\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 & FilterTriggerCounterProps>;\n  TriggerButton: typeof BaseTrigger;\n  ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}

package/lib/es6/translations/en.json

@@ -1,4 +1,5 @@
 {
   "clear": "Clear",
-  "filter": "Filter"
+  "filter": "Filter",
+  "BaseTrigger.FilterTrigger.Counter.selected:aria-label": "selected"
 }

package/lib/types/index.d.ts

@@ -77,6 +77,11 @@ export type FilterTriggerProps = BaseTriggerProps & {
   triggerRef?: React.Ref<HTMLButtonElement>;
 };
 
+export type FilterTriggerCounterProps = {
+  /** Count for render */
+  count?: number;
+};
+
 declare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {
   Text: typeof Box;
   Addon: typeof Box;
@@ -95,7 +100,7 @@ declare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {
 declare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {
   Text: typeof BaseTrigger.Text;
   Addon: typeof BaseTrigger.Addon;
-  Counter: Intergalactic.Component<'div', BoxProps & DotProps>;
+  Counter: Intergalactic.Component<'div', BoxProps & DotProps & FilterTriggerCounterProps>;
   TriggerButton: typeof BaseTrigger;
   ClearButton: typeof BaseTrigger;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-trigger",
   "description": "Semrush BaseTrigger Component",
-  "version": "4.48.2-prerelease.0",
+  "version": "4.49.0-prerelease.0",
   "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.37.2-prerelease.0",
-    "@semcore/flex-box": "5.38.2-prerelease.0",
-    "@semcore/icon": "4.52.2-prerelease.0",
-    "@semcore/neighbor-location": "4.36.2-prerelease.0",
-    "@semcore/spin": "5.38.2-prerelease.0",
-    "@semcore/utils": "4.43.3-prerelease.0"
+    "@semcore/dot": "5.38.0-prerelease.0",
+    "@semcore/flex-box": "5.39.0-prerelease.0",
+    "@semcore/icon": "4.53.0-prerelease.0",
+    "@semcore/neighbor-location": "4.37.0-prerelease.0",
+    "@semcore/spin": "5.39.0-prerelease.0",
+    "@semcore/utils": "4.44.0-prerelease.0"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.36.2-prerelease.0",
+    "@semcore/core": "^2.37.0-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },