@semcore/base-trigger 16.5.0-prerelease.3 → 16.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13,6 +13,7 @@ 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';
16
17
  import { createComponent, Component, Root, sstyled } from '@semcore/core';
17
18
  import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
18
19
  import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
@@ -20,27 +21,22 @@ import animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEn
20
21
  import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
21
22
  import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
22
23
  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 Dot from '@semcore/dot';
28
- import { Box } from '@semcore/flex-box';
27
+ import { default as SemcoreCounter } from '@semcore/counter';
29
28
  import ChevronDown from '@semcore/icon/ChevronDown/m';
30
29
  import Close from '@semcore/icon/Close/m';
31
- import NeighborLocation from '@semcore/neighbor-location';
32
- import { Hint } from '@semcore/tooltip';
33
30
  import React from 'react';
34
31
  import BaseTrigger from './BaseTrigger';
35
32
  /*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
36
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_168is_gg_.__selected_168is_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_168is_gg_.__selected_168is_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_168is_gg_.__selected_168is_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_168is_gg_.__selected_168is_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_168is_gg_.__selected_168is_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_168is_gg_.__selected_168is_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_168is_gg_.__selected_168is_gg_.__active_168is_gg_,.___SFilterTrigger_168is_gg_.__selected_168is_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_168is_gg_.__selected_168is_gg_.__active_168is_gg_,.___SFilterTrigger_168is_gg_.__selected_168is_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_168is_gg_.__selected_168is_gg_.__active_168is_gg_,.___SFilterTrigger_168is_gg_.__selected_168is_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_168is_gg_{display:inline-flex}.___SWrapper_168is_gg_:focus{outline:0}.___SCounter_168is_gg_{background-color:var(--intergalactic-bg-primary-info, rgb(118, 128, 231))}", /*__inner_css_end__*/"168is_gg_"),
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_"),
37
34
  /*__reshadow_css_end__*/
38
35
  {
39
- "__SCounter": "___SCounter_168is_gg_",
40
- "__SFilterTrigger": "___SFilterTrigger_168is_gg_",
41
- "_selected": "__selected_168is_gg_",
42
- "_active": "__active_168is_gg_",
43
- "__SWrapper": "___SWrapper_168is_gg_"
36
+ "__SFilterTrigger": "___SFilterTrigger_deskx_gg_",
37
+ "_selected": "__selected_deskx_gg_",
38
+ "_active": "__active_deskx_gg_",
39
+ "__SWrapper": "___SWrapper_deskx_gg_"
44
40
  });
45
41
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
46
42
  var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
@@ -111,9 +107,12 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
111
107
  }, {
112
108
  key: "getCounterProps",
113
109
  value: function getCounterProps() {
114
- var getI18nText = this.asProps.getI18nText;
110
+ var _this$asProps3 = this.asProps,
111
+ getI18nText = _this$asProps3.getI18nText,
112
+ size = _this$asProps3.size;
115
113
  return {
116
- getI18nText: getI18nText
114
+ getI18nText: getI18nText,
115
+ size: size
117
116
  };
118
117
  }
119
118
  }, {
@@ -122,12 +121,12 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
122
121
  var _ref = this.asProps,
123
122
  _ref5;
124
123
  var SWrapper = Box;
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;
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;
131
130
  var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName], true);
132
131
  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SWrapper, _ref5.cn("SWrapper", _objectSpread({}, _assignProps({
133
132
  "aria-label": getI18nText('filter'),
@@ -177,11 +176,11 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
177
176
  var _ref2 = this.asProps,
178
177
  _ref6;
179
178
  var SFilterTrigger = BaseTrigger;
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;
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;
185
184
  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", _objectSpread({}, _assignProps2({
186
185
  "use:role": 'combobox',
187
186
  "w": '100%',
@@ -199,8 +198,14 @@ _defineProperty(TriggerButton, "displayName", 'TriggerButton');
199
198
  _defineProperty(TriggerButton, "style", style);
200
199
  var ClearButton = /*#__PURE__*/function (_Component3) {
201
200
  function ClearButton() {
201
+ var _this2;
202
202
  _classCallCheck(this, ClearButton);
203
- return _callSuper(this, ClearButton, arguments);
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;
204
209
  }
205
210
  _inherits(ClearButton, _Component3);
206
211
  return _createClass(ClearButton, [{
@@ -211,16 +216,17 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
211
216
  _ref9,
212
217
  _ref0;
213
218
  var SFilterTrigger = BaseTrigger;
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;
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;
222
227
  if (empty) return null;
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({
228
+ return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", _objectSpread({}, _assignProps3({
229
+ "ref": this.triggerRef,
224
230
  "size": size,
225
231
  "empty": empty,
226
232
  "selected": true,
@@ -229,7 +235,9 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
229
235
  "__excludeProps": ['title']
230
236
  }, _ref3))), /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
231
237
  tag: Close
232
- }))), /*#__PURE__*/React.createElement(Hint.Popper, null, (_ref0 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref0 !== void 0 ? _ref0 : getI18nText('clear')));
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')));
233
241
  }
234
242
  }]);
235
243
  }(Component);
@@ -244,7 +252,8 @@ function Counter(_ref1) {
244
252
  getI18nText = _ref1.getI18nText;
245
253
  var SCounter = BaseTrigger.Addon;
246
254
  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SCounter, _ref8.cn("SCounter", _objectSpread({}, _assignProps4({
247
- "tag": Dot
255
+ "tag": SemcoreCounter,
256
+ "theme": 'info'
248
257
  }, _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", {})));
249
258
  }
250
259
  var FilterTrigger = createComponent(RootFilterTrigger, {
@@ -1 +1 @@
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":"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","ignoreList":[]}
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,35 +1,17 @@
1
- import _objectSpread from "@babel/runtime/helpers/objectSpread2";
2
1
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
3
2
  import _createClass from "@babel/runtime/helpers/createClass";
4
3
  import _callSuper from "@babel/runtime/helpers/callSuper";
5
4
  import _inherits from "@babel/runtime/helpers/inherits";
6
5
  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";
10
6
  import { assignProps as _assignProps } from "@semcore/core";
11
- import { createComponent, Component, Root, sstyled } from '@semcore/core';
7
+ import { ButtonLink } from '@semcore/button';
8
+ import { createComponent, Component, Root } from '@semcore/core';
12
9
  import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
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';
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';
16
13
  import Spin from '@semcore/spin';
17
14
  import React from 'react';
18
- /*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
19
- var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SLinkTrigger_bz474_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;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_bz474_gg_.__active_bz474_gg_,.___SLinkTrigger_bz474_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}@media (hover:hover){.___SLinkTrigger_bz474_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(33, 89, 215))}}.___SLinkTrigger_bz474_gg_.__active_bz474_gg_ .___SText_bz474_gg_,.___SLinkTrigger_bz474_gg_:active .___SText_bz474_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_bz474_gg_:hover .___SText_bz474_gg_{border-color:currentColor}}.___SLinkTrigger_bz474_gg_ .___SText_bz474_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_bz474_gg_.__color_bz474_gg_{color:var(--color_bz474)}@media (hover:hover){.___SLinkTrigger_bz474_gg_.__color_bz474_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_bz474_gg_.__disabled_bz474_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SAddon_bz474_gg_,.___SLinkAddon_bz474_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_bz474_gg_:not(:only-child):first-child,.___SLinkAddon_bz474_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_bz474_gg_:not(:only-child):last-child,.___SLinkAddon_bz474_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_bz474_gg_{width:16px;height:16px}.___SLinkTrigger_bz474_gg_._size_m_bz474_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_bz474_gg_._size_l_bz474_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_bz474_gg_,.___SLinkTrigger_bz474_gg_ .___SText_bz474_gg_{transition:none}}", /*__inner_css_end__*/"bz474_gg_"),
20
- /*__reshadow_css_end__*/
21
- {
22
- "__SLinkTrigger": "___SLinkTrigger_bz474_gg_",
23
- "_disabled": "__disabled_bz474_gg_",
24
- "__SLinkAddon": "___SLinkAddon_bz474_gg_",
25
- "_size_m": "_size_m_bz474_gg_",
26
- "_size_l": "_size_l_bz474_gg_",
27
- "_active": "__active_bz474_gg_",
28
- "__SText": "___SText_bz474_gg_",
29
- "_color": "__color_bz474_gg_",
30
- "--color": "--color_bz474",
31
- "__SAddon": "___SAddon_bz474_gg_"
32
- });
33
15
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
34
16
  function RootLinkTrigger() {
35
17
  _classCallCheck(this, RootLinkTrigger);
@@ -38,72 +20,48 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
38
20
  _inherits(RootLinkTrigger, _Component);
39
21
  return _createClass(RootLinkTrigger, [{
40
22
  key: "getTextProps",
41
- value: function getTextProps() {
23
+ value: function getTextProps(props) {
42
24
  var _this$asProps = this.asProps,
43
25
  placeholder = _this$asProps.placeholder,
44
- empty = _this$asProps.empty;
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;
45
32
  return {
46
- placeholder: placeholder,
47
- empty: empty
33
+ 'use:children': content,
34
+ empty: empty,
35
+ 'w': "calc(100% - ".concat(addonWidth * (addons.length + 1), "px)")
48
36
  };
49
37
  }
50
38
  }, {
51
39
  key: "render",
52
40
  value: function render() {
53
- var _ref = this.asProps,
54
- _ref4;
55
- var SLinkTrigger = Box;
41
+ var _ref = this.asProps;
42
+ var SLinkTrigger = ButtonLink;
56
43
  var SLinkAddon = LinkTrigger.Addon;
57
44
  var _this$asProps2 = this.asProps,
58
45
  Children = _this$asProps2.Children,
59
46
  loading = _this$asProps2.loading,
60
- styles = _this$asProps2.styles,
61
47
  empty = _this$asProps2.empty,
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", {}))));
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)));
74
56
  }
75
57
  }]);
76
58
  }(Component);
77
59
  _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
- }
104
60
  var LinkTrigger = createComponent(RootLinkTrigger, {
105
- Text: Text,
106
- Addon: Addon
61
+ Text: ButtonLink.Text,
62
+ Addon: ButtonLink.Addon
63
+ }, {
64
+ parent: ButtonLink
107
65
  });
108
66
  export default LinkTrigger;
109
67
  //# sourceMappingURL=LinkTrigger.js.map
@@ -1 +1 @@
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
+ {"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 +1 @@
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":[]}
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":[]}
@@ -36,7 +36,7 @@ SBaseTrigger {
36
36
  }
37
37
 
38
38
  &:focus-visible {
39
- border: 1px solid var(--intergalactic-border-info-active, oklch(0.443 0.273 264.2 / 0.419));
39
+ border: 1px solid var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
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.443 0.273 264.2 / 0.419));
48
+ border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
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.75 0.153 167.5));
167
+ border-color: var(--intergalactic-border-success-active, oklch(0.7 0.166 170));
168
168
  }
169
169
 
170
170
  SBaseTrigger[state='invalid'] {
171
- border-color: var(--intergalactic-border-critical-active, oklch(0.628 0.258 29 / 0.56));
171
+ border-color: var(--intergalactic-border-critical-active, oklch(0.7 0.21 23));
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.443 0.273 264.2 / 0.419));
2
+ border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
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,7 +20,3 @@ 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
- }