@semcore/base-trigger 17.2.1 → 18.0.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 +6 -0
- package/lib/cjs/BaseTrigger.js +16 -17
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +4 -5
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +15 -10
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/style/base-trigger.shadow.css +24 -54
- package/lib/cjs/style/button-trigger.shadow.css +6 -3
- package/lib/cjs/style/filter-trigger.shadow.css +87 -9
- package/lib/es6/BaseTrigger.js +16 -17
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +4 -5
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +16 -11
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/base-trigger.shadow.css +24 -54
- package/lib/es6/style/button-trigger.shadow.css +6 -3
- package/lib/es6/style/filter-trigger.shadow.css +87 -9
- package/lib/esm/BaseTrigger.mjs +17 -18
- package/lib/esm/ButtonTrigger.mjs +5 -6
- package/lib/esm/FilterTrigger.mjs +17 -12
- package/lib/esm/style/base-trigger.shadow.css +24 -54
- package/lib/esm/style/button-trigger.shadow.css +6 -3
- package/lib/esm/style/filter-trigger.shadow.css +87 -9
- package/lib/types/index.d.ts +8 -8
- package/package.json +12 -12
package/CHANGELOG.md
CHANGED
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -14,25 +14,24 @@ var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
|
14
14
|
var _typography = require("@semcore/typography");
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
|
16
16
|
/*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
17
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
17
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_1hynq_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;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-control-select-trigger-normal,oklch(1 0 0));font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#000c0829);color:var(--intergalactic-text-primary,oklch(.1 .03 137/.899));border-radius:var(--intergalactic-control-rounded,6px);padding:0 var(--intergalactic-spacing-content-padding-medium,12px)}@media (color-gamut:p3){.___SBaseTrigger_1hynq_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SBaseTrigger_1hynq_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_1hynq_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1hynq_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1hynq_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active,oklch(.7 .131 275.2))}@media (hover:hover){.___SBaseTrigger_1hynq_gg_:hover{background-color:var(--intergalactic-control-select-trigger-hover,oklch(.97 .001 180))}}.___SBaseTrigger_1hynq_gg_.__active_1hynq_gg_,.___SBaseTrigger_1hynq_gg_:active{border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2))}@media (hover:hover){.___SBaseTrigger_1hynq_gg_.__active_1hynq_gg_:hover,.___SBaseTrigger_1hynq_gg_:active:hover{background:var(--intergalactic-control-select-trigger-normal,oklch(1 0 0))}}.___SBaseTrigger_1hynq_gg_.__disabled_1hynq_gg_{opacity:var(--intergalactic-disabled-opacity,.4);cursor:default;pointer-events:none}.___SInner_1hynq_gg_{display:inline-flex;align-items:center;justify-content:center;gap:var(--intergalactic-spacing-content-gap-medium,6px);height:100%;width:100%}.___SText_1hynq_gg_{display:inline;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex-grow:1;text-align:left}.___SAddon_1hynq_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SAddon_1hynq_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-content-gap-small, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-content-gap-small, 4px)*-1)}.___SBaseTrigger_1hynq_gg_._size_m_1hynq_gg_{min-width:var(--intergalactic-form-control-m,32px);height:var(--intergalactic-form-control-m,32px);font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,1.4286)}.___SBaseTrigger_1hynq_gg_._size_l_1hynq_gg_{min-width:var(--intergalactic-form-control-l,44px);height:var(--intergalactic-form-control-l,44px);font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,1.5)}.___SBaseTrigger_1hynq_gg_._neighborLocation_right_1hynq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1hynq_gg_._neighborLocation_both_1hynq_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1hynq_gg_._neighborLocation_left_1hynq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_1hynq_gg_._neighborLocation_left_1hynq_gg_.__disabled_1hynq_gg_{border-left:none;margin-left:0}.___SText_1hynq_gg_.__display-placeholder_1hynq_gg_{color:var(--intergalactic-text-placeholder,#00060356)}@media (color-gamut:p3){.___SText_1hynq_gg_.__display-placeholder_1hynq_gg_{color:var(--intergalactic-text-placeholder,oklch(.109 .023 165.5/.337))}}.___SBaseTrigger_1hynq_gg_._state_valid_1hynq_gg_{border-color:var(--intergalactic-border-success-active,#00b991)}@media (color-gamut:p3){.___SBaseTrigger_1hynq_gg_._state_valid_1hynq_gg_{border-color:var(--intergalactic-border-success-active,oklch(.7 .166 170))}}.___SBaseTrigger_1hynq_gg_._state_invalid_1hynq_gg_{border-color:var(--intergalactic-border-critical-active,#ff6364)}@media (color-gamut:p3){.___SBaseTrigger_1hynq_gg_._state_invalid_1hynq_gg_{border-color:var(--intergalactic-border-critical-active,oklch(.7 .21 23))}}.___SBaseTrigger_1hynq_gg_._state_invalid_1hynq_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline,oklch(.628 .257 28.9/.652))}.___SInvalidPattern_1hynq_gg_._size_l_1hynq_gg_,.___SInvalidPattern_1hynq_gg_._size_m_1hynq_gg_{margin-left:calc(var(--intergalactic-spacing-content-padding-medium, 12px)*-1)}", /*__inner_css_end__*/"1hynq_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SBaseTrigger": "
|
|
21
|
-
"_disabled": "
|
|
22
|
-
"__SInner": "
|
|
23
|
-
"__SText": "
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"_neighborLocation_right": "
|
|
27
|
-
"_neighborLocation_both": "
|
|
28
|
-
"_display-placeholder": "__display-
|
|
29
|
-
"_state_valid": "
|
|
30
|
-
"__SInvalidPattern": "
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"_state_invalid": "_state_invalid_9qkze_gg_"
|
|
20
|
+
"__SBaseTrigger": "___SBaseTrigger_1hynq_gg_",
|
|
21
|
+
"_disabled": "__disabled_1hynq_gg_",
|
|
22
|
+
"__SInner": "___SInner_1hynq_gg_",
|
|
23
|
+
"__SText": "___SText_1hynq_gg_",
|
|
24
|
+
"_size_m": "_size_m_1hynq_gg_",
|
|
25
|
+
"_size_l": "_size_l_1hynq_gg_",
|
|
26
|
+
"_neighborLocation_right": "_neighborLocation_right_1hynq_gg_",
|
|
27
|
+
"_neighborLocation_both": "_neighborLocation_both_1hynq_gg_",
|
|
28
|
+
"_display-placeholder": "__display-placeholder_1hynq_gg_",
|
|
29
|
+
"_state_valid": "_state_valid_1hynq_gg_",
|
|
30
|
+
"__SInvalidPattern": "___SInvalidPattern_1hynq_gg_",
|
|
31
|
+
"_active": "__active_1hynq_gg_",
|
|
32
|
+
"__SAddon": "___SAddon_1hynq_gg_",
|
|
33
|
+
"_neighborLocation_left": "_neighborLocation_left_1hynq_gg_",
|
|
34
|
+
"_state_invalid": "_state_invalid_1hynq_gg_"
|
|
36
35
|
});
|
|
37
36
|
class RootBaseTrigger extends _core.Component {
|
|
38
37
|
constructor(...args) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_typography","_react","style","sstyled","insert","RootBaseTrigger","Component","constructor","args","_defineProperty2","default","React","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","Children","styles","theme","neighborLocation","state","size","createElement","NeighborLocation","Detect","_ref4","cn","assignProps","addonTextChildren","BaseTrigger","Text","Addon","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","TextKit","textRef","useRef","children","ellipsis","content","Fragment","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, InvalidStateBox } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Text as TextKit } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\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 static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n triggerRef = React.createRef();\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n triggerRef: this.triggerRef,\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 // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger\n render={Box}\n tag='button'\n type='button'\n tabIndex={0}\n neighborLocation={neighborLocation}\n state={theme}\n ref={this.triggerRef}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner data-ui-name={`${this.asProps['data-ui-name']}.InnerTriggerWrapper`}>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const textRef = React.useRef();\n const { children, styles, empty, placeholder, triggerRef, ellipsis = false } = props;\n const content = empty ? placeholder : children;\n\n return sstyled(styles)(\n <>\n <SText\n render={TextKit}\n display-placeholder={empty}\n aria-hidden={empty}\n ref={textRef}\n ellipsis={ellipsis}\n hint:triggerRef={triggerRef}\n >\n {content}\n </SText>\n </>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\n/**\n * BaseTrigger\n *\n * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api/|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code/|Examples}\n */\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":";;;;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AADA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAJ,sBAAA,CAAAH,OAAA;AAA0B;AAAA,MAAAQ,KAAA,8BAAAT,KAAA,CAAAU,OAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_typography","_react","style","sstyled","insert","RootBaseTrigger","Component","constructor","args","_defineProperty2","default","React","createRef","getTextProps","placeholder","empty","asProps","triggerRef","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","Children","styles","theme","neighborLocation","state","size","createElement","NeighborLocation","Detect","_ref4","cn","assignProps","addonTextChildren","BaseTrigger","Text","Addon","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","TextKit","textRef","useRef","children","ellipsis","content","Fragment","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, InvalidStateBox } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Text as TextKit } from '@semcore/typography';\nimport React from 'react';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\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 static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n triggerRef = React.createRef();\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n triggerRef: this.triggerRef,\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 // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger\n render={Box}\n tag='button'\n type='button'\n tabIndex={0}\n neighborLocation={neighborLocation}\n state={theme}\n ref={this.triggerRef}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner data-ui-name={`${this.asProps['data-ui-name']}.InnerTriggerWrapper`}>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const textRef = React.useRef();\n const { children, styles, empty, placeholder, triggerRef, ellipsis = false } = props;\n const content = empty ? placeholder : children;\n\n return sstyled(styles)(\n <>\n <SText\n render={TextKit}\n display-placeholder={empty}\n aria-hidden={empty}\n ref={textRef}\n ellipsis={ellipsis}\n hint:triggerRef={triggerRef}\n >\n {content}\n </SText>\n </>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\n/**\n * BaseTrigger\n *\n * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api/|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code/|Examples}\n */\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -15,11 +15,11 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
|
16
16
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
17
17
|
/*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
18
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_1qcck_gg_{width:var(--intergalactic-spacing-3x,12px);height:var(--intergalactic-spacing-3x,12px);color:var(--intergalactic-icon-non-interactive,#00040180);position:relative;left:var(--intergalactic-spacing-05x,2px)}@media (color-gamut:p3){.___SButtonAddon_1qcck_gg_{color:var(--intergalactic-icon-non-interactive,oklch(.094 .024 153.9/.503))}}.___SButtonTriggerSpin_1qcck_gg_{fill:var(--intergalactic-icon-non-interactive,#00040180)}@media (color-gamut:p3){.___SButtonTriggerSpin_1qcck_gg_{fill:var(--intergalactic-icon-non-interactive,oklch(.094 .024 153.9/.503))}}", /*__inner_css_end__*/"1qcck_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SButtonAddon": "
|
|
22
|
-
"__SButtonTriggerSpin": "
|
|
21
|
+
"__SButtonAddon": "___SButtonAddon_1qcck_gg_",
|
|
22
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1qcck_gg_"
|
|
23
23
|
});
|
|
24
24
|
class RootButtonTrigger extends _core.Component {
|
|
25
25
|
getTextProps() {
|
|
@@ -48,8 +48,7 @@ class RootButtonTrigger extends _core.Component {
|
|
|
48
48
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_BaseTrigger.default, (0, _core.assignProps)({
|
|
49
49
|
"use:disabled": disabled || loading
|
|
50
50
|
}, _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", {
|
|
51
|
-
"size": 'xs'
|
|
52
|
-
"theme": false
|
|
51
|
+
"size": 'xs'
|
|
53
52
|
})) : /*#__PURE__*/_react.default.createElement(_m.default, _ref2.cn("ChevronDown", {}))));
|
|
54
53
|
}
|
|
55
54
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","style","sstyled","insert","RootButtonTrigger","Component","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","Children","styles","loading","disabled","chevron","empty","default","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\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 static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\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, disabled, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} use:disabled={disabled || loading}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs'
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","style","sstyled","insert","RootButtonTrigger","Component","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","Children","styles","loading","disabled","chevron","empty","default","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\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 static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\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, disabled, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} use:disabled={disabled || loading}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\n/**\n * ButtonTrigger\n *\n * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#buttontrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#buttontrigger|Examples}\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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","ignoreList":[]}
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -25,13 +25,18 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
25
25
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
26
26
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
27
27
|
/*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
28
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
28
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___STrigger_3xqvi_gg_{position:relative}.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_:not(.__empty_3xqvi_gg_){border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_:not(.__empty_3xqvi_gg_):before{content:\"\";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;background-color:var(--intergalactic-border-primary,#000c0829);transition:height calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-out}@media (color-gamut:p3){.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_:not(.__empty_3xqvi_gg_):before{background-color:var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_._size_m_3xqvi_gg_:not(.__empty_3xqvi_gg_):before{height:16px}.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_._size_l_3xqvi_gg_:not(.__empty_3xqvi_gg_):before{height:24px}.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_.__active_3xqvi_gg_:not(.__empty_3xqvi_gg_):before,.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_:not(.__empty_3xqvi_gg_):active:before{height:calc(100% - 2px)}.___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_.__disabled_3xqvi_gg_:not(.__empty_3xqvi_gg_){opacity:1}.___SClear_3xqvi_gg_{border-top-left-radius:0;border-bottom-left-radius:0}.___SClear_3xqvi_gg_.__disabled_3xqvi_gg_{opacity:1}@media (hover:hover){.___SWrapper_3xqvi_gg_:hover:not(:has(.__disabled_3xqvi_gg_)) .___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_._size_l_3xqvi_gg_:not(.__empty_3xqvi_gg_):before,.___SWrapper_3xqvi_gg_:hover:not(:has(.__disabled_3xqvi_gg_)) .___STrigger_3xqvi_gg_._role_combobox_3xqvi_gg_._size_m_3xqvi_gg_:not(.__empty_3xqvi_gg_):before{height:calc(100% - 2px)}}.___SWrapper_3xqvi_gg_{display:inline-flex;position:relative;border-radius:var(--intergalactic-control-rounded,6px)}.___SWrapper_3xqvi_gg_:after{content:\"\";position:absolute;border:1px solid var(--intergalactic-border-primary,#000c0829);border-radius:var(--intergalactic-control-rounded,6px);top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}@media (color-gamut:p3){.___SWrapper_3xqvi_gg_:after{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_.__active_3xqvi_gg_,.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_:active,.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_:has(.___STrigger_3xqvi_gg_:focus-visible){background-color:var(--intergalactic-control-select-trigger-active,oklch(.96 .001 180))}.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_.__active_3xqvi_gg_ .___STrigger_3xqvi_gg_,.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_:active .___STrigger_3xqvi_gg_,.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_:has(.___STrigger_3xqvi_gg_:focus-visible) .___STrigger_3xqvi_gg_{background:var(--intergalactic-control-select-trigger-normal,oklch(1 0 0))}.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_.__active_3xqvi_gg_:after,.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_:active:after,.___SWrapper_3xqvi_gg_.__empty_3xqvi_gg_:has(.___STrigger_3xqvi_gg_:focus-visible):after{border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2))}.___SWrapper_3xqvi_gg_:focus{outline:none}.___SWrapper_3xqvi_gg_.__disabled_3xqvi_gg_{opacity:var(--intergalactic-disabled-opacity,.4)}.___SWrapper_3xqvi_gg_ :is(.___SClear_3xqvi_gg_,.___STrigger_3xqvi_gg_){border:none}.___SWrapper_3xqvi_gg_ :is(.___SClear_3xqvi_gg_.__active_3xqvi_gg_,.___SClear_3xqvi_gg_:active,.___STrigger_3xqvi_gg_.__active_3xqvi_gg_,.___STrigger_3xqvi_gg_:active){background-color:var(--intergalactic-control-select-trigger-active,oklch(.96 .001 180))}", /*__inner_css_end__*/"3xqvi_gg_"),
|
|
29
29
|
/*__reshadow_css_end__*/
|
|
30
30
|
{
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
31
|
+
"__STrigger": "___STrigger_3xqvi_gg_",
|
|
32
|
+
"_role_combobox": "_role_combobox_3xqvi_gg_",
|
|
33
|
+
"_empty": "__empty_3xqvi_gg_",
|
|
34
|
+
"_size_m": "_size_m_3xqvi_gg_",
|
|
35
|
+
"_size_l": "_size_l_3xqvi_gg_",
|
|
36
|
+
"_active": "__active_3xqvi_gg_",
|
|
37
|
+
"_disabled": "__disabled_3xqvi_gg_",
|
|
38
|
+
"__SClear": "___SClear_3xqvi_gg_",
|
|
39
|
+
"__SWrapper": "___SWrapper_3xqvi_gg_"
|
|
35
40
|
});
|
|
36
41
|
const filterTriggerInputProps = [..._inputProps.inputProps, 'aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role'];
|
|
37
42
|
class RootFilterTrigger extends _core.Component {
|
|
@@ -124,7 +129,7 @@ class RootFilterTrigger extends _core.Component {
|
|
|
124
129
|
"use:aria-label": undefined,
|
|
125
130
|
"use:aria-labelledby": undefined
|
|
126
131
|
}, _ref)
|
|
127
|
-
}),
|
|
132
|
+
}), advancedMode ? /*#__PURE__*/_react.default.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FilterTrigger.TriggerButton, null, /*#__PURE__*/_react.default.createElement(Children, _ref5.cn("Children", {}))), !empty && /*#__PURE__*/_react.default.createElement(FilterTrigger.ClearButton, null)));
|
|
128
133
|
}
|
|
129
134
|
}
|
|
130
135
|
(0, _defineProperty2.default)(RootFilterTrigger, "displayName", 'FilterTrigger');
|
|
@@ -149,14 +154,14 @@ class TriggerButton extends _core.Component {
|
|
|
149
154
|
render() {
|
|
150
155
|
var _ref2 = this.asProps,
|
|
151
156
|
_ref6;
|
|
152
|
-
const
|
|
157
|
+
const STrigger = _BaseTrigger.default;
|
|
153
158
|
const {
|
|
154
159
|
Children,
|
|
155
160
|
styles,
|
|
156
161
|
empty,
|
|
157
162
|
triggerRef
|
|
158
163
|
} = this.asProps;
|
|
159
|
-
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(
|
|
164
|
+
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(STrigger, _ref6.cn("STrigger", {
|
|
160
165
|
...(0, _core.assignProps)({
|
|
161
166
|
"use:role": 'combobox',
|
|
162
167
|
"w": '100%',
|
|
@@ -180,7 +185,7 @@ class ClearButton extends _core.Component {
|
|
|
180
185
|
render() {
|
|
181
186
|
var _ref3 = this.asProps,
|
|
182
187
|
_ref7;
|
|
183
|
-
const
|
|
188
|
+
const SClear = _BaseTrigger.default;
|
|
184
189
|
const {
|
|
185
190
|
styles,
|
|
186
191
|
empty,
|
|
@@ -191,7 +196,7 @@ class ClearButton extends _core.Component {
|
|
|
191
196
|
title
|
|
192
197
|
} = this.asProps;
|
|
193
198
|
if (empty) return null;
|
|
194
|
-
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(
|
|
199
|
+
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(SClear, _ref7.cn("SClear", {
|
|
195
200
|
...(0, _core.assignProps)({
|
|
196
201
|
"ref": this.triggerRef,
|
|
197
202
|
"size": size,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_assignProps5","_animatedSizeEnhance","_i18nEnhance","_findComponent","_inputProps","_interopRequireWildcard","_uniqueID","_useFocusLock","_useCssVariable","_counter","_m","_m2","_react","_BaseTrigger","_intergalacticDynamicLocales","style","sstyled","insert","filterTriggerInputProps","inputProps","RootFilterTrigger","Component","constructor","args","_defineProperty2","default","e","key","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","getTriggerButtonProps","empty","size","placeholder","active","disabled","includeInputProps","_dataUiName","other","controlProps","getInputProps","selected","getClearButtonProps","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","Box","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","NeighborLocation","Fragment","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_ref2","_ref6","SFilterTrigger","BaseTrigger","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_ref3","_ref7","ariaLabel","title","Close","Hint","count","_ref4","arguments[0]","_ref8","SCounter","SemcoreCounter","ScreenReaderOnly","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, ScreenReaderOnly, Hint } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { default as SemcoreCounter } from '@semcore/counter';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Close from '@semcore/icon/Close/m';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/filter-trigger.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => {\n if (e.key === 'Escape') return;\n\n e.stopPropagation();\n };\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': _dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText, size } = this.asProps;\n\n return {\n getI18nText,\n size,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n use:role='combobox'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n triggerRef = React.createRef();\n\n render() {\n const SFilterTrigger = Root;\n const {\n styles,\n empty,\n size,\n disabled,\n getI18nText,\n 'aria-label': ariaLabel,\n title,\n } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <>\n <SFilterTrigger\n ref={this.triggerRef}\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={title ?? ariaLabel ?? getI18nText('clear')}\n __excludeProps={['title']}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n\n <Hint triggerRef={this.triggerRef}>{title ?? ariaLabel ?? getI18nText('clear')}</Hint>\n </>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={SemcoreCounter} theme='info'>\n {count !== undefined\n ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n )\n : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\n/**\n * FilterTrigger\n *\n * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#filtertrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#filtertrigger|Examples}\n */\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_assignProps5","_animatedSizeEnhance","_i18nEnhance","_findComponent","_inputProps","_interopRequireWildcard","_uniqueID","_useFocusLock","_useCssVariable","_counter","_m","_m2","_react","_BaseTrigger","_intergalacticDynamicLocales","style","sstyled","insert","filterTriggerInputProps","inputProps","RootFilterTrigger","Component","constructor","args","_defineProperty2","default","e","key","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","getTriggerButtonProps","empty","size","placeholder","active","disabled","includeInputProps","_dataUiName","other","controlProps","getInputProps","selected","getClearButtonProps","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","Box","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","Fragment","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_ref2","_ref6","STrigger","BaseTrigger","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_ref3","_ref7","SClear","ariaLabel","title","Close","Hint","count","_ref4","arguments[0]","_ref8","SCounter","SemcoreCounter","ScreenReaderOnly","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import { Box, ScreenReaderOnly, Hint } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { default as SemcoreCounter } from '@semcore/counter';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Close from '@semcore/icon/Close/m';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/filter-trigger.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => {\n if (e.key === 'Escape') return;\n\n e.stopPropagation();\n };\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': _dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText, size } = this.asProps;\n\n return {\n getI18nText,\n size,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n {advancedMode\n ? (\n <Children />\n )\n : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const STrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <STrigger\n render={BaseTrigger}\n use:role='combobox'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </STrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n triggerRef = React.createRef();\n\n render() {\n const SClear = Root;\n const {\n styles,\n empty,\n size,\n disabled,\n getI18nText,\n 'aria-label': ariaLabel,\n title,\n } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <>\n <SClear\n ref={this.triggerRef}\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={title ?? ariaLabel ?? getI18nText('clear')}\n __excludeProps={['title']}\n >\n <FilterTrigger.Addon tag={Close} />\n </SClear>\n\n <Hint triggerRef={this.triggerRef}>{title ?? ariaLabel ?? getI18nText('clear')}</Hint>\n </>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={SemcoreCounter} theme='info'>\n {count !== undefined\n ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n )\n : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\n/**\n * FilterTrigger\n *\n * {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-api#filtertrigger|API} | {@link https://developer.semrush.com/intergalactic/components/base-trigger/base-trigger-code#filtertrigger|Examples}\n */\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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","ignoreList":[]}
|
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 type {
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import type { NSBox, NSNeighborLocation } from '@semcore/base-components';\nimport type { NSButtonLink } from '@semcore/button';\nimport type { Intergalactic } from '@semcore/core';\nimport type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport type { NSCounter } from '@semcore/counter';\nimport type { Text } from '@semcore/typography';\nimport type React from 'react';\n\nexport type BaseTriggerProps = NSBox.Props &\n NSNeighborLocation.Detect.Props &\n WithAnimatedSizeEnhanceProps & {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n };\n\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /**\n * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\n};\n\nexport type LinkTriggerProps = NSButtonLink.Props & {\n /** Sets the loading state */\n loading?: boolean;\n /** Placeholder text */\n placeholder?: React.ReactNode;\n /** Responsible for placeholder displaying */\n empty?: boolean;\n};\n\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n /** Specifies the locale for i18n support */\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\nexport type FilterTriggerCounterProps = {\n /** Count for render */\n count?: number;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Text;\n Addon: NSBox.Component;\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: NSButtonLink.Text.Component;\n Addon: NSButtonLink.Addon.Component;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', NSCounter.Props & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\n};\n\n/**\n * @deprecated. Use one this: ButtonTrigger, FilterTrigger, LinkTrigger.\n */\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -8,7 +8,6 @@ SBaseTrigger {
|
|
|
8
8
|
white-space: nowrap;
|
|
9
9
|
user-select: none;
|
|
10
10
|
box-sizing: border-box;
|
|
11
|
-
padding: 0;
|
|
12
11
|
margin: 0;
|
|
13
12
|
box-shadow: none;
|
|
14
13
|
text-decoration: none;
|
|
@@ -19,12 +18,15 @@ SBaseTrigger {
|
|
|
19
18
|
font-family: inherit;
|
|
20
19
|
cursor: pointer;
|
|
21
20
|
|
|
22
|
-
background: var(--intergalactic-
|
|
21
|
+
background: var(--intergalactic-control-select-trigger-normal, oklch(1 0 0));
|
|
23
22
|
|
|
24
23
|
font-weight: var(--intergalactic-regular, 400);
|
|
25
24
|
border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
|
|
26
25
|
color: var(--intergalactic-text-primary, oklch(0.1 0.03 137 / 0.899));
|
|
27
26
|
|
|
27
|
+
border-radius: var(--intergalactic-control-rounded, 6px);
|
|
28
|
+
padding: 0 var(--intergalactic-spacing-content-padding-medium, 12px);
|
|
29
|
+
|
|
28
30
|
&::-moz-focus-inner {
|
|
29
31
|
border: none;
|
|
30
32
|
padding: 0;
|
|
@@ -40,13 +42,17 @@ SBaseTrigger {
|
|
|
40
42
|
}
|
|
41
43
|
|
|
42
44
|
&:hover {
|
|
43
|
-
background-color: var(--intergalactic-
|
|
45
|
+
background-color: var(--intergalactic-control-select-trigger-hover, oklch(0.97 0.001 180));
|
|
44
46
|
}
|
|
45
47
|
|
|
46
48
|
&:active,
|
|
47
49
|
&[active] {
|
|
48
50
|
border-color: var(--intergalactic-border-info-active, oklch(0.7 0.131 275.2));
|
|
49
|
-
|
|
51
|
+
|
|
52
|
+
&:hover {
|
|
53
|
+
background: var(--intergalactic-control-select-trigger-normal, oklch(1 0 0));
|
|
54
|
+
}
|
|
55
|
+
/*background-color: var(--intergalactic-control-select-trigger-active, oklch(0.96 0.001 180));*/
|
|
50
56
|
}
|
|
51
57
|
}
|
|
52
58
|
|
|
@@ -61,6 +67,7 @@ SInner {
|
|
|
61
67
|
display: inline-flex;
|
|
62
68
|
align-items: center;
|
|
63
69
|
justify-content: center;
|
|
70
|
+
gap: var(--intergalactic-spacing-content-gap-medium, 6px);
|
|
64
71
|
height: 100%;
|
|
65
72
|
width: 100%;
|
|
66
73
|
}
|
|
@@ -68,11 +75,9 @@ SInner {
|
|
|
68
75
|
SText {
|
|
69
76
|
display: inline;
|
|
70
77
|
/* disable-tokens-validator */
|
|
71
|
-
padding: 1px 0;
|
|
72
78
|
overflow: hidden;
|
|
73
79
|
white-space: nowrap;
|
|
74
80
|
text-overflow: ellipsis;
|
|
75
|
-
line-height: var(--intergalactic-lh-200, 142%);
|
|
76
81
|
flex-grow: 1;
|
|
77
82
|
text-align: left;
|
|
78
83
|
}
|
|
@@ -83,57 +88,25 @@ SAddon {
|
|
|
83
88
|
justify-content: center;
|
|
84
89
|
flex-shrink: 0;
|
|
85
90
|
pointer-events: none;
|
|
86
|
-
}
|
|
87
91
|
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
92
|
+
&:only-child {
|
|
93
|
+
margin-left: calc(-1 * var(--intergalactic-spacing-content-gap-small, 4px));
|
|
94
|
+
margin-right: calc(-1 * var(--intergalactic-spacing-content-gap-small, 4px));
|
|
95
|
+
}
|
|
91
96
|
}
|
|
92
97
|
|
|
93
98
|
SBaseTrigger[size='m'] {
|
|
94
|
-
min-width:
|
|
95
|
-
height:
|
|
96
|
-
border-radius: var(--intergalactic-control-rounded, 6px);
|
|
97
|
-
padding: 0 var(--intergalactic-spacing-2x, 8px);
|
|
99
|
+
min-width: var(--intergalactic-form-control-m, 32px);
|
|
100
|
+
height: var(--intergalactic-form-control-m, 32px);
|
|
98
101
|
font-size: var(--intergalactic-fs-200, 14px);
|
|
99
|
-
|
|
100
|
-
& SAddon {
|
|
101
|
-
&:not(:only-child):first-child {
|
|
102
|
-
margin-right: var(--intergalactic-spacing-2x, 8px);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
&:not(:only-child):last-child {
|
|
106
|
-
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
&:only-child {
|
|
110
|
-
margin-left: calc(-1 * var(--intergalactic-spacing-1x, 4px));
|
|
111
|
-
margin-right: calc(-1 * var(--intergalactic-spacing-1x, 4px));
|
|
112
|
-
}
|
|
113
|
-
}
|
|
102
|
+
line-height: var(--intergalactic-lh-200, 1.4286);
|
|
114
103
|
}
|
|
115
104
|
|
|
116
105
|
SBaseTrigger[size='l'] {
|
|
117
|
-
min-width:
|
|
118
|
-
height:
|
|
119
|
-
border-radius: var(--intergalactic-control-rounded, 6px);
|
|
120
|
-
padding: 0 var(--intergalactic-spacing-3x, 12px);
|
|
106
|
+
min-width: var(--intergalactic-form-control-l, 44px);
|
|
107
|
+
height: var(--intergalactic-form-control-l, 44px);
|
|
121
108
|
font-size: var(--intergalactic-fs-300, 16px);
|
|
122
|
-
|
|
123
|
-
& SAddon {
|
|
124
|
-
&:not(:only-child):first-child {
|
|
125
|
-
margin-right: var(--intergalactic-spacing-2x, 8px);
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
&:not(:only-child):last-child {
|
|
129
|
-
margin-left: var(--intergalactic-spacing-2x, 8px);
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
&:only-child {
|
|
133
|
-
margin-left: calc(-1 * var(--intergalactic-spacing-1x, 4px));
|
|
134
|
-
margin-right: calc(-1 * var(--intergalactic-spacing-1x, 4px));
|
|
135
|
-
}
|
|
136
|
-
}
|
|
109
|
+
line-height: var(--intergalactic-lh-300, 1.5);
|
|
137
110
|
}
|
|
138
111
|
|
|
139
112
|
SBaseTrigger[neighborLocation='right'] {
|
|
@@ -160,7 +133,7 @@ SBaseTrigger[neighborLocation='left'] {
|
|
|
160
133
|
}
|
|
161
134
|
|
|
162
135
|
SText[display-placeholder] {
|
|
163
|
-
color: var(--intergalactic-text-placeholder, oklch(0.
|
|
136
|
+
color: var(--intergalactic-text-placeholder, oklch(0.109 0.023 165.5 / 0.337));
|
|
164
137
|
}
|
|
165
138
|
|
|
166
139
|
SBaseTrigger[state='valid'] {
|
|
@@ -175,10 +148,7 @@ SBaseTrigger[state='invalid'] {
|
|
|
175
148
|
}
|
|
176
149
|
}
|
|
177
150
|
|
|
178
|
-
SInvalidPattern[size='m']
|
|
179
|
-
margin-left: calc(-1 * var(--intergalactic-spacing-2x, 8px));
|
|
180
|
-
}
|
|
181
|
-
|
|
151
|
+
SInvalidPattern[size='m'],
|
|
182
152
|
SInvalidPattern[size='l'] {
|
|
183
|
-
margin-left: calc(-1 * var(--intergalactic-spacing-
|
|
153
|
+
margin-left: calc(-1 * var(--intergalactic-spacing-content-padding-medium, 12px));
|
|
184
154
|
}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
SButtonAddon {
|
|
2
|
-
width: 12px;
|
|
3
|
-
height: 12px;
|
|
2
|
+
width: var(--intergalactic-spacing-3x, 12px);
|
|
3
|
+
height: var(--intergalactic-spacing-3x, 12px);
|
|
4
|
+
color: var(--intergalactic-icon-non-interactive, oklch(0.094 0.024 153.9 / 0.503));
|
|
5
|
+
position: relative;
|
|
6
|
+
left: var(--intergalactic-spacing-05x, 2px);
|
|
4
7
|
}
|
|
5
8
|
|
|
6
9
|
SButtonTriggerSpin {
|
|
7
|
-
fill: var(--intergalactic-icon-
|
|
10
|
+
fill: var(--intergalactic-icon-non-interactive, oklch(0.094 0.024 153.9 / 0.503));
|
|
8
11
|
}
|