@semcore/base-trigger 4.27.1-prerelease.2 → 4.28.0-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 +7 -1
- package/README.md +2 -2
- package/lib/cjs/BaseTrigger.js +18 -18
- package/lib/cjs/ButtonTrigger.js +8 -4
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +7 -7
- package/lib/cjs/LinkTrigger.js +12 -12
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/es6/BaseTrigger.js +18 -18
- package/lib/es6/ButtonTrigger.js +8 -4
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +7 -7
- package/lib/es6/LinkTrigger.js +12 -12
- package/lib/es6/index.d.js.map +1 -1
- package/lib/types/index.d.ts +5 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [4.
|
|
5
|
+
## [4.28.0] - 2024-03-07
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- ButtonTrigger got `chevron` prop that controls display of chevron icon.
|
|
10
|
+
|
|
11
|
+
## [4.27.1] - 2024-03-07
|
|
6
12
|
|
|
7
13
|
### Fixed
|
|
8
14
|
|
package/README.md
CHANGED
|
@@ -13,13 +13,13 @@
|
|
|
13
13
|
## Install
|
|
14
14
|
|
|
15
15
|
```sh
|
|
16
|
-
npm install
|
|
16
|
+
npm install intergalactic
|
|
17
17
|
```
|
|
18
18
|
|
|
19
19
|
## Usage
|
|
20
20
|
|
|
21
21
|
```jsx
|
|
22
|
-
import BaseTrigger, { ButtonTrigger, FilterTrigger, LinkTrigger } from '
|
|
22
|
+
import BaseTrigger, { ButtonTrigger, FilterTrigger, LinkTrigger } from 'intergalactic/base-trigger';
|
|
23
23
|
```
|
|
24
24
|
|
|
25
25
|
<details>
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -22,24 +22,24 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
|
22
22
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
23
23
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
24
24
|
/*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SBaseTrigger": "
|
|
27
|
-
"_disabled": "
|
|
28
|
-
"__SInner": "
|
|
29
|
-
"__SText": "
|
|
30
|
-
"__SAddon": "
|
|
31
|
-
"__SBaseAddon": "
|
|
32
|
-
"_neighborLocation_right": "
|
|
33
|
-
"_neighborLocation_both": "
|
|
34
|
-
"_neighborLocation_left": "
|
|
35
|
-
"_display-placeholder": "__display-
|
|
36
|
-
"_state_valid": "
|
|
37
|
-
"__SInvalidPattern": "
|
|
38
|
-
"_size_m": "
|
|
39
|
-
"_size_l": "
|
|
40
|
-
"_keyboardFocused": "
|
|
41
|
-
"_active": "
|
|
42
|
-
"_state_invalid": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1y8zk_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_1y8zk_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1y8zk_gg_:active,.___SBaseTrigger_1y8zk_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1y8zk_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1y8zk_gg_.__keyboardFocused_1y8zk_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_1y8zk_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1y8zk_gg_.__active_1y8zk_gg_,.___SBaseTrigger_1y8zk_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1y8zk_gg_.__disabled_1y8zk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1y8zk_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1y8zk_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_1y8zk_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1y8zk_gg_{width:12px;height:12px}.___SBaseTrigger_1y8zk_gg_._size_m_1y8zk_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_1y8zk_gg_._size_m_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._size_m_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._size_l_1y8zk_gg_ .___SAddon_1y8zk_gg_:only-child,.___SBaseTrigger_1y8zk_gg_._size_m_1y8zk_gg_ .___SAddon_1y8zk_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1y8zk_gg_._size_l_1y8zk_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_1y8zk_gg_._size_l_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._size_l_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._neighborLocation_right_1y8zk_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1y8zk_gg_._neighborLocation_both_1y8zk_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1y8zk_gg_._neighborLocation_left_1y8zk_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1y8zk_gg_.__display-placeholder_1y8zk_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1y8zk_gg_._state_valid_1y8zk_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1y8zk_gg_._state_invalid_1y8zk_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1y8zk_gg_._state_invalid_1y8zk_gg_.__keyboardFocused_1y8zk_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_1y8zk_gg_._size_m_1y8zk_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1y8zk_gg_._size_l_1y8zk_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1y8zk_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SBaseTrigger": "___SBaseTrigger_1y8zk_gg_",
|
|
27
|
+
"_disabled": "__disabled_1y8zk_gg_",
|
|
28
|
+
"__SInner": "___SInner_1y8zk_gg_",
|
|
29
|
+
"__SText": "___SText_1y8zk_gg_",
|
|
30
|
+
"__SAddon": "___SAddon_1y8zk_gg_",
|
|
31
|
+
"__SBaseAddon": "___SBaseAddon_1y8zk_gg_",
|
|
32
|
+
"_neighborLocation_right": "_neighborLocation_right_1y8zk_gg_",
|
|
33
|
+
"_neighborLocation_both": "_neighborLocation_both_1y8zk_gg_",
|
|
34
|
+
"_neighborLocation_left": "_neighborLocation_left_1y8zk_gg_",
|
|
35
|
+
"_display-placeholder": "__display-placeholder_1y8zk_gg_",
|
|
36
|
+
"_state_valid": "_state_valid_1y8zk_gg_",
|
|
37
|
+
"__SInvalidPattern": "___SInvalidPattern_1y8zk_gg_",
|
|
38
|
+
"_size_m": "_size_m_1y8zk_gg_",
|
|
39
|
+
"_size_l": "_size_l_1y8zk_gg_",
|
|
40
|
+
"_keyboardFocused": "__keyboardFocused_1y8zk_gg_",
|
|
41
|
+
"_active": "__active_1y8zk_gg_",
|
|
42
|
+
"_state_invalid": "_state_invalid_1y8zk_gg_"
|
|
43
43
|
});
|
|
44
44
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
45
45
|
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -20,9 +20,9 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
|
20
20
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
21
21
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
22
22
|
/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SButtonAddon": "
|
|
25
|
-
"__SButtonTriggerSpin": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_7vjqj_gg_{width:12px;height:12px}.___SButtonTriggerSpin_7vjqj_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "7vjqj_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SButtonAddon": "___SButtonAddon_7vjqj_gg_",
|
|
25
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_7vjqj_gg_"
|
|
26
26
|
});
|
|
27
27
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
28
28
|
(0, _inherits2["default"])(RootButtonTrigger, _Component);
|
|
@@ -56,11 +56,12 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
56
56
|
Children = _this$asProps.Children,
|
|
57
57
|
styles = _this$asProps.styles,
|
|
58
58
|
loading = _this$asProps.loading,
|
|
59
|
+
chevron = _this$asProps.chevron,
|
|
59
60
|
empty = _this$asProps.empty;
|
|
60
61
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({
|
|
61
62
|
"tag": 'button',
|
|
62
63
|
"type": 'button'
|
|
63
|
-
}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
64
|
+
}, _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", {
|
|
64
65
|
"size": 'xs',
|
|
65
66
|
"theme": false
|
|
66
67
|
})) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
|
|
@@ -79,6 +80,9 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
79
80
|
animateProps: ['width'],
|
|
80
81
|
onChangeOf: ['value']
|
|
81
82
|
})]);
|
|
83
|
+
(0, _defineProperty2["default"])(RootButtonTrigger, "defaultProps", {
|
|
84
|
+
chevron: true
|
|
85
|
+
});
|
|
82
86
|
var ButtonTrigger = (0, _core["default"])(RootButtonTrigger, {
|
|
83
87
|
Text: _BaseTrigger["default"].Text,
|
|
84
88
|
Addon: _BaseTrigger["default"].Addon
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","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","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\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, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} tag='button' type='button'>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n <SButtonAddon>\n
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","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} tag='button' type='button'>\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
|
@@ -33,13 +33,13 @@ var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps
|
|
|
33
33
|
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
34
34
|
var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
35
35
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
36
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
37
|
-
"__SWrapper": "
|
|
38
|
-
"_keyboardFocused": "
|
|
39
|
-
"__SCounter": "
|
|
40
|
-
"__SFilterTrigger": "
|
|
41
|
-
"_selected": "
|
|
42
|
-
"_active": "
|
|
36
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_3clnt_gg_.__selected_3clnt_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_3clnt_gg_.__selected_3clnt_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_3clnt_gg_.__selected_3clnt_gg_.__active_3clnt_gg_,.___SFilterTrigger_3clnt_gg_.__selected_3clnt_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_3clnt_gg_{display:inline-flex}.___SWrapper_3clnt_gg_:focus{outline:0}.___SWrapper_3clnt_gg_.__keyboardFocused_3clnt_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_3clnt_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "3clnt_gg_") /*__reshadow_css_end__*/, {
|
|
37
|
+
"__SWrapper": "___SWrapper_3clnt_gg_",
|
|
38
|
+
"_keyboardFocused": "__keyboardFocused_3clnt_gg_",
|
|
39
|
+
"__SCounter": "___SCounter_3clnt_gg_",
|
|
40
|
+
"__SFilterTrigger": "___SFilterTrigger_3clnt_gg_",
|
|
41
|
+
"_selected": "__selected_3clnt_gg_",
|
|
42
|
+
"_active": "__active_3clnt_gg_"
|
|
43
43
|
});
|
|
44
44
|
var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
|
|
45
45
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -21,18 +21,18 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
21
21
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
22
22
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
23
23
|
/*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SLinkTrigger": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"_keyboardFocused": "
|
|
28
|
-
"__SLinkAddon": "
|
|
29
|
-
"_size_m": "
|
|
30
|
-
"_size_l": "
|
|
31
|
-
"_active": "
|
|
32
|
-
"__SText": "
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"__SAddon": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_gijpc_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_gijpc_gg_.__active_gijpc_gg_,.___SLinkTrigger_gijpc_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_gijpc_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_gijpc_gg_.__active_gijpc_gg_ .___SText_gijpc_gg_,.___SLinkTrigger_gijpc_gg_:active .___SText_gijpc_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_gijpc_gg_:hover .___SText_gijpc_gg_{border-color:currentColor}}.___SLinkTrigger_gijpc_gg_ .___SText_gijpc_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_gijpc_gg_.__color_gijpc_gg_{color:var(--color_gijpc)}@media (hover:hover){.___SLinkTrigger_gijpc_gg_.__color_gijpc_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_gijpc_gg_.__disabled_gijpc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_gijpc_gg_.__keyboardFocused_gijpc_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_gijpc_gg_,.___SLinkAddon_gijpc_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_gijpc_gg_:not(:only-child):first-child,.___SLinkAddon_gijpc_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_gijpc_gg_:not(:only-child):last-child,.___SLinkAddon_gijpc_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_gijpc_gg_{width:16px;height:16px}.___SLinkTrigger_gijpc_gg_._size_m_gijpc_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_gijpc_gg_._size_l_gijpc_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_gijpc_gg_,.___SLinkTrigger_gijpc_gg_ .___SText_gijpc_gg_{transition:none}}" /*__inner_css_end__*/, "gijpc_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SLinkTrigger": "___SLinkTrigger_gijpc_gg_",
|
|
26
|
+
"_disabled": "__disabled_gijpc_gg_",
|
|
27
|
+
"_keyboardFocused": "__keyboardFocused_gijpc_gg_",
|
|
28
|
+
"__SLinkAddon": "___SLinkAddon_gijpc_gg_",
|
|
29
|
+
"_size_m": "_size_m_gijpc_gg_",
|
|
30
|
+
"_size_l": "_size_l_gijpc_gg_",
|
|
31
|
+
"_active": "__active_gijpc_gg_",
|
|
32
|
+
"__SText": "___SText_gijpc_gg_",
|
|
33
|
+
"_color": "__color_gijpc_gg_",
|
|
34
|
+
"--color": "--color_gijpc",
|
|
35
|
+
"__SAddon": "___SAddon_gijpc_gg_"
|
|
36
36
|
});
|
|
37
37
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
38
38
|
(0, _inherits2["default"])(RootLinkTrigger, _Component);
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
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_1y8zk_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_1y8zk_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1y8zk_gg_:active,.___SBaseTrigger_1y8zk_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1y8zk_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1y8zk_gg_.__keyboardFocused_1y8zk_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_1y8zk_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1y8zk_gg_.__active_1y8zk_gg_,.___SBaseTrigger_1y8zk_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1y8zk_gg_.__disabled_1y8zk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1y8zk_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1y8zk_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_1y8zk_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1y8zk_gg_{width:12px;height:12px}.___SBaseTrigger_1y8zk_gg_._size_m_1y8zk_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_1y8zk_gg_._size_m_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._size_m_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._size_l_1y8zk_gg_ .___SAddon_1y8zk_gg_:only-child,.___SBaseTrigger_1y8zk_gg_._size_m_1y8zk_gg_ .___SAddon_1y8zk_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1y8zk_gg_._size_l_1y8zk_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_1y8zk_gg_._size_l_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._size_l_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._neighborLocation_right_1y8zk_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1y8zk_gg_._neighborLocation_both_1y8zk_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1y8zk_gg_._neighborLocation_left_1y8zk_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1y8zk_gg_.__display-placeholder_1y8zk_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1y8zk_gg_._state_valid_1y8zk_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1y8zk_gg_._state_invalid_1y8zk_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1y8zk_gg_._state_invalid_1y8zk_gg_.__keyboardFocused_1y8zk_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_1y8zk_gg_._size_m_1y8zk_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1y8zk_gg_._size_l_1y8zk_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1y8zk_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBaseTrigger": "___SBaseTrigger_1y8zk_gg_",
|
|
23
|
+
"_disabled": "__disabled_1y8zk_gg_",
|
|
24
|
+
"__SInner": "___SInner_1y8zk_gg_",
|
|
25
|
+
"__SText": "___SText_1y8zk_gg_",
|
|
26
|
+
"__SAddon": "___SAddon_1y8zk_gg_",
|
|
27
|
+
"__SBaseAddon": "___SBaseAddon_1y8zk_gg_",
|
|
28
|
+
"_neighborLocation_right": "_neighborLocation_right_1y8zk_gg_",
|
|
29
|
+
"_neighborLocation_both": "_neighborLocation_both_1y8zk_gg_",
|
|
30
|
+
"_neighborLocation_left": "_neighborLocation_left_1y8zk_gg_",
|
|
31
|
+
"_display-placeholder": "__display-placeholder_1y8zk_gg_",
|
|
32
|
+
"_state_valid": "_state_valid_1y8zk_gg_",
|
|
33
|
+
"__SInvalidPattern": "___SInvalidPattern_1y8zk_gg_",
|
|
34
|
+
"_size_m": "_size_m_1y8zk_gg_",
|
|
35
|
+
"_size_l": "_size_l_1y8zk_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_1y8zk_gg_",
|
|
37
|
+
"_active": "__active_1y8zk_gg_",
|
|
38
|
+
"_state_invalid": "_state_invalid_1y8zk_gg_"
|
|
39
39
|
});
|
|
40
40
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
41
41
|
_inherits(RootBaseTrigger, _Component);
|
package/lib/es6/ButtonTrigger.js
CHANGED
|
@@ -14,9 +14,9 @@ import Spin from '@semcore/spin';
|
|
|
14
14
|
import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
|
|
15
15
|
import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
|
|
16
16
|
/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SButtonAddon": "
|
|
19
|
-
"__SButtonTriggerSpin": "
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_7vjqj_gg_{width:12px;height:12px}.___SButtonTriggerSpin_7vjqj_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "7vjqj_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SButtonAddon": "___SButtonAddon_7vjqj_gg_",
|
|
19
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_7vjqj_gg_"
|
|
20
20
|
});
|
|
21
21
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
22
22
|
_inherits(RootButtonTrigger, _Component);
|
|
@@ -50,11 +50,12 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
50
50
|
Children = _this$asProps.Children,
|
|
51
51
|
styles = _this$asProps.styles,
|
|
52
52
|
loading = _this$asProps.loading,
|
|
53
|
+
chevron = _this$asProps.chevron,
|
|
53
54
|
empty = _this$asProps.empty;
|
|
54
55
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({
|
|
55
56
|
"tag": 'button',
|
|
56
57
|
"type": 'button'
|
|
57
|
-
}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
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", {
|
|
58
59
|
"size": 'xs',
|
|
59
60
|
"theme": false
|
|
60
61
|
})) : /*#__PURE__*/React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
|
|
@@ -73,6 +74,9 @@ _defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
|
|
|
73
74
|
animateProps: ['width'],
|
|
74
75
|
onChangeOf: ['value']
|
|
75
76
|
})]);
|
|
77
|
+
_defineProperty(RootButtonTrigger, "defaultProps", {
|
|
78
|
+
chevron: true
|
|
79
|
+
});
|
|
76
80
|
var ButtonTrigger = createComponent(RootButtonTrigger, {
|
|
77
81
|
Text: BaseTrigger.Text,
|
|
78
82
|
Addon: BaseTrigger.Addon
|
|
@@ -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","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\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, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} tag='button' type='button'>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n <SButtonAddon>\n
|
|
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} tag='button' type='button'>\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
|
@@ -28,13 +28,13 @@ import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
|
|
|
28
28
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
29
29
|
import { setFocus } from '@semcore/utils/lib/use/useFocusLock';
|
|
30
30
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SWrapper": "
|
|
33
|
-
"_keyboardFocused": "
|
|
34
|
-
"__SCounter": "
|
|
35
|
-
"__SFilterTrigger": "
|
|
36
|
-
"_selected": "
|
|
37
|
-
"_active": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_3clnt_gg_.__selected_3clnt_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_3clnt_gg_.__selected_3clnt_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_3clnt_gg_.__selected_3clnt_gg_.__active_3clnt_gg_,.___SFilterTrigger_3clnt_gg_.__selected_3clnt_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_3clnt_gg_{display:inline-flex}.___SWrapper_3clnt_gg_:focus{outline:0}.___SWrapper_3clnt_gg_.__keyboardFocused_3clnt_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_3clnt_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "3clnt_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SWrapper": "___SWrapper_3clnt_gg_",
|
|
33
|
+
"_keyboardFocused": "__keyboardFocused_3clnt_gg_",
|
|
34
|
+
"__SCounter": "___SCounter_3clnt_gg_",
|
|
35
|
+
"__SFilterTrigger": "___SFilterTrigger_3clnt_gg_",
|
|
36
|
+
"_selected": "__selected_3clnt_gg_",
|
|
37
|
+
"_active": "__active_3clnt_gg_"
|
|
38
38
|
});
|
|
39
39
|
var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
|
|
40
40
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
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_gijpc_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_gijpc_gg_.__active_gijpc_gg_,.___SLinkTrigger_gijpc_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_gijpc_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_gijpc_gg_.__active_gijpc_gg_ .___SText_gijpc_gg_,.___SLinkTrigger_gijpc_gg_:active .___SText_gijpc_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_gijpc_gg_:hover .___SText_gijpc_gg_{border-color:currentColor}}.___SLinkTrigger_gijpc_gg_ .___SText_gijpc_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_gijpc_gg_.__color_gijpc_gg_{color:var(--color_gijpc)}@media (hover:hover){.___SLinkTrigger_gijpc_gg_.__color_gijpc_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_gijpc_gg_.__disabled_gijpc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_gijpc_gg_.__keyboardFocused_gijpc_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_gijpc_gg_,.___SLinkAddon_gijpc_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_gijpc_gg_:not(:only-child):first-child,.___SLinkAddon_gijpc_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_gijpc_gg_:not(:only-child):last-child,.___SLinkAddon_gijpc_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_gijpc_gg_{width:16px;height:16px}.___SLinkTrigger_gijpc_gg_._size_m_gijpc_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_gijpc_gg_._size_l_gijpc_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_gijpc_gg_,.___SLinkTrigger_gijpc_gg_ .___SText_gijpc_gg_{transition:none}}" /*__inner_css_end__*/, "gijpc_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SLinkTrigger": "___SLinkTrigger_gijpc_gg_",
|
|
22
|
+
"_disabled": "__disabled_gijpc_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_gijpc_gg_",
|
|
24
|
+
"__SLinkAddon": "___SLinkAddon_gijpc_gg_",
|
|
25
|
+
"_size_m": "_size_m_gijpc_gg_",
|
|
26
|
+
"_size_l": "_size_l_gijpc_gg_",
|
|
27
|
+
"_active": "__active_gijpc_gg_",
|
|
28
|
+
"__SText": "___SText_gijpc_gg_",
|
|
29
|
+
"_color": "__color_gijpc_gg_",
|
|
30
|
+
"--color": "--color_gijpc",
|
|
31
|
+
"__SAddon": "___SAddon_gijpc_gg_"
|
|
32
32
|
});
|
|
33
33
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
34
34
|
_inherits(RootLinkTrigger, _Component);
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n };\n\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
package/lib/types/index.d.ts
CHANGED
package/package.json
CHANGED