@semcore/base-trigger 4.49.0-prerelease.0 → 4.49.2-prerelease.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 +12 -0
- package/lib/cjs/BaseTrigger.js +20 -18
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +4 -7
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +7 -11
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +12 -12
- package/lib/es6/BaseTrigger.js +20 -18
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +4 -7
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +7 -11
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +12 -12
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,18 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [4.49.2] - 2024-12-05
|
|
6
|
+
|
|
7
|
+
### Removed
|
|
8
|
+
|
|
9
|
+
- Default tag `button` from FilterTrigger and ButtonTrigger to reduce code duplication.
|
|
10
|
+
|
|
11
|
+
## [4.49.1] - 2024-11-29
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Default tag for BaseTrigger to `button` as part of a11y improvement.
|
|
16
|
+
|
|
5
17
|
## [4.49.0] - 2024-11-20
|
|
6
18
|
|
|
7
19
|
### Fixed
|
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_1vvm6_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_1vvm6_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1vvm6_gg_:active,.___SBaseTrigger_1vvm6_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1vvm6_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1vvm6_gg_.__keyboardFocused_1vvm6_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_1vvm6_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1vvm6_gg_.__active_1vvm6_gg_,.___SBaseTrigger_1vvm6_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1vvm6_gg_.__disabled_1vvm6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1vvm6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1vvm6_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_1vvm6_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1vvm6_gg_{width:12px;height:12px}.___SBaseTrigger_1vvm6_gg_._size_m_1vvm6_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_1vvm6_gg_._size_m_1vvm6_gg_ .___SAddon_1vvm6_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1vvm6_gg_._size_m_1vvm6_gg_ .___SAddon_1vvm6_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1vvm6_gg_._size_l_1vvm6_gg_ .___SAddon_1vvm6_gg_:only-child,.___SBaseTrigger_1vvm6_gg_._size_m_1vvm6_gg_ .___SAddon_1vvm6_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1vvm6_gg_._size_l_1vvm6_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_1vvm6_gg_._size_l_1vvm6_gg_ .___SAddon_1vvm6_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1vvm6_gg_._size_l_1vvm6_gg_ .___SAddon_1vvm6_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1vvm6_gg_._neighborLocation_right_1vvm6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1vvm6_gg_._neighborLocation_both_1vvm6_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1vvm6_gg_._neighborLocation_left_1vvm6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1vvm6_gg_.__display-placeholder_1vvm6_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1vvm6_gg_._state_valid_1vvm6_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1vvm6_gg_._state_invalid_1vvm6_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1vvm6_gg_._state_invalid_1vvm6_gg_.__keyboardFocused_1vvm6_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_1vvm6_gg_._size_m_1vvm6_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1vvm6_gg_._size_l_1vvm6_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1vvm6_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SBaseTrigger": "___SBaseTrigger_1vvm6_gg_",
|
|
28
|
+
"_disabled": "__disabled_1vvm6_gg_",
|
|
29
|
+
"__SInner": "___SInner_1vvm6_gg_",
|
|
30
|
+
"__SText": "___SText_1vvm6_gg_",
|
|
31
|
+
"__SAddon": "___SAddon_1vvm6_gg_",
|
|
32
|
+
"__SBaseAddon": "___SBaseAddon_1vvm6_gg_",
|
|
33
|
+
"_neighborLocation_right": "_neighborLocation_right_1vvm6_gg_",
|
|
34
|
+
"_neighborLocation_both": "_neighborLocation_both_1vvm6_gg_",
|
|
35
|
+
"_neighborLocation_left": "_neighborLocation_left_1vvm6_gg_",
|
|
36
|
+
"_display-placeholder": "__display-placeholder_1vvm6_gg_",
|
|
37
|
+
"_state_valid": "_state_valid_1vvm6_gg_",
|
|
38
|
+
"__SInvalidPattern": "___SInvalidPattern_1vvm6_gg_",
|
|
39
|
+
"_size_m": "_size_m_1vvm6_gg_",
|
|
40
|
+
"_size_l": "_size_l_1vvm6_gg_",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_1vvm6_gg_",
|
|
42
|
+
"_active": "__active_1vvm6_gg_",
|
|
43
|
+
"_state_invalid": "_state_invalid_1vvm6_gg_"
|
|
44
44
|
});
|
|
45
45
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
46
46
|
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
|
@@ -83,6 +83,8 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
83
83
|
}, function (neighborLocation) {
|
|
84
84
|
var _ref4;
|
|
85
85
|
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
86
|
+
"tag": 'button',
|
|
87
|
+
"type": 'button',
|
|
86
88
|
"neighborLocation": neighborLocation,
|
|
87
89
|
"state": theme
|
|
88
90
|
}, _ref))), state === 'invalid' && /*#__PURE__*/_react["default"].createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'span';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'span';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger\n render={Box}\n tag='button'\n type='button'\n neighborLocation={neighborLocation}\n state={theme}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
|
package/lib/cjs/ButtonTrigger.js
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_g1ox9_gg_{width:12px;height:12px}.___SButtonTriggerSpin_g1ox9_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "g1ox9_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SButtonAddon": "___SButtonAddon_g1ox9_gg_",
|
|
26
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_g1ox9_gg_"
|
|
27
27
|
});
|
|
28
28
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
29
29
|
(0, _inherits2["default"])(RootButtonTrigger, _Component);
|
|
@@ -59,10 +59,7 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
59
59
|
loading = _this$asProps.loading,
|
|
60
60
|
chevron = _this$asProps.chevron,
|
|
61
61
|
empty = _this$asProps.empty;
|
|
62
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({
|
|
63
|
-
"tag": 'button',
|
|
64
|
-
"type": 'button'
|
|
65
|
-
}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
62
|
+
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
66
63
|
"size": 'xs',
|
|
67
64
|
"theme": false
|
|
68
65
|
})) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","chevron","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","chevron","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -39,13 +39,13 @@ var _tooltip = require("@semcore/tooltip");
|
|
|
39
39
|
var _ScreenReaderOnly = require("@semcore/utils/lib/ScreenReaderOnly");
|
|
40
40
|
var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
|
|
41
41
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
42
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
43
|
-
"__SWrapper": "
|
|
44
|
-
"_keyboardFocused": "
|
|
45
|
-
"__SCounter": "
|
|
46
|
-
"__SFilterTrigger": "
|
|
47
|
-
"_selected": "
|
|
48
|
-
"_active": "
|
|
42
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1nstx_gg_.__selected_1nstx_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_1nstx_gg_.__selected_1nstx_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1nstx_gg_.__selected_1nstx_gg_.__active_1nstx_gg_,.___SFilterTrigger_1nstx_gg_.__selected_1nstx_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1nstx_gg_{display:inline-flex}.___SWrapper_1nstx_gg_:focus{outline:0}.___SWrapper_1nstx_gg_.__keyboardFocused_1nstx_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1nstx_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1nstx_gg_") /*__reshadow_css_end__*/, {
|
|
43
|
+
"__SWrapper": "___SWrapper_1nstx_gg_",
|
|
44
|
+
"_keyboardFocused": "__keyboardFocused_1nstx_gg_",
|
|
45
|
+
"__SCounter": "___SCounter_1nstx_gg_",
|
|
46
|
+
"__SFilterTrigger": "___SFilterTrigger_1nstx_gg_",
|
|
47
|
+
"_selected": "__selected_1nstx_gg_",
|
|
48
|
+
"_active": "__active_1nstx_gg_"
|
|
49
49
|
});
|
|
50
50
|
var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
|
|
51
51
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -189,9 +189,7 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
|
|
|
189
189
|
empty = _this$asProps4.empty,
|
|
190
190
|
triggerRef = _this$asProps4.triggerRef;
|
|
191
191
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
192
|
-
"tag": 'button',
|
|
193
192
|
"use:role": 'combobox',
|
|
194
|
-
"type": 'button',
|
|
195
193
|
"w": '100%',
|
|
196
194
|
"empty": empty,
|
|
197
195
|
"selected": !empty,
|
|
@@ -227,8 +225,6 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
|
|
|
227
225
|
getI18nText = _this$asProps5.getI18nText;
|
|
228
226
|
if (empty) return null;
|
|
229
227
|
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint, _ref7.cn("Hint", {}), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint.Trigger, null, /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
230
|
-
"tag": 'button',
|
|
231
|
-
"type": 'button',
|
|
232
228
|
"size": size,
|
|
233
229
|
"empty": empty,
|
|
234
230
|
"selected": true,
|
|
@@ -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","_tooltip","_ScreenReaderOnly","_excluded","style","_index","sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray2","inputProps","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","e","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","_createClass2","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","_objectSpread2","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","Box","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps4","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_super3","_ref3","_ref7","_this$asProps5","Hint","Trigger","Close","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","Dot","ScreenReaderOnly","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { Hint } from '@semcore/tooltip';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n use:role='combobox'\n type='button'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <Hint>\n <Hint.Trigger>\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n </Hint.Trigger>\n <Hint.Popper>{getI18nText('clear')}</Hint.Popper>\n </Hint>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={Dot}>\n {count !== undefined ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n ) : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
|
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","_tooltip","_ScreenReaderOnly","_excluded","style","_index","sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray2","inputProps","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","e","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","_createClass2","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","_objectSpread2","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","Box","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps4","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_super3","_ref3","_ref7","_this$asProps5","Hint","Trigger","Close","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","Dot","ScreenReaderOnly","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { Hint } from '@semcore/tooltip';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n 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 { styles, empty, size, disabled, getI18nText } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <Hint>\n <Hint.Trigger>\n <SFilterTrigger\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n </Hint.Trigger>\n <Hint.Popper>{getI18nText('clear')}</Hint.Popper>\n </Hint>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={Dot}>\n {count !== undefined ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n ) : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
package/lib/cjs/LinkTrigger.js
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_4iu1k_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_4iu1k_gg_:focus{outline:0}.___SLinkTrigger_4iu1k_gg_.__active_4iu1k_gg_,.___SLinkTrigger_4iu1k_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_4iu1k_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_4iu1k_gg_.__active_4iu1k_gg_ .___SText_4iu1k_gg_,.___SLinkTrigger_4iu1k_gg_:active .___SText_4iu1k_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_4iu1k_gg_:hover .___SText_4iu1k_gg_{border-color:currentColor}}.___SLinkTrigger_4iu1k_gg_ .___SText_4iu1k_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_4iu1k_gg_.__color_4iu1k_gg_{color:var(--color_4iu1k)}@media (hover:hover){.___SLinkTrigger_4iu1k_gg_.__color_4iu1k_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_4iu1k_gg_.__disabled_4iu1k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_4iu1k_gg_.__keyboardFocused_4iu1k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_4iu1k_gg_,.___SLinkAddon_4iu1k_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_4iu1k_gg_:not(:only-child):first-child,.___SLinkAddon_4iu1k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_4iu1k_gg_:not(:only-child):last-child,.___SLinkAddon_4iu1k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_4iu1k_gg_{width:16px;height:16px}.___SLinkTrigger_4iu1k_gg_._size_m_4iu1k_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_4iu1k_gg_._size_l_4iu1k_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_4iu1k_gg_,.___SLinkTrigger_4iu1k_gg_ .___SText_4iu1k_gg_{transition:none}}" /*__inner_css_end__*/, "4iu1k_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SLinkTrigger": "___SLinkTrigger_4iu1k_gg_",
|
|
27
|
+
"_disabled": "__disabled_4iu1k_gg_",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_4iu1k_gg_",
|
|
29
|
+
"__SLinkAddon": "___SLinkAddon_4iu1k_gg_",
|
|
30
|
+
"_size_m": "_size_m_4iu1k_gg_",
|
|
31
|
+
"_size_l": "_size_l_4iu1k_gg_",
|
|
32
|
+
"_active": "__active_4iu1k_gg_",
|
|
33
|
+
"__SText": "___SText_4iu1k_gg_",
|
|
34
|
+
"_color": "__color_4iu1k_gg_",
|
|
35
|
+
"--color": "--color_4iu1k",
|
|
36
|
+
"__SAddon": "___SAddon_4iu1k_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_1vvm6_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_1vvm6_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1vvm6_gg_:active,.___SBaseTrigger_1vvm6_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1vvm6_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1vvm6_gg_.__keyboardFocused_1vvm6_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_1vvm6_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1vvm6_gg_.__active_1vvm6_gg_,.___SBaseTrigger_1vvm6_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1vvm6_gg_.__disabled_1vvm6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1vvm6_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1vvm6_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_1vvm6_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1vvm6_gg_{width:12px;height:12px}.___SBaseTrigger_1vvm6_gg_._size_m_1vvm6_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_1vvm6_gg_._size_m_1vvm6_gg_ .___SAddon_1vvm6_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1vvm6_gg_._size_m_1vvm6_gg_ .___SAddon_1vvm6_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1vvm6_gg_._size_l_1vvm6_gg_ .___SAddon_1vvm6_gg_:only-child,.___SBaseTrigger_1vvm6_gg_._size_m_1vvm6_gg_ .___SAddon_1vvm6_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1vvm6_gg_._size_l_1vvm6_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_1vvm6_gg_._size_l_1vvm6_gg_ .___SAddon_1vvm6_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1vvm6_gg_._size_l_1vvm6_gg_ .___SAddon_1vvm6_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1vvm6_gg_._neighborLocation_right_1vvm6_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1vvm6_gg_._neighborLocation_both_1vvm6_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1vvm6_gg_._neighborLocation_left_1vvm6_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1vvm6_gg_.__display-placeholder_1vvm6_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1vvm6_gg_._state_valid_1vvm6_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1vvm6_gg_._state_invalid_1vvm6_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1vvm6_gg_._state_invalid_1vvm6_gg_.__keyboardFocused_1vvm6_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_1vvm6_gg_._size_m_1vvm6_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1vvm6_gg_._size_l_1vvm6_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1vvm6_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBaseTrigger": "___SBaseTrigger_1vvm6_gg_",
|
|
23
|
+
"_disabled": "__disabled_1vvm6_gg_",
|
|
24
|
+
"__SInner": "___SInner_1vvm6_gg_",
|
|
25
|
+
"__SText": "___SText_1vvm6_gg_",
|
|
26
|
+
"__SAddon": "___SAddon_1vvm6_gg_",
|
|
27
|
+
"__SBaseAddon": "___SBaseAddon_1vvm6_gg_",
|
|
28
|
+
"_neighborLocation_right": "_neighborLocation_right_1vvm6_gg_",
|
|
29
|
+
"_neighborLocation_both": "_neighborLocation_both_1vvm6_gg_",
|
|
30
|
+
"_neighborLocation_left": "_neighborLocation_left_1vvm6_gg_",
|
|
31
|
+
"_display-placeholder": "__display-placeholder_1vvm6_gg_",
|
|
32
|
+
"_state_valid": "_state_valid_1vvm6_gg_",
|
|
33
|
+
"__SInvalidPattern": "___SInvalidPattern_1vvm6_gg_",
|
|
34
|
+
"_size_m": "_size_m_1vvm6_gg_",
|
|
35
|
+
"_size_l": "_size_l_1vvm6_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_1vvm6_gg_",
|
|
37
|
+
"_active": "__active_1vvm6_gg_",
|
|
38
|
+
"_state_invalid": "_state_invalid_1vvm6_gg_"
|
|
39
39
|
});
|
|
40
40
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
41
41
|
_inherits(RootBaseTrigger, _Component);
|
|
@@ -78,6 +78,8 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
78
78
|
}, function (neighborLocation) {
|
|
79
79
|
var _ref4;
|
|
80
80
|
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, _assignProps({
|
|
81
|
+
"tag": 'button',
|
|
82
|
+
"type": 'button',
|
|
81
83
|
"neighborLocation": neighborLocation,
|
|
82
84
|
"state": theme
|
|
83
85
|
}, _ref))), state === 'invalid' && /*#__PURE__*/React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","InvalidStateBox","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootBaseTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'span';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","InvalidStateBox","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootBaseTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'span';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger\n render={Box}\n tag='button'\n type='button'\n neighborLocation={neighborLocation}\n state={theme}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
|
package/lib/es6/ButtonTrigger.js
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_g1ox9_gg_{width:12px;height:12px}.___SButtonTriggerSpin_g1ox9_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "g1ox9_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SButtonAddon": "___SButtonAddon_g1ox9_gg_",
|
|
19
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_g1ox9_gg_"
|
|
20
20
|
});
|
|
21
21
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
22
22
|
_inherits(RootButtonTrigger, _Component);
|
|
@@ -52,10 +52,7 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
52
52
|
loading = _this$asProps.loading,
|
|
53
53
|
chevron = _this$asProps.chevron,
|
|
54
54
|
empty = _this$asProps.empty;
|
|
55
|
-
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({
|
|
56
|
-
"tag": 'button',
|
|
57
|
-
"type": 'button'
|
|
58
|
-
}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
55
|
+
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
59
56
|
"size": 'xs',
|
|
60
57
|
"theme": false
|
|
61
58
|
})) : /*#__PURE__*/React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","chevron","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","chevron","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -32,13 +32,13 @@ 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_1nstx_gg_.__selected_1nstx_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_1nstx_gg_.__selected_1nstx_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1nstx_gg_.__selected_1nstx_gg_.__active_1nstx_gg_,.___SFilterTrigger_1nstx_gg_.__selected_1nstx_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1nstx_gg_{display:inline-flex}.___SWrapper_1nstx_gg_:focus{outline:0}.___SWrapper_1nstx_gg_.__keyboardFocused_1nstx_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1nstx_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1nstx_gg_") /*__reshadow_css_end__*/, {
|
|
36
|
+
"__SWrapper": "___SWrapper_1nstx_gg_",
|
|
37
|
+
"_keyboardFocused": "__keyboardFocused_1nstx_gg_",
|
|
38
|
+
"__SCounter": "___SCounter_1nstx_gg_",
|
|
39
|
+
"__SFilterTrigger": "___SFilterTrigger_1nstx_gg_",
|
|
40
|
+
"_selected": "__selected_1nstx_gg_",
|
|
41
|
+
"_active": "__active_1nstx_gg_"
|
|
42
42
|
});
|
|
43
43
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
44
44
|
import { Hint } from '@semcore/tooltip';
|
|
@@ -185,9 +185,7 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
|
|
|
185
185
|
empty = _this$asProps4.empty,
|
|
186
186
|
triggerRef = _this$asProps4.triggerRef;
|
|
187
187
|
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", _objectSpread({}, _assignProps2({
|
|
188
|
-
"tag": 'button',
|
|
189
188
|
"use:role": 'combobox',
|
|
190
|
-
"type": 'button',
|
|
191
189
|
"w": '100%',
|
|
192
190
|
"empty": empty,
|
|
193
191
|
"selected": !empty,
|
|
@@ -223,8 +221,6 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
|
|
|
223
221
|
getI18nText = _this$asProps5.getI18nText;
|
|
224
222
|
if (empty) return null;
|
|
225
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({
|
|
226
|
-
"tag": 'button',
|
|
227
|
-
"type": 'button',
|
|
228
224
|
"size": size,
|
|
229
225
|
"empty": empty,
|
|
230
226
|
"selected": true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","isAdvanceMode","Hint","ScreenReaderOnly","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_createClass","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_objectSpread","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","_this$asProps4","_assignProps2","Text","Addon","Counter","tag","_Component3","_super3","_ref3","_ref7","_this$asProps5","Trigger","_assignProps3","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","_assignProps4","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { Hint } from '@semcore/tooltip';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n use:role='combobox'\n type='button'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <Hint>\n <Hint.Trigger>\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n </Hint.Trigger>\n <Hint.Popper>{getI18nText('clear')}</Hint.Popper>\n </Hint>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={Dot}>\n {count !== undefined ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n ) : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
|
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","Hint","ScreenReaderOnly","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_createClass","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_objectSpread","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","_this$asProps4","_assignProps2","Text","Addon","Counter","tag","_Component3","_super3","_ref3","_ref7","_this$asProps5","Trigger","_assignProps3","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","_assignProps4","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { Hint } from '@semcore/tooltip';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n 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 { styles, empty, size, disabled, getI18nText } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <Hint>\n <Hint.Trigger>\n <SFilterTrigger\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n </Hint.Trigger>\n <Hint.Popper>{getI18nText('clear')}</Hint.Popper>\n </Hint>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={Dot}>\n {count !== undefined ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n ) : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
package/lib/es6/LinkTrigger.js
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_4iu1k_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_4iu1k_gg_:focus{outline:0}.___SLinkTrigger_4iu1k_gg_.__active_4iu1k_gg_,.___SLinkTrigger_4iu1k_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_4iu1k_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_4iu1k_gg_.__active_4iu1k_gg_ .___SText_4iu1k_gg_,.___SLinkTrigger_4iu1k_gg_:active .___SText_4iu1k_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_4iu1k_gg_:hover .___SText_4iu1k_gg_{border-color:currentColor}}.___SLinkTrigger_4iu1k_gg_ .___SText_4iu1k_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_4iu1k_gg_.__color_4iu1k_gg_{color:var(--color_4iu1k)}@media (hover:hover){.___SLinkTrigger_4iu1k_gg_.__color_4iu1k_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_4iu1k_gg_.__disabled_4iu1k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_4iu1k_gg_.__keyboardFocused_4iu1k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_4iu1k_gg_,.___SLinkAddon_4iu1k_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_4iu1k_gg_:not(:only-child):first-child,.___SLinkAddon_4iu1k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_4iu1k_gg_:not(:only-child):last-child,.___SLinkAddon_4iu1k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_4iu1k_gg_{width:16px;height:16px}.___SLinkTrigger_4iu1k_gg_._size_m_4iu1k_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_4iu1k_gg_._size_l_4iu1k_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_4iu1k_gg_,.___SLinkTrigger_4iu1k_gg_ .___SText_4iu1k_gg_{transition:none}}" /*__inner_css_end__*/, "4iu1k_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SLinkTrigger": "___SLinkTrigger_4iu1k_gg_",
|
|
22
|
+
"_disabled": "__disabled_4iu1k_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_4iu1k_gg_",
|
|
24
|
+
"__SLinkAddon": "___SLinkAddon_4iu1k_gg_",
|
|
25
|
+
"_size_m": "_size_m_4iu1k_gg_",
|
|
26
|
+
"_size_l": "_size_l_4iu1k_gg_",
|
|
27
|
+
"_active": "__active_4iu1k_gg_",
|
|
28
|
+
"__SText": "___SText_4iu1k_gg_",
|
|
29
|
+
"_color": "__color_4iu1k_gg_",
|
|
30
|
+
"--color": "--color_4iu1k",
|
|
31
|
+
"__SAddon": "___SAddon_4iu1k_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.49.
|
|
4
|
+
"version": "4.49.2-prerelease.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -9,15 +9,15 @@
|
|
|
9
9
|
"author": "UI-kit team <ui-kit-team@semrush.com>",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"dependencies": {
|
|
12
|
-
"@semcore/dot": "5.38.0
|
|
13
|
-
"@semcore/flex-box": "5.39.0
|
|
14
|
-
"@semcore/icon": "4.53.0
|
|
15
|
-
"@semcore/neighbor-location": "4.37.0
|
|
16
|
-
"@semcore/spin": "5.39.0
|
|
17
|
-
"@semcore/utils": "4.44.0
|
|
12
|
+
"@semcore/dot": "5.38.0",
|
|
13
|
+
"@semcore/flex-box": "5.39.0",
|
|
14
|
+
"@semcore/icon": "4.53.0",
|
|
15
|
+
"@semcore/neighbor-location": "4.37.0",
|
|
16
|
+
"@semcore/spin": "5.39.0",
|
|
17
|
+
"@semcore/utils": "4.44.0"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@semcore/core": "^2.
|
|
20
|
+
"@semcore/core": "^2.17.5",
|
|
21
21
|
"react": "16.8 - 18",
|
|
22
22
|
"react-dom": "16.8 - 18"
|
|
23
23
|
},
|