@semcore/base-trigger 4.44.1 → 4.45.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.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/BaseTrigger.js +18 -18
- package/lib/cjs/ButtonTrigger.js +3 -3
- package/lib/cjs/FilterTrigger.js +9 -9
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +12 -12
- package/lib/es6/BaseTrigger.js +18 -18
- package/lib/es6/ButtonTrigger.js +3 -3
- package/lib/es6/FilterTrigger.js +10 -10
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +12 -12
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [4.45.0] - 2024-10-04
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/utils` [4.36.2 ~> 4.38.0]).
|
|
10
|
+
|
|
5
11
|
## [4.44.1] - 2024-09-27
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -23,24 +23,24 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
|
23
23
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
24
24
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
25
25
|
/*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SBaseTrigger": "
|
|
28
|
-
"_disabled": "
|
|
29
|
-
"__SInner": "
|
|
30
|
-
"__SText": "
|
|
31
|
-
"__SAddon": "
|
|
32
|
-
"__SBaseAddon": "
|
|
33
|
-
"_neighborLocation_right": "
|
|
34
|
-
"_neighborLocation_both": "
|
|
35
|
-
"_neighborLocation_left": "
|
|
36
|
-
"_display-placeholder": "__display-
|
|
37
|
-
"_state_valid": "
|
|
38
|
-
"__SInvalidPattern": "
|
|
39
|
-
"_size_m": "
|
|
40
|
-
"_size_l": "
|
|
41
|
-
"_keyboardFocused": "
|
|
42
|
-
"_active": "
|
|
43
|
-
"_state_invalid": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1fepd_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1fepd_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1fepd_gg_:active,.___SBaseTrigger_1fepd_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1fepd_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1fepd_gg_.__keyboardFocused_1fepd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1fepd_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1fepd_gg_.__active_1fepd_gg_,.___SBaseTrigger_1fepd_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1fepd_gg_.__disabled_1fepd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1fepd_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1fepd_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1fepd_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1fepd_gg_{width:12px;height:12px}.___SBaseTrigger_1fepd_gg_._size_m_1fepd_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1fepd_gg_._size_m_1fepd_gg_ .___SAddon_1fepd_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1fepd_gg_._size_m_1fepd_gg_ .___SAddon_1fepd_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1fepd_gg_._size_l_1fepd_gg_ .___SAddon_1fepd_gg_:only-child,.___SBaseTrigger_1fepd_gg_._size_m_1fepd_gg_ .___SAddon_1fepd_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1fepd_gg_._size_l_1fepd_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1fepd_gg_._size_l_1fepd_gg_ .___SAddon_1fepd_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1fepd_gg_._size_l_1fepd_gg_ .___SAddon_1fepd_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1fepd_gg_._neighborLocation_right_1fepd_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1fepd_gg_._neighborLocation_both_1fepd_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1fepd_gg_._neighborLocation_left_1fepd_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1fepd_gg_.__display-placeholder_1fepd_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1fepd_gg_._state_valid_1fepd_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1fepd_gg_._state_invalid_1fepd_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1fepd_gg_._state_invalid_1fepd_gg_.__keyboardFocused_1fepd_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_1fepd_gg_._size_m_1fepd_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1fepd_gg_._size_l_1fepd_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1fepd_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SBaseTrigger": "___SBaseTrigger_1fepd_gg_",
|
|
28
|
+
"_disabled": "__disabled_1fepd_gg_",
|
|
29
|
+
"__SInner": "___SInner_1fepd_gg_",
|
|
30
|
+
"__SText": "___SText_1fepd_gg_",
|
|
31
|
+
"__SAddon": "___SAddon_1fepd_gg_",
|
|
32
|
+
"__SBaseAddon": "___SBaseAddon_1fepd_gg_",
|
|
33
|
+
"_neighborLocation_right": "_neighborLocation_right_1fepd_gg_",
|
|
34
|
+
"_neighborLocation_both": "_neighborLocation_both_1fepd_gg_",
|
|
35
|
+
"_neighborLocation_left": "_neighborLocation_left_1fepd_gg_",
|
|
36
|
+
"_display-placeholder": "__display-placeholder_1fepd_gg_",
|
|
37
|
+
"_state_valid": "_state_valid_1fepd_gg_",
|
|
38
|
+
"__SInvalidPattern": "___SInvalidPattern_1fepd_gg_",
|
|
39
|
+
"_size_m": "_size_m_1fepd_gg_",
|
|
40
|
+
"_size_l": "_size_l_1fepd_gg_",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_1fepd_gg_",
|
|
42
|
+
"_active": "__active_1fepd_gg_",
|
|
43
|
+
"_state_invalid": "_state_invalid_1fepd_gg_"
|
|
44
44
|
});
|
|
45
45
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
46
46
|
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -21,9 +21,9 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
|
21
21
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
22
22
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
23
23
|
/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SButtonAddon": "
|
|
26
|
-
"__SButtonTriggerSpin": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1m7re_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1m7re_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1m7re_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SButtonAddon": "___SButtonAddon_1m7re_gg_",
|
|
26
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1m7re_gg_"
|
|
27
27
|
});
|
|
28
28
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
29
29
|
(0, _inherits2["default"])(RootButtonTrigger, _Component);
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -37,15 +37,15 @@ var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
|
37
37
|
var _findComponent = require("@semcore/utils/lib/findComponent");
|
|
38
38
|
var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
|
|
39
39
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
40
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
41
|
-
"__SWrapper": "
|
|
42
|
-
"_keyboardFocused": "
|
|
43
|
-
"__SCounter": "
|
|
44
|
-
"__SFilterTrigger": "
|
|
45
|
-
"_selected": "
|
|
46
|
-
"_active": "
|
|
40
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_gymiy_gg_.__selected_gymiy_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_gymiy_gg_.__selected_gymiy_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_gymiy_gg_.__selected_gymiy_gg_.__active_gymiy_gg_,.___SFilterTrigger_gymiy_gg_.__selected_gymiy_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_gymiy_gg_{display:inline-flex}.___SWrapper_gymiy_gg_:focus{outline:0}.___SWrapper_gymiy_gg_.__keyboardFocused_gymiy_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_gymiy_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "gymiy_gg_") /*__reshadow_css_end__*/, {
|
|
41
|
+
"__SWrapper": "___SWrapper_gymiy_gg_",
|
|
42
|
+
"_keyboardFocused": "__keyboardFocused_gymiy_gg_",
|
|
43
|
+
"__SCounter": "___SCounter_gymiy_gg_",
|
|
44
|
+
"__SFilterTrigger": "___SFilterTrigger_gymiy_gg_",
|
|
45
|
+
"_selected": "__selected_gymiy_gg_",
|
|
46
|
+
"_active": "__active_gymiy_gg_"
|
|
47
47
|
});
|
|
48
|
-
var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
|
|
48
|
+
var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
|
|
49
49
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
50
50
|
(0, _inherits2["default"])(RootFilterTrigger, _Component);
|
|
51
51
|
var _super = (0, _createSuper2["default"])(RootFilterTrigger);
|
|
@@ -129,7 +129,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
129
129
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref5.cn("SWrapper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
130
130
|
"aria-label": getI18nText('filter'),
|
|
131
131
|
"__excludeProps": ['id'],
|
|
132
|
-
"use:role":
|
|
132
|
+
"use:role": undefined,
|
|
133
133
|
"use:aria-controls": undefined,
|
|
134
134
|
"use:aria-owns": undefined,
|
|
135
135
|
"use:aria-haspopup": undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps5","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","_findComponent","_excluded","style","_index","sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray2","inputProps","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","e","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","_createClass2","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","_objectSpread2","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","uid","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","id","render","_ref","_ref5","SWrapper","Box","_this$asProps3","Children","styles","forcedAdvancedMode","role","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","_Component2","_super2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps4","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_super3","_ref3","_ref7","_this$asProps5","Close","props","_ref4","arguments[0]","_ref8","SCounter","Dot","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, CHILDREN_COMPONENT } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText, uid } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n id: `igc-${uid}-filter-trigger-clear`,\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={role}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText, uid, id } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n id={`igc-${uid}-filter-trigger-clear`}\n aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps5","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","_findComponent","_excluded","style","_index","sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray2","inputProps","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","e","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","_createClass2","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","_objectSpread2","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","uid","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","id","render","_ref","_ref5","SWrapper","Box","_this$asProps3","Children","styles","forcedAdvancedMode","role","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","_Component2","_super2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps4","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_super3","_ref3","_ref7","_this$asProps5","Close","props","_ref4","arguments[0]","_ref8","SCounter","Dot","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText, uid } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n id: `igc-${uid}-filter-trigger-clear`,\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText, uid, id } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n id={`igc-${uid}-filter-trigger-clear`}\n aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -22,18 +22,18 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
22
22
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
23
23
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
24
24
|
/*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SLinkTrigger": "
|
|
27
|
-
"_disabled": "
|
|
28
|
-
"_keyboardFocused": "
|
|
29
|
-
"__SLinkAddon": "
|
|
30
|
-
"_size_m": "
|
|
31
|
-
"_size_l": "
|
|
32
|
-
"_active": "
|
|
33
|
-
"__SText": "
|
|
34
|
-
"_color": "
|
|
35
|
-
"--color": "--
|
|
36
|
-
"__SAddon": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_pclzm_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_pclzm_gg_.__active_pclzm_gg_,.___SLinkTrigger_pclzm_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_pclzm_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_pclzm_gg_.__active_pclzm_gg_ .___SText_pclzm_gg_,.___SLinkTrigger_pclzm_gg_:active .___SText_pclzm_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_pclzm_gg_:hover .___SText_pclzm_gg_{border-color:currentColor}}.___SLinkTrigger_pclzm_gg_ .___SText_pclzm_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_pclzm_gg_.__color_pclzm_gg_{color:var(--color_pclzm)}@media (hover:hover){.___SLinkTrigger_pclzm_gg_.__color_pclzm_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_pclzm_gg_.__disabled_pclzm_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_pclzm_gg_.__keyboardFocused_pclzm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_pclzm_gg_,.___SLinkAddon_pclzm_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_pclzm_gg_:not(:only-child):first-child,.___SLinkAddon_pclzm_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_pclzm_gg_:not(:only-child):last-child,.___SLinkAddon_pclzm_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_pclzm_gg_{width:16px;height:16px}.___SLinkTrigger_pclzm_gg_._size_m_pclzm_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_pclzm_gg_._size_l_pclzm_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_pclzm_gg_,.___SLinkTrigger_pclzm_gg_ .___SText_pclzm_gg_{transition:none}}" /*__inner_css_end__*/, "pclzm_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SLinkTrigger": "___SLinkTrigger_pclzm_gg_",
|
|
27
|
+
"_disabled": "__disabled_pclzm_gg_",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_pclzm_gg_",
|
|
29
|
+
"__SLinkAddon": "___SLinkAddon_pclzm_gg_",
|
|
30
|
+
"_size_m": "_size_m_pclzm_gg_",
|
|
31
|
+
"_size_l": "_size_l_pclzm_gg_",
|
|
32
|
+
"_active": "__active_pclzm_gg_",
|
|
33
|
+
"__SText": "___SText_pclzm_gg_",
|
|
34
|
+
"_color": "__color_pclzm_gg_",
|
|
35
|
+
"--color": "--color_pclzm",
|
|
36
|
+
"__SAddon": "___SAddon_pclzm_gg_"
|
|
37
37
|
});
|
|
38
38
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
39
39
|
(0, _inherits2["default"])(RootLinkTrigger, _Component);
|
package/lib/es6/BaseTrigger.js
CHANGED
|
@@ -18,24 +18,24 @@ import logger from '@semcore/utils/lib/logger';
|
|
|
18
18
|
import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
|
|
19
19
|
import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
|
|
20
20
|
/*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SBaseTrigger": "
|
|
23
|
-
"_disabled": "
|
|
24
|
-
"__SInner": "
|
|
25
|
-
"__SText": "
|
|
26
|
-
"__SAddon": "
|
|
27
|
-
"__SBaseAddon": "
|
|
28
|
-
"_neighborLocation_right": "
|
|
29
|
-
"_neighborLocation_both": "
|
|
30
|
-
"_neighborLocation_left": "
|
|
31
|
-
"_display-placeholder": "__display-
|
|
32
|
-
"_state_valid": "
|
|
33
|
-
"__SInvalidPattern": "
|
|
34
|
-
"_size_m": "
|
|
35
|
-
"_size_l": "
|
|
36
|
-
"_keyboardFocused": "
|
|
37
|
-
"_active": "
|
|
38
|
-
"_state_invalid": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1fepd_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1fepd_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1fepd_gg_:active,.___SBaseTrigger_1fepd_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1fepd_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1fepd_gg_.__keyboardFocused_1fepd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1fepd_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1fepd_gg_.__active_1fepd_gg_,.___SBaseTrigger_1fepd_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1fepd_gg_.__disabled_1fepd_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1fepd_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1fepd_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1fepd_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1fepd_gg_{width:12px;height:12px}.___SBaseTrigger_1fepd_gg_._size_m_1fepd_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1fepd_gg_._size_m_1fepd_gg_ .___SAddon_1fepd_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1fepd_gg_._size_m_1fepd_gg_ .___SAddon_1fepd_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1fepd_gg_._size_l_1fepd_gg_ .___SAddon_1fepd_gg_:only-child,.___SBaseTrigger_1fepd_gg_._size_m_1fepd_gg_ .___SAddon_1fepd_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1fepd_gg_._size_l_1fepd_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1fepd_gg_._size_l_1fepd_gg_ .___SAddon_1fepd_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1fepd_gg_._size_l_1fepd_gg_ .___SAddon_1fepd_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1fepd_gg_._neighborLocation_right_1fepd_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1fepd_gg_._neighborLocation_both_1fepd_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1fepd_gg_._neighborLocation_left_1fepd_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1fepd_gg_.__display-placeholder_1fepd_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1fepd_gg_._state_valid_1fepd_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1fepd_gg_._state_invalid_1fepd_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1fepd_gg_._state_invalid_1fepd_gg_.__keyboardFocused_1fepd_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_1fepd_gg_._size_m_1fepd_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1fepd_gg_._size_l_1fepd_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1fepd_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBaseTrigger": "___SBaseTrigger_1fepd_gg_",
|
|
23
|
+
"_disabled": "__disabled_1fepd_gg_",
|
|
24
|
+
"__SInner": "___SInner_1fepd_gg_",
|
|
25
|
+
"__SText": "___SText_1fepd_gg_",
|
|
26
|
+
"__SAddon": "___SAddon_1fepd_gg_",
|
|
27
|
+
"__SBaseAddon": "___SBaseAddon_1fepd_gg_",
|
|
28
|
+
"_neighborLocation_right": "_neighborLocation_right_1fepd_gg_",
|
|
29
|
+
"_neighborLocation_both": "_neighborLocation_both_1fepd_gg_",
|
|
30
|
+
"_neighborLocation_left": "_neighborLocation_left_1fepd_gg_",
|
|
31
|
+
"_display-placeholder": "__display-placeholder_1fepd_gg_",
|
|
32
|
+
"_state_valid": "_state_valid_1fepd_gg_",
|
|
33
|
+
"__SInvalidPattern": "___SInvalidPattern_1fepd_gg_",
|
|
34
|
+
"_size_m": "_size_m_1fepd_gg_",
|
|
35
|
+
"_size_l": "_size_l_1fepd_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_1fepd_gg_",
|
|
37
|
+
"_active": "__active_1fepd_gg_",
|
|
38
|
+
"_state_invalid": "_state_invalid_1fepd_gg_"
|
|
39
39
|
});
|
|
40
40
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
41
41
|
_inherits(RootBaseTrigger, _Component);
|
package/lib/es6/ButtonTrigger.js
CHANGED
|
@@ -14,9 +14,9 @@ import Spin from '@semcore/spin';
|
|
|
14
14
|
import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
|
|
15
15
|
import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
|
|
16
16
|
/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SButtonAddon": "
|
|
19
|
-
"__SButtonTriggerSpin": "
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1m7re_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1m7re_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1m7re_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SButtonAddon": "___SButtonAddon_1m7re_gg_",
|
|
19
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1m7re_gg_"
|
|
20
20
|
});
|
|
21
21
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
22
22
|
_inherits(RootButtonTrigger, _Component);
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -15,7 +15,7 @@ import { assignProps as _assignProps2 } from "@semcore/core";
|
|
|
15
15
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
16
16
|
var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
|
|
17
17
|
import React from 'react';
|
|
18
|
-
import createComponent, { Component, Root, sstyled
|
|
18
|
+
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
19
19
|
import BaseTrigger from './BaseTrigger';
|
|
20
20
|
import { Box } from '@semcore/flex-box';
|
|
21
21
|
import NeighborLocation from '@semcore/neighbor-location';
|
|
@@ -32,16 +32,16 @@ import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
|
|
|
32
32
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
33
33
|
import { setFocus } from '@semcore/utils/lib/use/useFocusLock';
|
|
34
34
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
35
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
36
|
-
"__SWrapper": "
|
|
37
|
-
"_keyboardFocused": "
|
|
38
|
-
"__SCounter": "
|
|
39
|
-
"__SFilterTrigger": "
|
|
40
|
-
"_selected": "
|
|
41
|
-
"_active": "
|
|
35
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_gymiy_gg_.__selected_gymiy_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_gymiy_gg_.__selected_gymiy_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_gymiy_gg_.__selected_gymiy_gg_.__active_gymiy_gg_,.___SFilterTrigger_gymiy_gg_.__selected_gymiy_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_gymiy_gg_{display:inline-flex}.___SWrapper_gymiy_gg_:focus{outline:0}.___SWrapper_gymiy_gg_.__keyboardFocused_gymiy_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_gymiy_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "gymiy_gg_") /*__reshadow_css_end__*/, {
|
|
36
|
+
"__SWrapper": "___SWrapper_gymiy_gg_",
|
|
37
|
+
"_keyboardFocused": "__keyboardFocused_gymiy_gg_",
|
|
38
|
+
"__SCounter": "___SCounter_gymiy_gg_",
|
|
39
|
+
"__SFilterTrigger": "___SFilterTrigger_gymiy_gg_",
|
|
40
|
+
"_selected": "__selected_gymiy_gg_",
|
|
41
|
+
"_active": "__active_gymiy_gg_"
|
|
42
42
|
});
|
|
43
43
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
44
|
-
var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
|
|
44
|
+
var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
|
|
45
45
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
46
46
|
_inherits(RootFilterTrigger, _Component);
|
|
47
47
|
var _super = _createSuper(RootFilterTrigger);
|
|
@@ -125,7 +125,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
125
125
|
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SWrapper, _ref5.cn("SWrapper", _objectSpread({}, _assignProps({
|
|
126
126
|
"aria-label": getI18nText('filter'),
|
|
127
127
|
"__excludeProps": ['id'],
|
|
128
|
-
"use:role":
|
|
128
|
+
"use:role": undefined,
|
|
129
129
|
"use:aria-controls": undefined,
|
|
130
130
|
"use:aria-owns": undefined,
|
|
131
131
|
"use:aria-haspopup": undefined,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","CHILDREN_COMPONENT","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","isAdvanceMode","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_createClass","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_objectSpread","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","uid","onClick","handleClear","handleStopPropagation","onKeyDown","id","render","_ref","_ref5","SWrapper","_this$asProps3","Children","styles","forcedAdvancedMode","role","advancedMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","_Component2","_super2","_ref2","_ref6","SFilterTrigger","_this$asProps4","_assignProps2","Text","Addon","Counter","tag","_Component3","_super3","_ref3","_ref7","_this$asProps5","_assignProps3","props","_ref4","arguments[0]","_ref8","SCounter","_assignProps4","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, CHILDREN_COMPONENT } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText, uid } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n id: `igc-${uid}-filter-trigger-clear`,\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={role}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText, uid, id } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n id={`igc-${uid}-filter-trigger-clear`}\n aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","isAdvanceMode","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_createClass","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_objectSpread","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","uid","onClick","handleClear","handleStopPropagation","onKeyDown","id","render","_ref","_ref5","SWrapper","_this$asProps3","Children","styles","forcedAdvancedMode","role","advancedMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","_Component2","_super2","_ref2","_ref6","SFilterTrigger","_this$asProps4","_assignProps2","Text","Addon","Counter","tag","_Component3","_super3","_ref3","_ref7","_this$asProps5","_assignProps3","props","_ref4","arguments[0]","_ref8","SCounter","_assignProps4","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText, uid } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n id: `igc-${uid}-filter-trigger-clear`,\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText, uid, id } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n id={`igc-${uid}-filter-trigger-clear`}\n aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -17,18 +17,18 @@ import { Box } from '@semcore/flex-box';
|
|
|
17
17
|
import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
|
|
18
18
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
19
19
|
/*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SLinkTrigger": "
|
|
22
|
-
"_disabled": "
|
|
23
|
-
"_keyboardFocused": "
|
|
24
|
-
"__SLinkAddon": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"_active": "
|
|
28
|
-
"__SText": "
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"__SAddon": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_pclzm_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_pclzm_gg_.__active_pclzm_gg_,.___SLinkTrigger_pclzm_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_pclzm_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_pclzm_gg_.__active_pclzm_gg_ .___SText_pclzm_gg_,.___SLinkTrigger_pclzm_gg_:active .___SText_pclzm_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_pclzm_gg_:hover .___SText_pclzm_gg_{border-color:currentColor}}.___SLinkTrigger_pclzm_gg_ .___SText_pclzm_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_pclzm_gg_.__color_pclzm_gg_{color:var(--color_pclzm)}@media (hover:hover){.___SLinkTrigger_pclzm_gg_.__color_pclzm_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_pclzm_gg_.__disabled_pclzm_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_pclzm_gg_.__keyboardFocused_pclzm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_pclzm_gg_,.___SLinkAddon_pclzm_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_pclzm_gg_:not(:only-child):first-child,.___SLinkAddon_pclzm_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_pclzm_gg_:not(:only-child):last-child,.___SLinkAddon_pclzm_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_pclzm_gg_{width:16px;height:16px}.___SLinkTrigger_pclzm_gg_._size_m_pclzm_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_pclzm_gg_._size_l_pclzm_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_pclzm_gg_,.___SLinkTrigger_pclzm_gg_ .___SText_pclzm_gg_{transition:none}}" /*__inner_css_end__*/, "pclzm_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SLinkTrigger": "___SLinkTrigger_pclzm_gg_",
|
|
22
|
+
"_disabled": "__disabled_pclzm_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_pclzm_gg_",
|
|
24
|
+
"__SLinkAddon": "___SLinkAddon_pclzm_gg_",
|
|
25
|
+
"_size_m": "_size_m_pclzm_gg_",
|
|
26
|
+
"_size_l": "_size_l_pclzm_gg_",
|
|
27
|
+
"_active": "__active_pclzm_gg_",
|
|
28
|
+
"__SText": "___SText_pclzm_gg_",
|
|
29
|
+
"_color": "__color_pclzm_gg_",
|
|
30
|
+
"--color": "--color_pclzm",
|
|
31
|
+
"__SAddon": "___SAddon_pclzm_gg_"
|
|
32
32
|
});
|
|
33
33
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
34
34
|
_inherits(RootLinkTrigger, _Component);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/base-trigger",
|
|
3
3
|
"description": "Semrush BaseTrigger Component",
|
|
4
|
-
"version": "4.
|
|
4
|
+
"version": "4.45.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,12 +9,12 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/dot": "5.
|
|
13
|
-
"@semcore/flex-box": "5.
|
|
14
|
-
"@semcore/icon": "4.
|
|
15
|
-
"@semcore/neighbor-location": "4.
|
|
16
|
-
"@semcore/spin": "5.
|
|
17
|
-
"@semcore/utils": "4.
|
|
12
|
+
"@semcore/dot": "5.33.0",
|
|
13
|
+
"@semcore/flex-box": "5.34.0",
|
|
14
|
+
"@semcore/icon": "4.47.0",
|
|
15
|
+
"@semcore/neighbor-location": "4.32.0",
|
|
16
|
+
"@semcore/spin": "5.34.0",
|
|
17
|
+
"@semcore/utils": "4.38.0"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
20
|
"@semcore/core": "^2.17.5",
|