@semcore/base-trigger 16.5.0 → 16.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13,7 +13,6 @@ import { assignProps as _assignProps3 } from "@semcore/core";
13
13
  import { assignProps as _assignProps2 } from "@semcore/core";
14
14
  import { assignProps as _assignProps } from "@semcore/core";
15
15
  var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
16
- import { NeighborLocation, Box, ScreenReaderOnly, Hint } from '@semcore/base-components';
17
16
  import { createComponent, Component, Root, sstyled } from '@semcore/core';
18
17
  import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
19
18
  import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
@@ -21,22 +20,27 @@ import animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEn
21
20
  import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
22
21
  import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
23
22
  import getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';
23
+ import { ScreenReaderOnly } from '@semcore/core/lib/utils/ScreenReaderOnly';
24
24
  import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
25
25
  import { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';
26
26
  import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
27
- import { default as SemcoreCounter } from '@semcore/counter';
27
+ import Dot from '@semcore/dot';
28
+ import { Box } from '@semcore/flex-box';
28
29
  import ChevronDown from '@semcore/icon/ChevronDown/m';
29
30
  import Close from '@semcore/icon/Close/m';
31
+ import NeighborLocation from '@semcore/neighbor-location';
32
+ import { Hint } from '@semcore/tooltip';
30
33
  import React from 'react';
31
34
  import BaseTrigger from './BaseTrigger';
32
35
  /*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
33
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_deskx_gg_.__selected_deskx_gg_{border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_.__active_deskx_gg_,.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_.__active_deskx_gg_,.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_.__active_deskx_gg_,.___SFilterTrigger_deskx_gg_.__selected_deskx_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_deskx_gg_{display:inline-flex}.___SWrapper_deskx_gg_:focus{outline:0}", /*__inner_css_end__*/"deskx_gg_"),
36
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_.__active_paxe8_gg_,.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_.__active_paxe8_gg_,.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_.__active_paxe8_gg_,.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_paxe8_gg_{display:inline-flex}.___SWrapper_paxe8_gg_:focus{outline:0}.___SCounter_paxe8_gg_{background-color:var(--intergalactic-bg-primary-info, rgb(118, 128, 231))}", /*__inner_css_end__*/"paxe8_gg_"),
34
37
  /*__reshadow_css_end__*/
35
38
  {
36
- "__SFilterTrigger": "___SFilterTrigger_deskx_gg_",
37
- "_selected": "__selected_deskx_gg_",
38
- "_active": "__active_deskx_gg_",
39
- "__SWrapper": "___SWrapper_deskx_gg_"
39
+ "__SCounter": "___SCounter_paxe8_gg_",
40
+ "__SFilterTrigger": "___SFilterTrigger_paxe8_gg_",
41
+ "_selected": "__selected_paxe8_gg_",
42
+ "_active": "__active_paxe8_gg_",
43
+ "__SWrapper": "___SWrapper_paxe8_gg_"
40
44
  });
41
45
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
42
46
  var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
@@ -107,12 +111,9 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
107
111
  }, {
108
112
  key: "getCounterProps",
109
113
  value: function getCounterProps() {
110
- var _this$asProps3 = this.asProps,
111
- getI18nText = _this$asProps3.getI18nText,
112
- size = _this$asProps3.size;
114
+ var getI18nText = this.asProps.getI18nText;
113
115
  return {
114
- getI18nText: getI18nText,
115
- size: size
116
+ getI18nText: getI18nText
116
117
  };
117
118
  }
118
119
  }, {
@@ -121,12 +122,12 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
121
122
  var _ref = this.asProps,
122
123
  _ref5;
123
124
  var SWrapper = Box;
124
- var _this$asProps4 = this.asProps,
125
- Children = _this$asProps4.Children,
126
- styles = _this$asProps4.styles,
127
- getI18nText = _this$asProps4.getI18nText,
128
- empty = _this$asProps4.empty,
129
- forcedAdvancedMode = _this$asProps4.forcedAdvancedMode;
125
+ var _this$asProps3 = this.asProps,
126
+ Children = _this$asProps3.Children,
127
+ styles = _this$asProps3.styles,
128
+ getI18nText = _this$asProps3.getI18nText,
129
+ empty = _this$asProps3.empty,
130
+ forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
130
131
  var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName], true);
131
132
  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SWrapper, _ref5.cn("SWrapper", _objectSpread({}, _assignProps({
132
133
  "aria-label": getI18nText('filter'),
@@ -176,11 +177,11 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
176
177
  var _ref2 = this.asProps,
177
178
  _ref6;
178
179
  var SFilterTrigger = BaseTrigger;
179
- var _this$asProps5 = this.asProps,
180
- Children = _this$asProps5.Children,
181
- styles = _this$asProps5.styles,
182
- empty = _this$asProps5.empty,
183
- triggerRef = _this$asProps5.triggerRef;
180
+ var _this$asProps4 = this.asProps,
181
+ Children = _this$asProps4.Children,
182
+ styles = _this$asProps4.styles,
183
+ empty = _this$asProps4.empty,
184
+ triggerRef = _this$asProps4.triggerRef;
184
185
  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", _objectSpread({}, _assignProps2({
185
186
  "use:role": 'combobox',
186
187
  "w": '100%',
@@ -198,14 +199,8 @@ _defineProperty(TriggerButton, "displayName", 'TriggerButton');
198
199
  _defineProperty(TriggerButton, "style", style);
199
200
  var ClearButton = /*#__PURE__*/function (_Component3) {
200
201
  function ClearButton() {
201
- var _this2;
202
202
  _classCallCheck(this, ClearButton);
203
- for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
204
- args[_key2] = arguments[_key2];
205
- }
206
- _this2 = _callSuper(this, ClearButton, [].concat(args));
207
- _defineProperty(_this2, "triggerRef", /*#__PURE__*/React.createRef());
208
- return _this2;
203
+ return _callSuper(this, ClearButton, arguments);
209
204
  }
210
205
  _inherits(ClearButton, _Component3);
211
206
  return _createClass(ClearButton, [{
@@ -216,17 +211,16 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
216
211
  _ref9,
217
212
  _ref0;
218
213
  var SFilterTrigger = BaseTrigger;
219
- var _this$asProps6 = this.asProps,
220
- styles = _this$asProps6.styles,
221
- empty = _this$asProps6.empty,
222
- size = _this$asProps6.size,
223
- disabled = _this$asProps6.disabled,
224
- getI18nText = _this$asProps6.getI18nText,
225
- ariaLabel = _this$asProps6['aria-label'],
226
- title = _this$asProps6.title;
214
+ var _this$asProps5 = this.asProps,
215
+ styles = _this$asProps5.styles,
216
+ empty = _this$asProps5.empty,
217
+ size = _this$asProps5.size,
218
+ disabled = _this$asProps5.disabled,
219
+ getI18nText = _this$asProps5.getI18nText,
220
+ ariaLabel = _this$asProps5['aria-label'],
221
+ title = _this$asProps5.title;
227
222
  if (empty) return null;
228
- return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", _objectSpread({}, _assignProps3({
229
- "ref": this.triggerRef,
223
+ 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({
230
224
  "size": size,
231
225
  "empty": empty,
232
226
  "selected": true,
@@ -235,9 +229,7 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
235
229
  "__excludeProps": ['title']
236
230
  }, _ref3))), /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
237
231
  tag: Close
238
- })), /*#__PURE__*/React.createElement(Hint, _ref7.cn("Hint", {
239
- "triggerRef": this.triggerRef
240
- }), (_ref0 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref0 !== void 0 ? _ref0 : getI18nText('clear')));
232
+ }))), /*#__PURE__*/React.createElement(Hint.Popper, null, (_ref0 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref0 !== void 0 ? _ref0 : getI18nText('clear')));
241
233
  }
242
234
  }]);
243
235
  }(Component);
@@ -252,8 +244,7 @@ function Counter(_ref1) {
252
244
  getI18nText = _ref1.getI18nText;
253
245
  var SCounter = BaseTrigger.Addon;
254
246
  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SCounter, _ref8.cn("SCounter", _objectSpread({}, _assignProps4({
255
- "tag": SemcoreCounter,
256
- "theme": 'info'
247
+ "tag": Dot
257
248
  }, _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", {})));
258
249
  }
259
250
  var FilterTrigger = createComponent(RootFilterTrigger, {
@@ -1 +1 @@
1
- {"version":3,"file":"FilterTrigger.js","names":["NeighborLocation","Box","ScreenReaderOnly","Hint","createComponent","Component","Root","sstyled","addonTextChildren","callAllEventHandlers","animatedSizeEnhance","i18nEnhance","isAdvanceMode","getInputProps","inputProps","uniqueIDEnhancement","setFocus","cssVariableEnhance","default","SemcoreCounter","ChevronDown","Close","React","BaseTrigger","style","_sstyled","insert","localizedMessages","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","_defineProperty","e","key","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_inherits","_createClass","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","_this$asProps3","render","_ref","_ref5","SWrapper","_this$asProps4","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","_ref2","_ref6","SFilterTrigger","_this$asProps5","_assignProps2","Text","Addon","Counter","tag","_Component3","_this2","_len2","_key2","_ref3","_ref7","_ref9","_ref0","_this$asProps6","ariaLabel","title","_assignProps3","_ref1","_ref4","arguments[0]","_ref8","count","SCounter","_assignProps4","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, ScreenReaderOnly, Hint } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { default as SemcoreCounter } from '@semcore/counter';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Close from '@semcore/icon/Close/m';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/filter-trigger.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => {\n if (e.key === 'Escape') return;\n\n e.stopPropagation();\n };\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, size } = this.asProps;\n\n return {\n getI18nText,\n size,\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 ? (\n <Children />\n )\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 use:role='combobox'\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 triggerRef = React.createRef();\n\n render() {\n const SFilterTrigger = Root;\n const {\n styles,\n empty,\n size,\n disabled,\n getI18nText,\n 'aria-label': ariaLabel,\n title,\n } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <>\n <SFilterTrigger\n ref={this.triggerRef}\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={title ?? ariaLabel ?? getI18nText('clear')}\n __excludeProps={['title']}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n\n <Hint triggerRef={this.triggerRef}>{title ?? ariaLabel ?? getI18nText('clear')}</Hint>\n </>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={SemcoreCounter} theme='info'>\n {count !== undefined\n ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\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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","ignoreList":[]}
1
+ {"version":3,"file":"FilterTrigger.js","names":["createComponent","Component","Root","sstyled","addonTextChildren","callAllEventHandlers","animatedSizeEnhance","i18nEnhance","isAdvanceMode","getInputProps","inputProps","ScreenReaderOnly","uniqueIDEnhancement","setFocus","cssVariableEnhance","Dot","Box","ChevronDown","Close","NeighborLocation","Hint","React","BaseTrigger","style","_sstyled","insert","localizedMessages","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","_defineProperty","e","key","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_inherits","_createClass","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","_ref2","_ref6","SFilterTrigger","_this$asProps4","_assignProps2","Text","Addon","Counter","tag","_Component3","_ref3","_ref7","_ref9","_ref0","_this$asProps5","ariaLabel","title","Trigger","_assignProps3","Popper","_ref1","_ref4","arguments[0]","_ref8","count","SCounter","_assignProps4","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport { ScreenReaderOnly } from '@semcore/core/lib/utils/ScreenReaderOnly';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport Dot from '@semcore/dot';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Close from '@semcore/icon/Close/m';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport { Hint } from '@semcore/tooltip';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/filter-trigger.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\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\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => {\n if (e.key === 'Escape') return;\n\n e.stopPropagation();\n };\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 ? (\n <Children />\n )\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 use:role='combobox'\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 {\n styles,\n empty,\n size,\n disabled,\n getI18nText,\n 'aria-label': ariaLabel,\n title,\n } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <Hint>\n <Hint.Trigger>\n <SFilterTrigger\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={title ?? ariaLabel ?? getI18nText('clear')}\n __excludeProps={['title']}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n </Hint.Trigger>\n <Hint.Popper>{title ?? ariaLabel ?? 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 <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\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":";;;;;;;;;;;;;;;AAAA,SAASA,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,OAAOC,WAAW,MAAM,8CAA8C;AACtE,SAASC,aAAa,QAAQ,uCAAuC;AACrE,OAAOC,aAAa,IAAIC,UAAU,QAAQ,oCAAoC;AAC9E,SAASC,gBAAgB,QAAQ,0CAA0C;AAC3E,OAAOC,mBAAmB,MAAM,kCAAkC;AAClE,SAASC,QAAQ,QAAQ,0CAA0C;AACnE,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,OAAOC,GAAG,MAAM,cAAc;AAC9B,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,KAAK,MAAM,uBAAuB;AACzC,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,SAASC,IAAI,QAAQ,kBAAkB;AACvC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,WAAW,MAAM,eAAe;AAAC;AAAA,IAAAC,KAAA,8BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAExC,SAASC,iBAAiB,QAAQ,gDAAgD;AAElF,IAAMC,uBAAuB,MAAAC,MAAA,CAAAC,kBAAA,CACxBnB,UAAU,IACb,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,uBAAuB,EACvB,YAAY,EACZ,iBAAiB,EACjB,MAAM,EACP;AAAC,IAEIoB,iBAAiB,0BAAAC,UAAA;EAAA,SAAAD,kBAAA;IAAA,IAAAE,KAAA;IAAAC,eAAA,OAAAH,iBAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAQ,UAAA,OAAAV,iBAAA,KAAAF,MAAA,CAAAS,IAAA;IAAAI,eAAA,CAAAT,KAAA,2BA0BG,UAACU,CAAC,EAAK;MAC7B,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,EAAE;MAExBD,CAAC,CAACE,eAAe,CAAC,CAAC;IACrB,CAAC;IAAAH,eAAA,CAAAT,KAAA,iBAEa,YAAM;MAClBa,qBAAqB,CAAC,YAAM;QAC1BhC,QAAQ,CAACmB,KAAA,CAAKc,OAAO,CAACC,UAAU,CAACC,OAAO,CAAC;MAC3C,CAAC,CAAC;IACJ,CAAC;IAAA,OAAAhB,KAAA;EAAA;EAAAiB,SAAA,CAAAnB,iBAAA,EAAAC,UAAA;EAAA,OAAAmB,YAAA,CAAApB,iBAAA;IAAAa,GAAA;IAAAQ,KAAA,EAED,SAAAC,qBAAqBA,CAAA,EAAG;MACtB,IAAAC,aAAA,GAUI,IAAI,CAACP,OAAO;QATdQ,KAAK,GAAAD,aAAA,CAALC,KAAK;QACLC,IAAI,GAAAF,aAAA,CAAJE,IAAI;QACJC,WAAW,GAAAH,aAAA,CAAXG,WAAW;QACXC,MAAM,GAAAJ,aAAA,CAANI,MAAM;QACNC,QAAQ,GAAAL,aAAA,CAARK,QAAQ;QACRC,iBAAiB,GAAAN,aAAA,CAAjBM,iBAAiB;QACjBZ,UAAU,GAAAM,aAAA,CAAVN,UAAU;QACMa,WAAW,GAAAP,aAAA,CAA3B,cAAc;QACXQ,KAAK,GAAAC,wBAAA,CAAAT,aAAA,EAAAU,SAAA;MAGV,IAAAC,cAAA,GAAuBvD,aAAa,CAACoD,KAAK,EAAEF,iBAAiB,CAAC;QAAAM,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAAvDG,YAAY,GAAAF,eAAA;MAEnB,OAAAG,aAAA;QACEb,IAAI,EAAJA,IAAI;QACJC,WAAW,EAAXA,WAAW;QACXF,KAAK,EAALA,KAAK;QACLe,QAAQ,EAAE,CAACf,KAAK;QAChBG,MAAM,EAANA,MAAM;QACNC,QAAQ,EAARA,QAAQ;QACRX,UAAU,EAAVA;MAAU,GACPoB,YAAY;IAEnB;EAAC;IAAAxB,GAAA;IAAAQ,KAAA,EAED,SAAAmB,mBAAmBA,CAAA,EAAG;MACpB,IAAAC,cAAA,GAAwD,IAAI,CAACzB,OAAO;QAA5DQ,KAAK,GAAAiB,cAAA,CAALjB,KAAK;QAAEkB,OAAO,GAAAD,cAAA,CAAPC,OAAO;QAAEjB,IAAI,GAAAgB,cAAA,CAAJhB,IAAI;QAAEG,QAAQ,GAAAa,cAAA,CAARb,QAAQ;QAAEe,WAAW,GAAAF,cAAA,CAAXE,WAAW;MAEnD,OAAO;QACLlB,IAAI,EAAJA,IAAI;QACJD,KAAK,EAALA,KAAK;QACLoB,OAAO,EAAErE,oBAAoB,CAACmE,OAAO,EAAE,IAAI,CAACG,WAAW,EAAE,IAAI,CAACC,qBAAqB,CAAC;QACpFC,SAAS,EAAE,IAAI,CAACD,qBAAqB;QACrClB,QAAQ,EAARA,QAAQ;QACRe,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAA9B,GAAA;IAAAQ,KAAA,EAED,SAAA2B,eAAeA,CAAA,EAAG;MAChB,IAAQL,WAAW,GAAK,IAAI,CAAC3B,OAAO,CAA5B2B,WAAW;MAEnB,OAAO;QACLA,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAA9B,GAAA;IAAAQ,KAAA,EAED,SAAA4B,MAAMA,CAAA,EAAG;MAAA,IAAAC,IAAA,QAAAlC,OAAA;QAAAmC,KAAA;MACP,IAAMC,QAAQ,GAaFlE,GAAG;MAZf,IAAAmE,cAAA,GAAqE,IAAI,CAACrC,OAAO;QAAzEsC,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEZ,WAAW,GAAAU,cAAA,CAAXV,WAAW;QAAEnB,KAAK,GAAA6B,cAAA,CAAL7B,KAAK;QAAEgC,kBAAkB,GAAAH,cAAA,CAAlBG,kBAAkB;MAEhE,IAAMC,YAAY,GAChBD,kBAAkB,IAClB9E,aAAa,CACX4E,QAAQ,EACR,CAACI,aAAa,CAACC,aAAa,CAACC,WAAW,EAAEF,aAAa,CAACG,WAAW,CAACD,WAAW,CAAC,EAChF,IACF,CAAC;MAEH,OAAAT,KAAA,GAAO9E,OAAO,CAACkF,MAAM,CAAC,eACpBhE,KAAA,CAAAuE,aAAA,CAACV,QAAQ,EAAAD,KAAA,CAAAY,EAAA,aAAAzB,aAAA,KAAA0B,YAAA;QAAA,cAEKrB,WAAW,CAAC,QAAQ,CAAC;QAAA,kBACjB,CAAC,IAAI,CAAC;QAAA,YACZsB,SAAS;QAAA,qBACAA,SAAS;QAAA,iBACbA,SAAS;QAAA,qBACLA,SAAS;QAAA,qBACTA,SAAS;QAAA,qBACTA,SAAS;QAAA,6BACDA,SAAS;QAAA,kBACpBA,SAAS;QAAA,uBACJA;MAAS,GAAAf,IAAA,kBAE9B3D,KAAA,CAAAuE,aAAA,CAACzE,gBAAgB,EAAA8D,KAAA,CAAAY,EAAA,0BACdN,YAAY,gBAEPlE,KAAA,CAAAuE,aAAA,CAACR,QAAQ,EAAAH,KAAA,CAAAY,EAAA,gBAAE,CAAC,gBAGZxE,KAAA,CAAAuE,aAAA,CAAAvE,KAAA,CAAA2E,QAAA,qBACE3E,KAAA,CAAAuE,aAAA,CAACJ,aAAa,CAACC,aAAa,qBAC1BpE,KAAA,CAAAuE,aAAA,CAACR,QAAQ,EAAAH,KAAA,CAAAY,EAAA,gBAAE,CACgB,CAAC,EAC7B,CAACvC,KAAK,iBAAIjC,KAAA,CAAAuE,aAAA,CAACJ,aAAa,CAACG,WAAW,MAAE,CACvC,CAEQ,CACV,CAAC;IAEf;EAAC;AAAA,EAjI6B1F,SAAS;AAAAwC,eAAA,CAAnCX,iBAAiB,iBACA,eAAe;AAAAW,eAAA,CADhCX,iBAAiB,WAENP,KAAK;AAAAkB,eAAA,CAFhBX,iBAAiB,aAGJ,CACfvB,WAAW,CAACmB,iBAAiB,CAAC,EAC9BZ,kBAAkB,CAAC;EACjBmF,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFhG,mBAAmB,CAAC;EAClBiG,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,EACF5F,mBAAmB,CAAC,CAAC,CACtB;AAAA6B,eAAA,CAhBGX,iBAAiB,kBAkBC;EAAA,OAAO;IAC3B6B,iBAAiB,EAAEhC,uBAAuB;IAC1C8E,IAAI,EAAE/E,iBAAiB;IACvBgF,MAAM,EAAE,IAAI;IACZ3D,UAAU,eAAE1B,KAAK,CAACsF,SAAS,CAAC,CAAC;IAC7BC,IAAI,EAAE;EACR,CAAC;AAAA,CAAC;AAAA,IA4GEnB,aAAa,0BAAAoB,WAAA;EAAA,SAAApB,cAAA;IAAAxD,eAAA,OAAAwD,aAAA;IAAA,OAAAjD,UAAA,OAAAiD,aAAA,EAAAtD,SAAA;EAAA;EAAAc,SAAA,CAAAwC,aAAA,EAAAoB,WAAA;EAAA,OAAA3D,YAAA,CAAAuC,aAAA;IAAA9C,GAAA;IAAAQ,KAAA,EAIjB,SAAA4B,MAAMA,CAAA,EAAG;MAAA,IAAA+B,KAAA,QAAAhE,OAAA;QAAAiE,KAAA;MACP,IAAMC,cAAc,GAKR1F,WAAW;MAJvB,IAAA2F,cAAA,GAAgD,IAAI,CAACnE,OAAO;QAApDsC,QAAQ,GAAA6B,cAAA,CAAR7B,QAAQ;QAAEC,MAAM,GAAA4B,cAAA,CAAN5B,MAAM;QAAE/B,KAAK,GAAA2D,cAAA,CAAL3D,KAAK;QAAEP,UAAU,GAAAkE,cAAA,CAAVlE,UAAU;MAE3C,OAAAgE,KAAA,GAAO5G,OAAO,CAACkF,MAAM,CAAC,eACpBhE,KAAA,CAAAuE,aAAA,CAACoB,cAAc,EAAAD,KAAA,CAAAlB,EAAA,mBAAAzB,aAAA,KAAA8C,aAAA;QAAA,YAEJ,UAAU;QAAA,KACjB,MAAM;QAAA,SACD5D,KAAK;QAAA,YACF,CAACA,KAAK;QAAA,OACXP,UAAU;QAAA;MAAA,GAAA+D,KAAA,KAGd1G,iBAAiB,CAChBgF,QAAQ,EACRI,aAAa,CAAC2B,IAAI,EAClB,CAAC3B,aAAa,CAAC4B,KAAK,EAAE5B,aAAa,CAAC6B,OAAO,CAAC,EAC5C/D,KACF,CAAC,EACAA,KAAK,iBAAIjC,KAAA,CAAAuE,aAAA,CAACJ,aAAa,CAAC4B,KAAK;QAACE,GAAG,EAAErG;MAAY,CAAE,CACpC,CAAC;IAErB;EAAC;AAAA,EA3ByBhB,SAAS;AAAAwC,eAAA,CAA/BgD,aAAa,iBACI,eAAe;AAAAhD,eAAA,CADhCgD,aAAa,WAEFlE,KAAK;AAAA,IA4BhBoE,WAAW,0BAAA4B,WAAA;EAAA,SAAA5B,YAAA;IAAA1D,eAAA,OAAA0D,WAAA;IAAA,OAAAnD,UAAA,OAAAmD,WAAA,EAAAxD,SAAA;EAAA;EAAAc,SAAA,CAAA0C,WAAA,EAAA4B,WAAA;EAAA,OAAArE,YAAA,CAAAyC,WAAA;IAAAhD,GAAA;IAAAQ,KAAA,EAIf,SAAA4B,MAAMA,CAAA,EAAG;MAAA,IAAAyC,KAAA,QAAA1E,OAAA;QAAA2E,KAAA;QAAAC,KAAA;QAAAC,KAAA;MACP,IAAMX,cAAc,GAiBJ1F,WAAW;MAhB3B,IAAAsG,cAAA,GAQI,IAAI,CAAC9E,OAAO;QAPduC,MAAM,GAAAuC,cAAA,CAANvC,MAAM;QACN/B,KAAK,GAAAsE,cAAA,CAALtE,KAAK;QACLC,IAAI,GAAAqE,cAAA,CAAJrE,IAAI;QACJG,QAAQ,GAAAkE,cAAA,CAARlE,QAAQ;QACRe,WAAW,GAAAmD,cAAA,CAAXnD,WAAW;QACGoD,SAAS,GAAAD,cAAA,CAAvB,YAAY;QACZE,KAAK,GAAAF,cAAA,CAALE,KAAK;MAGP,IAAIxE,KAAK,EAAE,OAAO,IAAI;MAEtB,OAAAmE,KAAA,GAAOtH,OAAO,CAACkF,MAAM,CAAC,eACpBhE,KAAA,CAAAuE,aAAA,CAACxE,IAAI,EAAAqG,KAAA,CAAA5B,EAAA,2BACHxE,KAAA,CAAAuE,aAAA,CAACxE,IAAI,CAAC2G,OAAO,qBACX1G,KAAA,CAAAuE,aAAA,CAACoB,cAAc,EAAAS,KAAA,CAAA5B,EAAA,mBAAAzB,aAAA,KAAA4D,aAAA;QAAA,QAEPzE,IAAI;QAAA,SACHD,KAAK;QAAA;QAAA,YAEFI,QAAQ;QAAA,eAAAgE,KAAA,GACNI,KAAK,aAALA,KAAK,cAALA,KAAK,GAAID,SAAS,cAAAH,KAAA,cAAAA,KAAA,GAAIjD,WAAW,CAAC,OAAO,CAAC;QAAA,kBACtC,CAAC,OAAO;MAAC,GAAA+C,KAAA,kBAEzBnG,KAAA,CAAAuE,aAAA,CAACJ,aAAa,CAAC4B,KAAK;QAACE,GAAG,EAAEpG;MAAM,CAAE,CACpB,CACJ,CAAC,eACfG,KAAA,CAAAuE,aAAA,CAACxE,IAAI,CAAC6G,MAAM,SAAAN,KAAA,GAAEG,KAAK,aAALA,KAAK,cAALA,KAAK,GAAID,SAAS,cAAAF,KAAA,cAAAA,KAAA,GAAIlD,WAAW,CAAC,OAAO,CAAe,CAClE,CAAC;IAEX;EAAC;AAAA,EApCuBxE,SAAS;AAAAwC,eAAA,CAA7BkD,WAAW,iBACM,aAAa;AAAAlD,eAAA,CAD9BkD,WAAW,WAEApE,KAAK;AAqCtB,SAAS8F,OAAOA,CAAAa,KAAA,EAA2C;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAAA,IAAxChD,MAAM,GAAA6C,KAAA,CAAN7C,MAAM;IAAED,QAAQ,GAAA8C,KAAA,CAAR9C,QAAQ;IAAEkD,KAAK,GAAAJ,KAAA,CAALI,KAAK;IAAE7D,WAAW,GAAAyD,KAAA,CAAXzD,WAAW;EACrD,IAAM8D,QAAQ,GAEMjH,WAAW,CAAC8F,KAAK;EADrC,OAAAiB,KAAA,GAAOlI,OAAO,CAACkF,MAAM,CAAC,eACpBhE,KAAA,CAAAuE,aAAA,CAAC2C,QAAQ,EAAAF,KAAA,CAAAxC,EAAA,aAAAzB,aAAA,KAAAoE,aAAA;IAAA,OAAiCzH;EAAG,GAAAoH,KAAA,KAC1CG,KAAK,KAAKvC,SAAS,gBAEd1E,KAAA,CAAAuE,aAAA,CAAAvE,KAAA,CAAA2E,QAAA,QACGsC,KAAK,eACNjH,KAAA,CAAAuE,aAAA,CAACjF,gBAAgB,EAAA0H,KAAA,CAAAxC,EAAA,0BACdpB,WAAW,CAAC,uDAAuD,CACpD,CAClB,CAAC,gBAGHpD,KAAA,CAAAuE,aAAA,CAACR,QAAQ,EAAAiD,KAAA,CAAAxC,EAAA,gBAAE,CAET,CAAC;AAEf;AAEA,IAAML,aAAa,GAAGxF,eAAe,CACnC8B,iBAAiB,EACjB;EACEqF,IAAI,EAAE7F,WAAW,CAAC6F,IAAI;EACtBC,KAAK,EAAE9F,WAAW,CAAC8F,KAAK;EACxBC,OAAO,EAAPA,OAAO;EACP5B,aAAa,EAAbA,aAAa;EACbE,WAAW,EAAXA;AACF,CAAC,EACD;EACE8C,MAAM,EAAEnH;AACV,CACF,CAAC;AAED,eAAekE,aAAa","ignoreList":[]}
@@ -1,17 +1,35 @@
1
+ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
1
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
3
  import _createClass from "@babel/runtime/helpers/createClass";
3
4
  import _callSuper from "@babel/runtime/helpers/callSuper";
4
5
  import _inherits from "@babel/runtime/helpers/inherits";
5
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
+ import { sstyled as _sstyled } from "@semcore/core";
8
+ import { assignProps as _assignProps3 } from "@semcore/core";
9
+ import { assignProps as _assignProps2 } from "@semcore/core";
6
10
  import { assignProps as _assignProps } from "@semcore/core";
7
- import { ButtonLink } from '@semcore/button';
8
- import { createComponent, Component, Root } from '@semcore/core';
11
+ import { createComponent, Component, Root, sstyled } from '@semcore/core';
9
12
  import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
10
- import { findAllComponents } from '@semcore/core/lib/utils/findComponent';
11
- import ChevronDownL from '@semcore/icon/ChevronDown/l';
12
- import ChevronDownM from '@semcore/icon/ChevronDown/m';
13
+ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
14
+ import { Box } from '@semcore/flex-box';
15
+ import ChevronDown from '@semcore/icon/ChevronDown/m';
13
16
  import Spin from '@semcore/spin';
14
17
  import React from 'react';
18
+ /*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
19
+ var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_1xx8h_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;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, rgb(35, 95, 226));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1xx8h_gg_.__active_1xx8h_gg_,.___SLinkTrigger_1xx8h_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_1xx8h_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_1xx8h_gg_.__active_1xx8h_gg_ .___SText_1xx8h_gg_,.___SLinkTrigger_1xx8h_gg_:active .___SText_1xx8h_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1xx8h_gg_:hover .___SText_1xx8h_gg_{border-color:currentColor}}.___SLinkTrigger_1xx8h_gg_ .___SText_1xx8h_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_1xx8h_gg_.__color_1xx8h_gg_{color:var(--color_1xx8h)}@media (hover:hover){.___SLinkTrigger_1xx8h_gg_.__color_1xx8h_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1xx8h_gg_.__disabled_1xx8h_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SAddon_1xx8h_gg_,.___SLinkAddon_1xx8h_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1xx8h_gg_:not(:only-child):first-child,.___SLinkAddon_1xx8h_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1xx8h_gg_:not(:only-child):last-child,.___SLinkAddon_1xx8h_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1xx8h_gg_{width:16px;height:16px}.___SLinkTrigger_1xx8h_gg_._size_m_1xx8h_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1xx8h_gg_._size_l_1xx8h_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1xx8h_gg_,.___SLinkTrigger_1xx8h_gg_ .___SText_1xx8h_gg_{transition:none}}", /*__inner_css_end__*/"1xx8h_gg_"),
20
+ /*__reshadow_css_end__*/
21
+ {
22
+ "__SLinkTrigger": "___SLinkTrigger_1xx8h_gg_",
23
+ "_disabled": "__disabled_1xx8h_gg_",
24
+ "__SLinkAddon": "___SLinkAddon_1xx8h_gg_",
25
+ "_size_m": "_size_m_1xx8h_gg_",
26
+ "_size_l": "_size_l_1xx8h_gg_",
27
+ "_active": "__active_1xx8h_gg_",
28
+ "__SText": "___SText_1xx8h_gg_",
29
+ "_color": "__color_1xx8h_gg_",
30
+ "--color": "--color_1xx8h",
31
+ "__SAddon": "___SAddon_1xx8h_gg_"
32
+ });
15
33
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
16
34
  function RootLinkTrigger() {
17
35
  _classCallCheck(this, RootLinkTrigger);
@@ -20,48 +38,72 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
20
38
  _inherits(RootLinkTrigger, _Component);
21
39
  return _createClass(RootLinkTrigger, [{
22
40
  key: "getTextProps",
23
- value: function getTextProps(props) {
41
+ value: function getTextProps() {
24
42
  var _this$asProps = this.asProps,
25
43
  placeholder = _this$asProps.placeholder,
26
- empty = _this$asProps.empty,
27
- Children = _this$asProps.Children,
28
- size = _this$asProps.size;
29
- var content = empty ? placeholder : props.children;
30
- var addons = findAllComponents(Children, [LinkTrigger.Addon.displayName]);
31
- var addonWidth = size >= 600 ? 28 : 20;
44
+ empty = _this$asProps.empty;
32
45
  return {
33
- 'use:children': content,
34
- empty: empty,
35
- 'w': "calc(100% - ".concat(addonWidth * (addons.length + 1), "px)")
46
+ placeholder: placeholder,
47
+ empty: empty
36
48
  };
37
49
  }
38
50
  }, {
39
51
  key: "render",
40
52
  value: function render() {
41
- var _ref = this.asProps;
42
- var SLinkTrigger = ButtonLink;
53
+ var _ref = this.asProps,
54
+ _ref4;
55
+ var SLinkTrigger = Box;
43
56
  var SLinkAddon = LinkTrigger.Addon;
44
57
  var _this$asProps2 = this.asProps,
45
58
  Children = _this$asProps2.Children,
46
59
  loading = _this$asProps2.loading,
60
+ styles = _this$asProps2.styles,
47
61
  empty = _this$asProps2.empty,
48
- disabled = _this$asProps2.disabled,
49
- size = _this$asProps2.size;
50
- return /*#__PURE__*/React.createElement(SLinkTrigger, _assignProps({
51
- "use:disabled": disabled || loading
52
- }, _ref), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, null, loading ? /*#__PURE__*/React.createElement(Spin, {
53
- size: size >= 600 ? 's' : 'xs',
54
- theme: "currentColor"
55
- }) : size >= 600 ? /*#__PURE__*/React.createElement(ChevronDownL, null) : /*#__PURE__*/React.createElement(ChevronDownM, null)));
62
+ providedColor = _this$asProps2.color,
63
+ resolveColor = _this$asProps2.resolveColor;
64
+ var color = resolveColor(providedColor);
65
+ return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, _assignProps({
66
+ "tag": 'button',
67
+ "type": 'button',
68
+ "tabIndex": loading ? -1 : 0,
69
+ "use:color": color
70
+ }, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
71
+ "size": 'xs',
72
+ "theme": 'currentColor'
73
+ })) : /*#__PURE__*/React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
56
74
  }
57
75
  }]);
58
76
  }(Component);
59
77
  _defineProperty(RootLinkTrigger, "displayName", 'LinkTrigger');
78
+ _defineProperty(RootLinkTrigger, "style", style);
79
+ _defineProperty(RootLinkTrigger, "defaultProps", {
80
+ size: 'm'
81
+ });
82
+ _defineProperty(RootLinkTrigger, "enhance", [resolveColorEnhance()]);
83
+ function Text(props) {
84
+ var _ref2 = arguments[0],
85
+ _ref5;
86
+ var SText = Box;
87
+ var children = props.children,
88
+ styles = props.styles,
89
+ empty = props.empty,
90
+ placeholder = props.placeholder;
91
+ return _ref5 = sstyled(styles),
92
+ /*#__PURE__*/
93
+ /* "use:" prefix was used for backward compatibility (by lsroman) */
94
+ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, _assignProps2({
95
+ "display-placeholder": empty
96
+ }, _ref2))), empty ? placeholder : children);
97
+ }
98
+ function Addon(props) {
99
+ var _ref3 = arguments[0],
100
+ _ref6;
101
+ var SAddon = Box;
102
+ return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, _assignProps3({}, _ref3))));
103
+ }
60
104
  var LinkTrigger = createComponent(RootLinkTrigger, {
61
- Text: ButtonLink.Text,
62
- Addon: ButtonLink.Addon
63
- }, {
64
- parent: ButtonLink
105
+ Text: Text,
106
+ Addon: Addon
65
107
  });
66
108
  export default LinkTrigger;
67
109
  //# sourceMappingURL=LinkTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LinkTrigger.js","names":["ButtonLink","createComponent","Component","Root","addonTextChildren","findAllComponents","ChevronDownL","ChevronDownM","Spin","React","RootLinkTrigger","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextProps","props","_this$asProps","asProps","placeholder","empty","Children","size","content","children","addons","LinkTrigger","Addon","displayName","addonWidth","concat","length","render","_ref","SLinkTrigger","SLinkAddon","_this$asProps2","loading","disabled","createElement","_assignProps","Text","theme","_defineProperty","parent"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { ButtonLink } from '@semcore/button';\nimport { createComponent, Component, Root } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { findAllComponents } from '@semcore/core/lib/utils/findComponent';\nimport ChevronDownL from '@semcore/icon/ChevronDown/l';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n\n getTextProps(props) {\n const { placeholder, empty, Children, size } = this.asProps;\n const content = empty ? placeholder : props.children;\n const addons = findAllComponents(Children, [LinkTrigger.Addon.displayName]);\n const addonWidth = size >= 600 ? 28 : 20;\n\n return {\n 'use:children': content,\n empty,\n 'w': `calc(100% - ${addonWidth * (addons.length + 1)}px)`,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, empty, disabled, size } = this.asProps;\n\n return (\n <SLinkTrigger\n render={ButtonLink}\n use:disabled={disabled || loading}\n >\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading\n ? <Spin size={size >= 600 ? 's' : 'xs'} theme='currentColor' />\n : size >= 600 ? <ChevronDownL /> : <ChevronDownM />}\n </SLinkAddon>\n </SLinkTrigger>\n );\n }\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text: ButtonLink.Text,\n Addon: ButtonLink.Addon,\n}, {\n parent: ButtonLink,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"LinkTrigger.js","names":["createComponent","Component","Root","sstyled","addonTextChildren","resolveColorEnhance","Box","ChevronDown","Spin","React","style","_sstyled","insert","RootLinkTrigger","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","createElement","cn","_objectSpread","_assignProps","Text","_defineProperty","size","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n\n static enhance = [resolveColorEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n\n return sstyled(styles)(\n <SLinkTrigger\n render={Box}\n tag='button'\n type='button'\n tabIndex={loading ? -1 : 0}\n use:color={color}\n >\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';\nimport type { ButtonLinkProps, ButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { CounterProps } from '@semcore/counter';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\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 * Sets disabled state to trigger\n */\n disabled?: boolean;\n };\n\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n};\n\nexport type LinkTriggerProps = ButtonLinkProps & {\n /** Sets the loading state */\n loading?: boolean;\n /** Placeholder text */\n placeholder?: React.ReactNode;\n /** Responsible for placeholder displaying */\n empty?: boolean;\n};\n\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n /** Specifies the locale for i18n support */\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 Text;\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 ButtonLink.Text;\n Addon: typeof ButtonLink.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', CounterProps & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}
1
+ {"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { UnknownProperties, Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { DotProps } from '@semcore/dot';\nimport type { Box, BoxProps } from '@semcore/flex-box';\nimport type { NeighborItemProps } from '@semcore/neighbor-location';\nimport type React from 'react';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\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 * 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 * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: 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 /** Specifies the locale for i18n support */\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":"","ignoreList":[]}
@@ -36,7 +36,7 @@ SBaseTrigger {
36
36
  }
37
37
 
38
38
  &:focus-visible {
39
- border: 1px solid var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
39
+ border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
40
40
  }
41
41
 
42
42
  &:hover {
@@ -45,7 +45,7 @@ SBaseTrigger {
45
45
 
46
46
  &:active,
47
47
  &[active] {
48
- border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
48
+ border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
49
49
  background-color: var(--intergalactic-bg-primary-neutral, oklch(1 0 0));
50
50
  }
51
51
  }
@@ -164,11 +164,11 @@ SText[display-placeholder] {
164
164
  }
165
165
 
166
166
  SBaseTrigger[state='valid'] {
167
- border-color: var(--intergalactic-border-success-active, oklch(0.7 0.166 170));
167
+ border-color: var(--intergalactic-border-success-active, oklch(0.75 0.153 167.5));
168
168
  }
169
169
 
170
170
  SBaseTrigger[state='invalid'] {
171
- border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
171
+ border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
172
172
 
173
173
  &:focus-visible {
174
174
  outline-color: var(--intergalactic-keyboard-focus-invalid-outline, oklch(0.628 0.257 28.9 / 0.652));
@@ -1,5 +1,5 @@
1
1
  SFilterTrigger[selected] {
2
- border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
2
+ border-color: var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
3
3
  background-color: var(--intergalactic-control-secondary-info, oklch(0.527 0.264 262.9 / 0.039));
4
4
  color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
5
5
 
@@ -20,3 +20,7 @@ SWrapper {
20
20
  outline: none;
21
21
  }
22
22
  }
23
+
24
+ SCounter {
25
+ background-color: var(--intergalactic-bg-primary-info, oklch(0.64 0.152 276.7));
26
+ }
@@ -0,0 +1,96 @@
1
+ SLinkTrigger {
2
+ display: inline-flex;
3
+ align-items: center;
4
+ line-height: normal;
5
+ position: relative;
6
+ touch-action: manipulation;
7
+ white-space: nowrap;
8
+ user-select: none;
9
+ box-sizing: border-box;
10
+ padding: 0;
11
+ margin: 0;
12
+ text-decoration: none;
13
+ -webkit-tap-highlight-color: transparent;
14
+ overflow: visible;
15
+ outline: 0;
16
+ vertical-align: middle;
17
+ font-family: inherit;
18
+ cursor: pointer;
19
+ color: var(--intergalactic-text-link, oklch(0.53 0.21 263));
20
+ background: none;
21
+ transition: color 0.15s ease-in-out;
22
+ border: 0;
23
+
24
+ &[active],
25
+ &:hover,
26
+ &:active {
27
+ color: var(--intergalactic-text-link-hover-active, oklch(0.51 0.202 263));
28
+
29
+ & SText {
30
+ border-color: currentColor;
31
+ }
32
+ }
33
+
34
+ & SText {
35
+ border-bottom-width: 1px;
36
+ border-bottom-style: solid;
37
+ border-color: transparent;
38
+ transition: border-bottom-color 0.15s ease-in-out;
39
+ text-overflow: ellipsis;
40
+ overflow: hidden;
41
+ }
42
+ }
43
+
44
+ SLinkTrigger[color] {
45
+ color: var(--color);
46
+
47
+ &:hover {
48
+ filter: brightness(0.8);
49
+ }
50
+ }
51
+
52
+ SLinkTrigger[disabled] {
53
+ opacity: var(--intergalactic-disabled-opacity, 0.4);
54
+ cursor: default;
55
+ pointer-events: none;
56
+ }
57
+
58
+ SAddon,
59
+ SLinkAddon {
60
+ display: inline-flex;
61
+ align-items: center;
62
+ justify-content: center;
63
+ flex-shrink: 0;
64
+ margin-bottom: var(--intergalactic-spacing-05x, 2px);
65
+
66
+ &:not(:only-child):first-child {
67
+ margin-right: var(--intergalactic-spacing-1x, 4px);
68
+ }
69
+
70
+ &:not(:only-child):last-child {
71
+ margin-left: var(--intergalactic-spacing-1x, 4px);
72
+ }
73
+ }
74
+
75
+ SLinkAddon {
76
+ width: 16px;
77
+ height: 16px;
78
+ }
79
+
80
+ SLinkTrigger[size='m'] {
81
+ font-size: var(--intergalactic-fs-200, 14px);
82
+ }
83
+
84
+ SLinkTrigger[size='l'] {
85
+ font-size: var(--intergalactic-fs-300, 16px);
86
+ }
87
+
88
+ @media (prefers-reduced-motion) {
89
+ SLinkTrigger {
90
+ transition: none;
91
+
92
+ & SText {
93
+ transition: none;
94
+ }
95
+ }
96
+ }