@semcore/base-trigger 4.34.0-prerelease.1 → 4.35.0-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +3 -3
- package/lib/cjs/BaseTrigger.js +19 -18
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +4 -3
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +8 -7
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +13 -12
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/es6/BaseTrigger.js +19 -19
- package/lib/es6/ButtonTrigger.js +4 -4
- package/lib/es6/FilterTrigger.js +8 -8
- package/lib/es6/LinkTrigger.js +13 -13
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
|
@@ -2,13 +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.35.0] - 2024-05-16
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version minor update due to children dependencies update (`@semcore/utils` [4.
|
|
9
|
+
- Version minor update due to children dependencies update (`@semcore/utils` [4.25.0 ~> 4.26.1]).
|
|
10
10
|
|
|
11
|
-
## [4.
|
|
11
|
+
## [4.34.0] - 2024-05-16
|
|
12
12
|
|
|
13
13
|
### Changed
|
|
14
14
|
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -12,6 +12,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
15
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
16
17
|
var _react = _interopRequireDefault(require("react"));
|
|
17
18
|
var _flexBox = require("@semcore/flex-box");
|
|
@@ -22,24 +23,24 @@ var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
|
22
23
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
23
24
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
24
25
|
/*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_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": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1hujr_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_1hujr_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1hujr_gg_:active,.___SBaseTrigger_1hujr_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1hujr_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1hujr_gg_.__keyboardFocused_1hujr_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_1hujr_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1hujr_gg_.__active_1hujr_gg_,.___SBaseTrigger_1hujr_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1hujr_gg_.__disabled_1hujr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1hujr_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1hujr_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_1hujr_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1hujr_gg_{width:12px;height:12px}.___SBaseTrigger_1hujr_gg_._size_m_1hujr_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_1hujr_gg_._size_m_1hujr_gg_ .___SAddon_1hujr_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1hujr_gg_._size_m_1hujr_gg_ .___SAddon_1hujr_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1hujr_gg_._size_l_1hujr_gg_ .___SAddon_1hujr_gg_:only-child,.___SBaseTrigger_1hujr_gg_._size_m_1hujr_gg_ .___SAddon_1hujr_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1hujr_gg_._size_l_1hujr_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_1hujr_gg_._size_l_1hujr_gg_ .___SAddon_1hujr_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1hujr_gg_._size_l_1hujr_gg_ .___SAddon_1hujr_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1hujr_gg_._neighborLocation_right_1hujr_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1hujr_gg_._neighborLocation_both_1hujr_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1hujr_gg_._neighborLocation_left_1hujr_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1hujr_gg_.__display-placeholder_1hujr_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1hujr_gg_._state_valid_1hujr_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1hujr_gg_._state_invalid_1hujr_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1hujr_gg_._state_invalid_1hujr_gg_.__keyboardFocused_1hujr_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_1hujr_gg_._size_m_1hujr_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1hujr_gg_._size_l_1hujr_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1hujr_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SBaseTrigger": "___SBaseTrigger_1hujr_gg_",
|
|
28
|
+
"_disabled": "__disabled_1hujr_gg_",
|
|
29
|
+
"__SInner": "___SInner_1hujr_gg_",
|
|
30
|
+
"__SText": "___SText_1hujr_gg_",
|
|
31
|
+
"__SAddon": "___SAddon_1hujr_gg_",
|
|
32
|
+
"__SBaseAddon": "___SBaseAddon_1hujr_gg_",
|
|
33
|
+
"_neighborLocation_right": "_neighborLocation_right_1hujr_gg_",
|
|
34
|
+
"_neighborLocation_both": "_neighborLocation_both_1hujr_gg_",
|
|
35
|
+
"_neighborLocation_left": "_neighborLocation_left_1hujr_gg_",
|
|
36
|
+
"_display-placeholder": "__display-placeholder_1hujr_gg_",
|
|
37
|
+
"_state_valid": "_state_valid_1hujr_gg_",
|
|
38
|
+
"__SInvalidPattern": "___SInvalidPattern_1hujr_gg_",
|
|
39
|
+
"_size_m": "_size_m_1hujr_gg_",
|
|
40
|
+
"_size_l": "_size_l_1hujr_gg_",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_1hujr_gg_",
|
|
42
|
+
"_active": "__active_1hujr_gg_",
|
|
43
|
+
"_state_invalid": "_state_invalid_1hujr_gg_"
|
|
43
44
|
});
|
|
44
45
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
45
46
|
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","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 render={Box} neighborLocation={neighborLocation} state={theme}>\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}>\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":"
|
|
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 render={Box} neighborLocation={neighborLocation} state={theme}>\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}>\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
|
@@ -11,6 +11,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
11
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
12
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
14
15
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
15
16
|
var _react = _interopRequireDefault(require("react"));
|
|
16
17
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
@@ -20,9 +21,9 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
|
20
21
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
21
22
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
22
23
|
/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/
|
|
24
|
-
"__SButtonAddon": "
|
|
25
|
-
"__SButtonTriggerSpin": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_fw30c_gg_{width:12px;height:12px}.___SButtonTriggerSpin_fw30c_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "fw30c_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SButtonAddon": "___SButtonAddon_fw30c_gg_",
|
|
26
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_fw30c_gg_"
|
|
26
27
|
});
|
|
27
28
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
28
29
|
(0, _inherits2["default"])(RootButtonTrigger, _Component);
|
|
@@ -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","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":"
|
|
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} 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
|
@@ -15,6 +15,7 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
15
15
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
16
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
17
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
18
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
18
19
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
19
20
|
var _react = _interopRequireDefault(require("react"));
|
|
20
21
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
@@ -34,13 +35,13 @@ var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
|
34
35
|
var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
35
36
|
var _findComponent = require("@semcore/utils/lib/findComponent");
|
|
36
37
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
37
|
-
var style = ( /*__reshadow_css_start__*/
|
|
38
|
-
"__SWrapper": "
|
|
39
|
-
"_keyboardFocused": "
|
|
40
|
-
"__SCounter": "
|
|
41
|
-
"__SFilterTrigger": "
|
|
42
|
-
"_selected": "
|
|
43
|
-
"_active": "
|
|
38
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1d96f_gg_.__selected_1d96f_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_1d96f_gg_.__selected_1d96f_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1d96f_gg_.__selected_1d96f_gg_.__active_1d96f_gg_,.___SFilterTrigger_1d96f_gg_.__selected_1d96f_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1d96f_gg_{display:inline-flex}.___SWrapper_1d96f_gg_:focus{outline:0}.___SWrapper_1d96f_gg_.__keyboardFocused_1d96f_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1d96f_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1d96f_gg_") /*__reshadow_css_end__*/, {
|
|
39
|
+
"__SWrapper": "___SWrapper_1d96f_gg_",
|
|
40
|
+
"_keyboardFocused": "__keyboardFocused_1d96f_gg_",
|
|
41
|
+
"__SCounter": "___SCounter_1d96f_gg_",
|
|
42
|
+
"__SFilterTrigger": "___SFilterTrigger_1d96f_gg_",
|
|
43
|
+
"_selected": "__selected_1d96f_gg_",
|
|
44
|
+
"_active": "__active_1d96f_gg_"
|
|
44
45
|
});
|
|
45
46
|
var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
|
|
46
47
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -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","style","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","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","uid","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","id","render","_ref","_ref5","SWrapper","Box","_this$asProps3","Children","styles","forcedAdvancedMode","role","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_objectSpread2","assignProps","undefined","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","_Component2","_super2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps4","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_super3","_ref3","_ref7","_this$asProps5","Close","props","_ref4","arguments[0]","_ref8","SCounter","Dot","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, CHILDREN_COMPONENT } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const { empty, size, placeholder, active, disabled, includeInputProps, triggerRef } =\n this.asProps;\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText, uid } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n id: `igc-${uid}-filter-trigger-clear`,\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={role}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const {\n Children,\n styles,\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n } = this.asProps;\n\n const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n w='100%'\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n ref={triggerRef}\n animationsDisabled\n {...controlProps}\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText, uid, id } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n id={`igc-${uid}-filter-trigger-clear`}\n aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps5","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","_findComponent","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","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","uid","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","id","render","_ref","_ref5","SWrapper","Box","_this$asProps3","Children","styles","forcedAdvancedMode","role","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_objectSpread2","assignProps","undefined","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","_Component2","_super2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps4","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_super3","_ref3","_ref7","_this$asProps5","Close","props","_ref4","arguments[0]","_ref8","SCounter","Dot","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, CHILDREN_COMPONENT } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const { empty, size, placeholder, active, disabled, includeInputProps, triggerRef } =\n this.asProps;\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText, uid } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n id: `igc-${uid}-filter-trigger-clear`,\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const role = this.asProps.role === 'button' ? 'group' : this.asProps.role;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={role}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const {\n Children,\n styles,\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n } = this.asProps;\n\n const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n w='100%'\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n ref={triggerRef}\n animationsDisabled\n {...controlProps}\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText, uid, id } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n tag='button'\n type='button'\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n id={`igc-${uid}-filter-trigger-clear`}\n aria-labelledby={`igc-${uid}-filter-trigger-clear ${id}`}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -12,6 +12,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
15
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
16
17
|
var _react = _interopRequireDefault(require("react"));
|
|
17
18
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
@@ -21,18 +22,18 @@ var _flexBox = require("@semcore/flex-box");
|
|
|
21
22
|
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
22
23
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
23
24
|
/*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_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": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_lg0lb_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_lg0lb_gg_.__active_lg0lb_gg_,.___SLinkTrigger_lg0lb_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_lg0lb_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_lg0lb_gg_.__active_lg0lb_gg_ .___SText_lg0lb_gg_,.___SLinkTrigger_lg0lb_gg_:active .___SText_lg0lb_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_lg0lb_gg_:hover .___SText_lg0lb_gg_{border-color:currentColor}}.___SLinkTrigger_lg0lb_gg_ .___SText_lg0lb_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_lg0lb_gg_.__color_lg0lb_gg_{color:var(--color_lg0lb)}@media (hover:hover){.___SLinkTrigger_lg0lb_gg_.__color_lg0lb_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_lg0lb_gg_.__disabled_lg0lb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_lg0lb_gg_.__keyboardFocused_lg0lb_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_lg0lb_gg_,.___SLinkAddon_lg0lb_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_lg0lb_gg_:not(:only-child):first-child,.___SLinkAddon_lg0lb_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_lg0lb_gg_:not(:only-child):last-child,.___SLinkAddon_lg0lb_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_lg0lb_gg_{width:16px;height:16px}.___SLinkTrigger_lg0lb_gg_._size_m_lg0lb_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_lg0lb_gg_._size_l_lg0lb_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_lg0lb_gg_,.___SLinkTrigger_lg0lb_gg_ .___SText_lg0lb_gg_{transition:none}}" /*__inner_css_end__*/, "lg0lb_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SLinkTrigger": "___SLinkTrigger_lg0lb_gg_",
|
|
27
|
+
"_disabled": "__disabled_lg0lb_gg_",
|
|
28
|
+
"_keyboardFocused": "__keyboardFocused_lg0lb_gg_",
|
|
29
|
+
"__SLinkAddon": "___SLinkAddon_lg0lb_gg_",
|
|
30
|
+
"_size_m": "_size_m_lg0lb_gg_",
|
|
31
|
+
"_size_l": "_size_l_lg0lb_gg_",
|
|
32
|
+
"_active": "__active_lg0lb_gg_",
|
|
33
|
+
"__SText": "___SText_lg0lb_gg_",
|
|
34
|
+
"_color": "__color_lg0lb_gg_",
|
|
35
|
+
"--color": "--color_lg0lb",
|
|
36
|
+
"__SAddon": "___SAddon_lg0lb_gg_"
|
|
36
37
|
});
|
|
37
38
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
38
39
|
(0, _inherits2["default"])(RootLinkTrigger, _Component);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_spin","_flexBox","_resolveColorEnhance","_keyboardFocusEnhance","style","sstyled","insert","RootLinkTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","createElement","cn","_objectSpread2","assignProps","addonTextChildren","Text","Component","_defineProperty2","size","keyboardFocusEnhance","resolveColorEnhance","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/LinkTrigger.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 Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"LinkTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_spin","_flexBox","_resolveColorEnhance","_keyboardFocusEnhance","style","_index","sstyled","insert","RootLinkTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","createElement","cn","_objectSpread2","assignProps","addonTextChildren","Text","Component","_defineProperty2","size","keyboardFocusEnhance","resolveColorEnhance","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/LinkTrigger.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 Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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"}
|
package/lib/es6/BaseTrigger.js
CHANGED
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/core";
|
|
7
|
+
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
8
8
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
10
10
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
@@ -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_1hujr_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_1hujr_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1hujr_gg_:active,.___SBaseTrigger_1hujr_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1hujr_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1hujr_gg_.__keyboardFocused_1hujr_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_1hujr_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1hujr_gg_.__active_1hujr_gg_,.___SBaseTrigger_1hujr_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1hujr_gg_.__disabled_1hujr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1hujr_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1hujr_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_1hujr_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1hujr_gg_{width:12px;height:12px}.___SBaseTrigger_1hujr_gg_._size_m_1hujr_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_1hujr_gg_._size_m_1hujr_gg_ .___SAddon_1hujr_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1hujr_gg_._size_m_1hujr_gg_ .___SAddon_1hujr_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1hujr_gg_._size_l_1hujr_gg_ .___SAddon_1hujr_gg_:only-child,.___SBaseTrigger_1hujr_gg_._size_m_1hujr_gg_ .___SAddon_1hujr_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1hujr_gg_._size_l_1hujr_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_1hujr_gg_._size_l_1hujr_gg_ .___SAddon_1hujr_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1hujr_gg_._size_l_1hujr_gg_ .___SAddon_1hujr_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1hujr_gg_._neighborLocation_right_1hujr_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1hujr_gg_._neighborLocation_both_1hujr_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1hujr_gg_._neighborLocation_left_1hujr_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1hujr_gg_.__display-placeholder_1hujr_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1hujr_gg_._state_valid_1hujr_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1hujr_gg_._state_invalid_1hujr_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1hujr_gg_._state_invalid_1hujr_gg_.__keyboardFocused_1hujr_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_1hujr_gg_._size_m_1hujr_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1hujr_gg_._size_l_1hujr_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1hujr_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBaseTrigger": "___SBaseTrigger_1hujr_gg_",
|
|
23
|
+
"_disabled": "__disabled_1hujr_gg_",
|
|
24
|
+
"__SInner": "___SInner_1hujr_gg_",
|
|
25
|
+
"__SText": "___SText_1hujr_gg_",
|
|
26
|
+
"__SAddon": "___SAddon_1hujr_gg_",
|
|
27
|
+
"__SBaseAddon": "___SBaseAddon_1hujr_gg_",
|
|
28
|
+
"_neighborLocation_right": "_neighborLocation_right_1hujr_gg_",
|
|
29
|
+
"_neighborLocation_both": "_neighborLocation_both_1hujr_gg_",
|
|
30
|
+
"_neighborLocation_left": "_neighborLocation_left_1hujr_gg_",
|
|
31
|
+
"_display-placeholder": "__display-placeholder_1hujr_gg_",
|
|
32
|
+
"_state_valid": "_state_valid_1hujr_gg_",
|
|
33
|
+
"__SInvalidPattern": "___SInvalidPattern_1hujr_gg_",
|
|
34
|
+
"_size_m": "_size_m_1hujr_gg_",
|
|
35
|
+
"_size_l": "_size_l_1hujr_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_1hujr_gg_",
|
|
37
|
+
"_active": "__active_1hujr_gg_",
|
|
38
|
+
"_state_invalid": "_state_invalid_1hujr_gg_"
|
|
39
39
|
});
|
|
40
40
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
41
41
|
_inherits(RootBaseTrigger, _Component);
|
package/lib/es6/ButtonTrigger.js
CHANGED
|
@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
3
3
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
4
4
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
5
5
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
6
|
-
import { sstyled as _sstyled } from "@semcore/core";
|
|
6
|
+
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
7
7
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
8
8
|
import React from 'react';
|
|
9
9
|
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
@@ -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_fw30c_gg_{width:12px;height:12px}.___SButtonTriggerSpin_fw30c_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "fw30c_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SButtonAddon": "___SButtonAddon_fw30c_gg_",
|
|
19
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_fw30c_gg_"
|
|
20
20
|
});
|
|
21
21
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
22
22
|
_inherits(RootButtonTrigger, _Component);
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -7,7 +7,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
|
|
|
7
7
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
8
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
9
9
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
10
|
-
import { sstyled as _sstyled } from "@semcore/core";
|
|
10
|
+
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
11
11
|
import { assignProps as _assignProps4 } from "@semcore/core";
|
|
12
12
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
13
13
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
@@ -30,13 +30,13 @@ import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
|
|
|
30
30
|
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
31
31
|
import { setFocus } from '@semcore/utils/lib/use/useFocusLock';
|
|
32
32
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
33
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
34
|
-
"__SWrapper": "
|
|
35
|
-
"_keyboardFocused": "
|
|
36
|
-
"__SCounter": "
|
|
37
|
-
"__SFilterTrigger": "
|
|
38
|
-
"_selected": "
|
|
39
|
-
"_active": "
|
|
33
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1d96f_gg_.__selected_1d96f_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_1d96f_gg_.__selected_1d96f_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1d96f_gg_.__selected_1d96f_gg_.__active_1d96f_gg_,.___SFilterTrigger_1d96f_gg_.__selected_1d96f_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1d96f_gg_{display:inline-flex}.___SWrapper_1d96f_gg_:focus{outline:0}.___SWrapper_1d96f_gg_.__keyboardFocused_1d96f_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1d96f_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1d96f_gg_") /*__reshadow_css_end__*/, {
|
|
34
|
+
"__SWrapper": "___SWrapper_1d96f_gg_",
|
|
35
|
+
"_keyboardFocused": "__keyboardFocused_1d96f_gg_",
|
|
36
|
+
"__SCounter": "___SCounter_1d96f_gg_",
|
|
37
|
+
"__SFilterTrigger": "___SFilterTrigger_1d96f_gg_",
|
|
38
|
+
"_selected": "__selected_1d96f_gg_",
|
|
39
|
+
"_active": "__active_1d96f_gg_"
|
|
40
40
|
});
|
|
41
41
|
import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
|
|
42
42
|
var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
|
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
|
-
import { sstyled as _sstyled } from "@semcore/core";
|
|
7
|
+
import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
|
|
8
8
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
10
10
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
@@ -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_lg0lb_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_lg0lb_gg_.__active_lg0lb_gg_,.___SLinkTrigger_lg0lb_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_lg0lb_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_lg0lb_gg_.__active_lg0lb_gg_ .___SText_lg0lb_gg_,.___SLinkTrigger_lg0lb_gg_:active .___SText_lg0lb_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_lg0lb_gg_:hover .___SText_lg0lb_gg_{border-color:currentColor}}.___SLinkTrigger_lg0lb_gg_ .___SText_lg0lb_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_lg0lb_gg_.__color_lg0lb_gg_{color:var(--color_lg0lb)}@media (hover:hover){.___SLinkTrigger_lg0lb_gg_.__color_lg0lb_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_lg0lb_gg_.__disabled_lg0lb_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_lg0lb_gg_.__keyboardFocused_lg0lb_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_lg0lb_gg_,.___SLinkAddon_lg0lb_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_lg0lb_gg_:not(:only-child):first-child,.___SLinkAddon_lg0lb_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_lg0lb_gg_:not(:only-child):last-child,.___SLinkAddon_lg0lb_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_lg0lb_gg_{width:16px;height:16px}.___SLinkTrigger_lg0lb_gg_._size_m_lg0lb_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_lg0lb_gg_._size_l_lg0lb_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_lg0lb_gg_,.___SLinkTrigger_lg0lb_gg_ .___SText_lg0lb_gg_{transition:none}}" /*__inner_css_end__*/, "lg0lb_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SLinkTrigger": "___SLinkTrigger_lg0lb_gg_",
|
|
22
|
+
"_disabled": "__disabled_lg0lb_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_lg0lb_gg_",
|
|
24
|
+
"__SLinkAddon": "___SLinkAddon_lg0lb_gg_",
|
|
25
|
+
"_size_m": "_size_m_lg0lb_gg_",
|
|
26
|
+
"_size_l": "_size_l_lg0lb_gg_",
|
|
27
|
+
"_active": "__active_lg0lb_gg_",
|
|
28
|
+
"__SText": "___SText_lg0lb_gg_",
|
|
29
|
+
"_color": "__color_lg0lb_gg_",
|
|
30
|
+
"--color": "--color_lg0lb",
|
|
31
|
+
"__SAddon": "___SAddon_lg0lb_gg_"
|
|
32
32
|
});
|
|
33
33
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
34
34
|
_inherits(RootLinkTrigger, _Component);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/base-trigger",
|
|
3
3
|
"description": "Semrush BaseTrigger Component",
|
|
4
|
-
"version": "4.
|
|
4
|
+
"version": "4.35.0-prerelease.1",
|
|
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.
|
|
13
|
-
"@semcore/flex-box": "5.
|
|
14
|
-
"@semcore/icon": "4.
|
|
15
|
-
"@semcore/neighbor-location": "4.
|
|
16
|
-
"@semcore/spin": "5.
|
|
17
|
-
"@semcore/utils": "4.
|
|
12
|
+
"@semcore/dot": "5.24.0-prerelease.1",
|
|
13
|
+
"@semcore/flex-box": "5.25.0-prerelease.1",
|
|
14
|
+
"@semcore/icon": "4.34.0-prerelease.1",
|
|
15
|
+
"@semcore/neighbor-location": "4.23.0-prerelease.1",
|
|
16
|
+
"@semcore/spin": "5.24.0-prerelease.1",
|
|
17
|
+
"@semcore/utils": "4.26.1-prerelease.1"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
20
|
-
"@semcore/core": "^2.
|
|
20
|
+
"@semcore/core": "^2.23.0-prerelease.1",
|
|
21
21
|
"react": "16.8 - 18",
|
|
22
22
|
"react-dom": "16.8 - 18"
|
|
23
23
|
},
|