@semcore/base-trigger 3.0.9 → 3.0.12
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 +18 -0
- package/lib/cjs/BaseTrigger.js +19 -19
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +4 -4
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +16 -16
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +14 -14
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/es6/BaseTrigger.js +19 -19
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +4 -4
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +16 -16
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +14 -14
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.0.12] - 2022-08-01
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.35.0 ~> 3.35.1]).
|
|
10
|
+
|
|
11
|
+
## [3.0.11] - 2022-07-25
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Version patch update due to children dependencies update (`@semcore/icon` [2.29.1 ~> 2.29.2]).
|
|
16
|
+
|
|
17
|
+
## [3.0.10] - 2022-07-22
|
|
18
|
+
|
|
19
|
+
### Changed
|
|
20
|
+
|
|
21
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.34.0 ~> 3.35.0]).
|
|
22
|
+
|
|
5
23
|
## [3.0.9] - 2022-07-21
|
|
6
24
|
|
|
7
25
|
### Changed
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -52,28 +52,28 @@ var style = (
|
|
|
52
52
|
/*__reshadow_css_start__*/
|
|
53
53
|
_core.sstyled.insert(
|
|
54
54
|
/*__inner_css_start__*/
|
|
55
|
-
".
|
|
55
|
+
".___SBaseTrigger_1dsbi_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;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;background:#fff;font-weight:400;border:1px solid #c4c7cf;color:#191b23}.___SBaseTrigger_1dsbi_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_1dsbi_gg_:active,.___SBaseTrigger_1dsbi_gg_:focus,.___SBaseTrigger_1dsbi_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_1dsbi_gg_.__keyboardFocused_1dsbi_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SBaseTrigger_1dsbi_gg_:hover{background-color:rgba(138,142,155,.2)}.___SBaseTrigger_1dsbi_gg_:active,.___SBaseTrigger_1dsbi_gg_.__active_1dsbi_gg_{background-color:rgba(138,142,155,.3)}.___SBaseTrigger_1dsbi_gg_.__disabled_1dsbi_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_1dsbi_gg_.__keyboardFocused_1dsbi_gg_{z-index:1}.___SInner_1dsbi_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1dsbi_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.42;flex-grow:1;text-align:left}.___SAddon_1dsbi_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1dsbi_gg_{width:12px;height:12px}.___SBaseTrigger_1dsbi_gg_._size_m_1dsbi_gg_{min-width:26px;height:28px;border-radius:6px;padding:0 8px;font-size:14px}.___SBaseTrigger_1dsbi_gg_._size_m_1dsbi_gg_ .___SAddon_1dsbi_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_1dsbi_gg_._size_m_1dsbi_gg_ .___SAddon_1dsbi_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_1dsbi_gg_._size_m_1dsbi_gg_ .___SAddon_1dsbi_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_1dsbi_gg_._size_l_1dsbi_gg_{min-width:32px;height:40px;border-radius:6px;padding:0 12px;font-size:16px}.___SBaseTrigger_1dsbi_gg_._size_l_1dsbi_gg_ .___SAddon_1dsbi_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_1dsbi_gg_._size_l_1dsbi_gg_ .___SAddon_1dsbi_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_1dsbi_gg_._size_l_1dsbi_gg_ .___SAddon_1dsbi_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_1dsbi_gg_._neighborLocation_right_1dsbi_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1dsbi_gg_._neighborLocation_both_1dsbi_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1dsbi_gg_._neighborLocation_left_1dsbi_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1dsbi_gg_.__placeholder_1dsbi_gg_{color:#a9abb6}.___SBaseTrigger_1dsbi_gg_._state_normal_1dsbi_gg_{border-color:#c4c7cf}.___SBaseTrigger_1dsbi_gg_._state_valid_1dsbi_gg_{border-color:#59ddaa}.___SBaseTrigger_1dsbi_gg_._state_invalid_1dsbi_gg_{border-color:#ffaeb5}.___SBaseTrigger_1dsbi_gg_._state_invalid_1dsbi_gg_.__keyboardFocused_1dsbi_gg_{border-color:#ff642d;box-shadow:0 0 0 3px rgba(255,100,45,.3)}"
|
|
56
56
|
/*__inner_css_end__*/
|
|
57
|
-
, "
|
|
57
|
+
, "1dsbi_gg_")
|
|
58
58
|
/*__reshadow_css_end__*/
|
|
59
59
|
, {
|
|
60
|
-
"__SBaseTrigger": "
|
|
61
|
-
"_keyboardFocused": "
|
|
62
|
-
"_active": "
|
|
63
|
-
"_disabled": "
|
|
64
|
-
"__SInner": "
|
|
65
|
-
"__SText": "
|
|
66
|
-
"__SAddon": "
|
|
67
|
-
"__SBaseAddon": "
|
|
68
|
-
"_size_m": "
|
|
69
|
-
"_size_l": "
|
|
70
|
-
"_neighborLocation_right": "
|
|
71
|
-
"_neighborLocation_both": "
|
|
72
|
-
"_neighborLocation_left": "
|
|
73
|
-
"_placeholder": "
|
|
74
|
-
"_state_normal": "
|
|
75
|
-
"_state_valid": "
|
|
76
|
-
"_state_invalid": "
|
|
60
|
+
"__SBaseTrigger": "___SBaseTrigger_1dsbi_gg_",
|
|
61
|
+
"_keyboardFocused": "__keyboardFocused_1dsbi_gg_",
|
|
62
|
+
"_active": "__active_1dsbi_gg_",
|
|
63
|
+
"_disabled": "__disabled_1dsbi_gg_",
|
|
64
|
+
"__SInner": "___SInner_1dsbi_gg_",
|
|
65
|
+
"__SText": "___SText_1dsbi_gg_",
|
|
66
|
+
"__SAddon": "___SAddon_1dsbi_gg_",
|
|
67
|
+
"__SBaseAddon": "___SBaseAddon_1dsbi_gg_",
|
|
68
|
+
"_size_m": "_size_m_1dsbi_gg_",
|
|
69
|
+
"_size_l": "_size_l_1dsbi_gg_",
|
|
70
|
+
"_neighborLocation_right": "_neighborLocation_right_1dsbi_gg_",
|
|
71
|
+
"_neighborLocation_both": "_neighborLocation_both_1dsbi_gg_",
|
|
72
|
+
"_neighborLocation_left": "_neighborLocation_left_1dsbi_gg_",
|
|
73
|
+
"_placeholder": "__placeholder_1dsbi_gg_",
|
|
74
|
+
"_state_normal": "_state_normal_1dsbi_gg_",
|
|
75
|
+
"_state_valid": "_state_valid_1dsbi_gg_",
|
|
76
|
+
"_state_invalid": "_state_invalid_1dsbi_gg_"
|
|
77
77
|
});
|
|
78
78
|
|
|
79
79
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","logger","warn","undefined","BaseTrigger","displayName","sstyled","addonTextChildren","Text","Addon","Component","style","size","keyboardFocusEnhance","neighborLocationEnhance","props","SText","children","SAddon","createComponent"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { neighborLocationEnhance } 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';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance(), neighborLocationEnhance()];\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 = 'div';\n const { Children, styles, theme } = 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 sstyled(styles)(\n <SBaseTrigger render={Box} state={theme}>\n <SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>\n </SBaseTrigger>,\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} use: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 BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAYMC,YAZxB;MACA,IAAMC,MAAM,GAAG,KAAf;MACA,qBAAoC,KAAKL,OAAzC;MAAA,IAAQM,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,MAAlB,kBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,kBAA0BA,KAA1B;;MAEAC,kBAAA,CAAOC,IAAP,CACEF,KAAK,KAAKG,SADZ,EAEE,iDAFF,EAGE,KAAKX,OAAL,CAAa,cAAb,KAAgCY,WAAW,CAACC,WAH9C,EALO,CAWP;;;MACA,eAAO,IAAAC,aAAA,EAAQP,MAAR,CAAP,eACE,gCAAC,YAAD;QAAA,SAAkCC;MAAlC,yBACE,gCAAC,MAAD,0BAAS,IAAAO,6BAAA,EAAkBT,QAAlB,EAA4BM,WAAW,CAACI,IAAxC,EAA8CJ,WAAW,CAACK,KAA1D,CAAT,CADF,CADF;IAKD;;;EAjC2BC,e;;iCAAxBnB,e,iBACiB,a;iCADjBA,e,WAEWoB,K;iCAFXpB,e,kBAGkB;EACpBqB,IAAI,EAAE;AADc,C;iCAHlBrB,e,aAMa,CAAC,IAAAsB,gCAAA,GAAD,EAAyB,IAAAC,yCAAA,GAAzB,C;;AA8BnB,SAASN,IAAT,CAAcO,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMpB,YALjB;EACA,IAAQqB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBlB,MAAlB,GAAiDgB,KAAjD,CAAkBhB,MAAlB;EAAA,IAA0BL,KAA1B,GAAiDqB,KAAjD,CAA0BrB,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDsB,KAAjD,CAAiCtB,WAAjC;EAEA,eAAO,IAAAa,aAAA,EAAQP,MAAR,CAAP;EAAA;;EACE;EACA,gCAAC,KAAD;IAAA,mBAAqCL;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBwB,QADzB,CAFF;AAMD;;AAED,SAASR,KAAT,CAAeM,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCtB,YAD7C;EACA,eAAO,IAAAU,aAAA,EAAQS,KAAK,CAAChB,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMK,WAAW,GAAG,IAAAe,gBAAA,EAAgB5B,eAAhB,EAAiC;EACnDiB,IAAI,EAAJA,IADmD;EAEnDC,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeL,W"}
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -46,13 +46,13 @@ var style = (
|
|
|
46
46
|
/*__reshadow_css_start__*/
|
|
47
47
|
_core.sstyled.insert(
|
|
48
48
|
/*__inner_css_start__*/
|
|
49
|
-
".
|
|
49
|
+
".___SButtonAddon_103af_gg_{width:12px;height:12px}.___SButtonTriggerSpin_103af_gg_{fill:#6c6e79}"
|
|
50
50
|
/*__inner_css_end__*/
|
|
51
|
-
, "
|
|
51
|
+
, "103af_gg_")
|
|
52
52
|
/*__reshadow_css_end__*/
|
|
53
53
|
, {
|
|
54
|
-
"__SButtonAddon": "
|
|
55
|
-
"__SButtonTriggerSpin": "
|
|
54
|
+
"__SButtonAddon": "___SButtonAddon_103af_gg_",
|
|
55
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_103af_gg_"
|
|
56
56
|
});
|
|
57
57
|
|
|
58
58
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","asProps","Children","styles","loading","sstyled","BaseTrigger","addonTextChildren","Text","Component","style","createComponent","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <ChevronDown />}\n </SButtonAddon>\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":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;WAIJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;MACA,IAAMC,kBAAkB,GAAGC,gBAA3B;MACA,oBAAsC,KAAKC,OAA3C;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAEA,eAAO,IAAAC,aAAA,EAAQF,MAAR,CAAP,eACE,gCAAcG,uBAAd,oCACG,IAAAC,6BAAA,EAAkBL,QAAlB,EAA4BL,aAAa,CAACW,IAA1C,EAAgDX,aAAa,CAACC,KAA9D,CADH,eAEE,gCAAC,YAAD,gCACGM,OAAO,gBAAG,gCAAC,kBAAD;QAAA,QAAyB,IAAzB;QAAA,SAAqC;MAArC,GAAH,gBAAoD,gCAAC,aAAD,8BAD9D,CAFF,CADF;IAQD;;;EAjB6BK,e;;iCAA1Bd,iB,iBACiB,e;iCADjBA,iB,WAEWe,K;AAkBjB,IAAMb,aAAa,GAAG,IAAAc,gBAAA,EACpBhB,iBADoB,EAEpB;EACEa,IAAI,EAAEF,uBAAA,CAAYE,IADpB;EAEEV,KAAK,EAAEQ,uBAAA,CAAYR;AAFrB,CAFoB,EAMpB;EACEc,MAAM,EAAEN;AADV,CANoB,CAAtB;eAWeT,a"}
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -60,25 +60,25 @@ var style = (
|
|
|
60
60
|
/*__reshadow_css_start__*/
|
|
61
61
|
_core.sstyled.insert(
|
|
62
62
|
/*__inner_css_start__*/
|
|
63
|
-
".
|
|
63
|
+
".___SButtonTrigger_19ojv_gg_{border:1px solid #c4c7cf;background:#fff;color:#191b23}.___SButtonTrigger_19ojv_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_19ojv_gg_:active,.___SButtonTrigger_19ojv_gg_:focus,.___SButtonTrigger_19ojv_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_19ojv_gg_:active,.___SButtonTrigger_19ojv_gg_:hover,.___SButtonTrigger_19ojv_gg_.__active_19ojv_gg_{background-color:rgba(138,142,155,.2)}.___SButtonTrigger_19ojv_gg_._size_m_19ojv_gg_{min-width:26px;height:28px;border-radius:6px;font-size:14px}.___SButtonTrigger_19ojv_gg_._size_l_19ojv_gg_{min-width:32px;height:40px;border-radius:6px;font-size:16px}.___SText_19ojv_gg_.__placeholder_19ojv_gg_{color:#a9abb6}.___SButtonTrigger_19ojv_gg_._state_normal_19ojv_gg_{border-color:#c4c7cf}.___SButtonTrigger_19ojv_gg_._state_valid_19ojv_gg_{border-color:#59ddaa}.___SButtonTrigger_19ojv_gg_._state_invalid_19ojv_gg_{border-color:#ffaeb5}.___SFilterTrigger_19ojv_gg_.__selected_19ojv_gg_{border-color:#008ff8;background-color:rgba(0,143,248,.2);color:#191b23}.___SFilterTrigger_19ojv_gg_.__selected_19ojv_gg_:hover,.___SFilterTrigger_19ojv_gg_.__selected_19ojv_gg_.__active_19ojv_gg_{background:rgba(0,143,248,.3)}.___SWrapper_19ojv_gg_{display:inline-flex}.___SWrapper_19ojv_gg_:focus{outline:none}.___SWrapper_19ojv_gg_.__keyboardFocused_19ojv_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCounter_19ojv_gg_{background-color:#008ff8}"
|
|
64
64
|
/*__inner_css_end__*/
|
|
65
|
-
, "
|
|
65
|
+
, "19ojv_gg_")
|
|
66
66
|
/*__reshadow_css_end__*/
|
|
67
67
|
, {
|
|
68
|
-
"__SButtonTrigger": "
|
|
69
|
-
"_active": "
|
|
70
|
-
"_size_m": "
|
|
71
|
-
"_size_l": "
|
|
72
|
-
"__SText": "
|
|
73
|
-
"_placeholder": "
|
|
74
|
-
"_state_normal": "
|
|
75
|
-
"_state_valid": "
|
|
76
|
-
"_state_invalid": "
|
|
77
|
-
"__SFilterTrigger": "
|
|
78
|
-
"_selected": "
|
|
79
|
-
"__SWrapper": "
|
|
80
|
-
"_keyboardFocused": "
|
|
81
|
-
"__SCounter": "
|
|
68
|
+
"__SButtonTrigger": "___SButtonTrigger_19ojv_gg_",
|
|
69
|
+
"_active": "__active_19ojv_gg_",
|
|
70
|
+
"_size_m": "_size_m_19ojv_gg_",
|
|
71
|
+
"_size_l": "_size_l_19ojv_gg_",
|
|
72
|
+
"__SText": "___SText_19ojv_gg_",
|
|
73
|
+
"_placeholder": "__placeholder_19ojv_gg_",
|
|
74
|
+
"_state_normal": "_state_normal_19ojv_gg_",
|
|
75
|
+
"_state_valid": "_state_valid_19ojv_gg_",
|
|
76
|
+
"_state_invalid": "_state_invalid_19ojv_gg_",
|
|
77
|
+
"__SFilterTrigger": "___SFilterTrigger_19ojv_gg_",
|
|
78
|
+
"_selected": "__selected_19ojv_gg_",
|
|
79
|
+
"__SWrapper": "___SWrapper_19ojv_gg_",
|
|
80
|
+
"_keyboardFocused": "__keyboardFocused_19ojv_gg_",
|
|
81
|
+
"__SCounter": "___SCounter_19ojv_gg_"
|
|
82
82
|
});
|
|
83
83
|
|
|
84
84
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","sstyled","addonTextChildren","FilterTrigger","Text","Addon","Counter","ChevronDown","callAllEventHandlers","handleStopPropagation","Close","Component","style","props","SCounter","Dot","createComponent","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled } = this.asProps;\n\n return sstyled(styles)(\n <SWrapper render={Box}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n >\n {addonTextChildren(Children, FilterTrigger.Text, [\n FilterTrigger.Addon,\n FilterTrigger.Counter,\n ])}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>\n {!empty && (\n <SFilterTrigger\n tag=\"button\"\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\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 },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;;;;8GAIoB,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACC,eAAF,EAAP;IAAA,C;;;;;;WAExB,kBAAS;MAAA;MAAA;;MACP,IAAMC,QAAQ,GAKMC,YALpB;MACA,IAAMC,cAAc,GAAGC,uBAAvB;MACA,oBAAkF,KAAKC,OAAvF;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,iBAA0BA,KAA1B;MAAA,IAAiCC,OAAjC,iBAAiCA,OAAjC;MAAA,IAA0CC,IAA1C,iBAA0CA,IAA1C;MAAA,IAAgDC,WAAhD,iBAAgDA,WAAhD;MAAA,IAA6DC,MAA7D,iBAA6DA,MAA7D;MAAA,IAAqEC,QAArE,iBAAqEA,QAArE;MAEA,eAAO,IAAAC,aAAA,EAAQP,MAAR,CAAP,eACE,gCAAC,QAAD,0FACE,gCAAC,4BAAD,iDACE,gCAAC,cAAD;QAAA,KACI,MADJ;QAAA,QAEQG,IAFR;QAAA,eAGeC,WAHf;QAAA,SAISH,KAJT;QAAA,YAKY,CAACA,KALb;QAAA,UAMUI,MANV;QAAA,YAOYC;MAPZ,IASG,IAAAE,6BAAA,EAAkBT,QAAlB,EAA4BU,aAAa,CAACC,IAA1C,EAAgD,CAC/CD,aAAa,CAACE,KADiC,EAE/CF,aAAa,CAACG,OAFiC,CAAhD,CATH,EAaGX,KAAK,iBAAI,gCAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEY;MAA1B,EAbZ,CADF,EAgBG,CAACZ,KAAD,iBACC,gCAAC,cAAD;QAAA,OACM,QADN;QAAA,QAEQE,IAFR;QAAA,SAGSF,KAHT;QAAA;QAAA,WAKW,IAAAa,kCAAA,EAAqBZ,OAArB,EAA8B,KAAKa,qBAAnC,CALX;QAAA,aAMa,KAAKA,qBANlB;QAAA,YAOYT;MAPZ,iBASE,gCAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEU;MAA1B,EATF,CAjBJ,CADF,CADF;IAkCD;;;EA7C6BC,e;;iCAA1B1B,iB,iBACiB,e;iCADjBA,iB,WAEW2B,K;;AA8CjB,SAASN,OAAT,CAAiBO,KAAjB,EAAwB;EAAA;EAAA;;EACtB,IAAMC,QAAQ,GACiCvB,uBAAA,CAAYc,KAD3D;EACA,eAAO,IAAAJ,aAAA,EAAQY,KAAK,CAACnB,MAAd,CAAP,eAA6B,gCAAC,QAAD;IAAA,OAA0CqB;EAA1C,YAA7B;AACD;;AAED,IAAMZ,aAAa,GAAG,IAAAa,gBAAA,EACpB/B,iBADoB,EAEpB;EACEmB,IAAI,EAAEb,uBAAA,CAAYa,IADpB;EAEEC,KAAK,EAAEd,uBAAA,CAAYc,KAFrB;EAGEC,OAAO,EAAPA;AAHF,CAFoB,EAOpB;EACEW,MAAM,EAAE1B;AADV,CAPoB,CAAtB;eAYeY,a"}
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -54,23 +54,23 @@ var style = (
|
|
|
54
54
|
/*__reshadow_css_start__*/
|
|
55
55
|
_core.sstyled.insert(
|
|
56
56
|
/*__inner_css_start__*/
|
|
57
|
-
".
|
|
57
|
+
".___SLinkTrigger_mdc2x_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;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;color:#006dca;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_mdc2x_gg_:active,.___SLinkTrigger_mdc2x_gg_:hover,.___SLinkTrigger_mdc2x_gg_.__active_mdc2x_gg_{color:#044792}.___SLinkTrigger_mdc2x_gg_:active .___SText_mdc2x_gg_,.___SLinkTrigger_mdc2x_gg_:hover .___SText_mdc2x_gg_,.___SLinkTrigger_mdc2x_gg_.__active_mdc2x_gg_ .___SText_mdc2x_gg_{border-color:currentColor}.___SLinkTrigger_mdc2x_gg_ .___SText_mdc2x_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;line-height:1.42}.___SLinkTrigger_mdc2x_gg_.__color_mdc2x_gg_{color:var(--color_mdc2x)}.___SLinkTrigger_mdc2x_gg_.__color_mdc2x_gg_:hover{color:var(--color-hover_mdc2x)}.___SLinkTrigger_mdc2x_gg_.__disabled_mdc2x_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_mdc2x_gg_.__keyboardFocused_mdc2x_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);z-index:1}.___SAddon_mdc2x_gg_,.___SLinkAddon_mdc2x_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_mdc2x_gg_:not(:only-child):first-child,.___SLinkAddon_mdc2x_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_mdc2x_gg_:not(:only-child):last-child,.___SLinkAddon_mdc2x_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_mdc2x_gg_{width:16px;height:16px}.___SLinkTrigger_mdc2x_gg_._size_m_mdc2x_gg_{font-size:14px}.___SLinkTrigger_mdc2x_gg_._size_l_mdc2x_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_mdc2x_gg_{transition:none}.___SLinkTrigger_mdc2x_gg_ .___SText_mdc2x_gg_{transition:none}}"
|
|
58
58
|
/*__inner_css_end__*/
|
|
59
|
-
, "
|
|
59
|
+
, "mdc2x_gg_")
|
|
60
60
|
/*__reshadow_css_end__*/
|
|
61
61
|
, {
|
|
62
|
-
"__SLinkTrigger": "
|
|
63
|
-
"_active": "
|
|
64
|
-
"__SText": "
|
|
65
|
-
"_color": "
|
|
66
|
-
"--color": "--
|
|
67
|
-
"--color-hover": "--color-
|
|
68
|
-
"_disabled": "
|
|
69
|
-
"_keyboardFocused": "
|
|
70
|
-
"__SAddon": "
|
|
71
|
-
"__SLinkAddon": "
|
|
72
|
-
"_size_m": "
|
|
73
|
-
"_size_l": "
|
|
62
|
+
"__SLinkTrigger": "___SLinkTrigger_mdc2x_gg_",
|
|
63
|
+
"_active": "__active_mdc2x_gg_",
|
|
64
|
+
"__SText": "___SText_mdc2x_gg_",
|
|
65
|
+
"_color": "__color_mdc2x_gg_",
|
|
66
|
+
"--color": "--color_mdc2x",
|
|
67
|
+
"--color-hover": "--color-hover_mdc2x",
|
|
68
|
+
"_disabled": "__disabled_mdc2x_gg_",
|
|
69
|
+
"_keyboardFocused": "__keyboardFocused_mdc2x_gg_",
|
|
70
|
+
"__SAddon": "___SAddon_mdc2x_gg_",
|
|
71
|
+
"__SLinkAddon": "___SLinkAddon_mdc2x_gg_",
|
|
72
|
+
"_size_m": "_size_m_mdc2x_gg_",
|
|
73
|
+
"_size_l": "_size_l_mdc2x_gg_"
|
|
74
74
|
});
|
|
75
75
|
|
|
76
76
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"LinkTrigger.js","names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","resolveColor","colorHover","shade","sstyled","addonTextChildren","Text","Component","style","size","keyboardFocusEnhance","props","SText","children","SAddon","createComponent"],"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 resolveColor, { shade } from '@semcore/utils/lib/color';\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()];\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, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}\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} use: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":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAQMC,YARxB;MACA,IAAMC,UAAU,GAAGC,WAAW,CAACC,KAA/B;MACA,qBAA4D,KAAKP,OAAjE;MAAA,IAAQQ,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,OAAlB,kBAAkBA,OAAlB;MAAA,IAA2BC,MAA3B,kBAA2BA,MAA3B;MAAA,IAA0CC,aAA1C,kBAAmCC,KAAnC;MAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAaF,aAAb,CAAd;MACA,IAAMG,UAAU,GAAG,IAAAC,YAAA,EAAMH,KAAN,EAAa,CAAC,IAAd,CAAnB;MAEA,eAAO,IAAAI,aAAA,EAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;QAAA,aAAsCE,KAAtC;QAAA,mBAA8DE;MAA9D,YACG,IAAAG,6BAAA,EAAkBT,QAAlB,EAA4BF,WAAW,CAACY,IAAxC,EAA8CZ,WAAW,CAACC,KAA1D,CADH,eAEE,gCAAC,UAAD,8BACGE,OAAO,gBAAG,gCAAC,gBAAD;QAAA,QAAW,IAAX;QAAA,SAAsB;MAAtB,GAAH,gBAA6C,gCAAC,aAAD,8BADvD,CAFF,CADF;IAQD;;;EAhC2BU,e;;iCAAxBpB,e,iBACiB,a;iCADjBA,e,WAEWqB,K;iCAFXrB,e,kBAGkB;EACpBsB,IAAI,EAAE;AADc,C;iCAHlBtB,e,aAMa,CAAC,IAAAuB,gCAAA,GAAD,C;;AA6BnB,SAASJ,IAAT,CAAcK,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMpB,YALjB;EACA,IAAQqB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBf,MAAlB,GAAiDa,KAAjD,CAAkBb,MAAlB;EAAA,IAA0BR,KAA1B,GAAiDqB,KAAjD,CAA0BrB,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDsB,KAAjD,CAAiCtB,WAAjC;EAEA,eAAO,IAAAe,aAAA,EAAQN,MAAR,CAAP;EAAA;;EACE;EACA,gCAAC,KAAD;IAAA,mBAAqCR;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBwB,QADzB,CAFF;AAMD;;AAED,SAASlB,KAAT,CAAegB,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCtB,YAD7C;EACA,eAAO,IAAAY,aAAA,EAAQO,KAAK,CAACb,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMJ,WAAW,GAAG,IAAAqB,gBAAA,EAAgB5B,eAAhB,EAAiC;EACnDmB,IAAI,EAAJA,IADmD;EAEnDX,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeD,W"}
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA"}
|
package/lib/es6/BaseTrigger.js
CHANGED
|
@@ -30,28 +30,28 @@ var style = (
|
|
|
30
30
|
/*__reshadow_css_start__*/
|
|
31
31
|
_sstyled.insert(
|
|
32
32
|
/*__inner_css_start__*/
|
|
33
|
-
".
|
|
33
|
+
".___SBaseTrigger_1dsbi_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;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;background:#fff;font-weight:400;border:1px solid #c4c7cf;color:#191b23}.___SBaseTrigger_1dsbi_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_1dsbi_gg_:active,.___SBaseTrigger_1dsbi_gg_:focus,.___SBaseTrigger_1dsbi_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_1dsbi_gg_.__keyboardFocused_1dsbi_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SBaseTrigger_1dsbi_gg_:hover{background-color:rgba(138,142,155,.2)}.___SBaseTrigger_1dsbi_gg_:active,.___SBaseTrigger_1dsbi_gg_.__active_1dsbi_gg_{background-color:rgba(138,142,155,.3)}.___SBaseTrigger_1dsbi_gg_.__disabled_1dsbi_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_1dsbi_gg_.__keyboardFocused_1dsbi_gg_{z-index:1}.___SInner_1dsbi_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1dsbi_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.42;flex-grow:1;text-align:left}.___SAddon_1dsbi_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1dsbi_gg_{width:12px;height:12px}.___SBaseTrigger_1dsbi_gg_._size_m_1dsbi_gg_{min-width:26px;height:28px;border-radius:6px;padding:0 8px;font-size:14px}.___SBaseTrigger_1dsbi_gg_._size_m_1dsbi_gg_ .___SAddon_1dsbi_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_1dsbi_gg_._size_m_1dsbi_gg_ .___SAddon_1dsbi_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_1dsbi_gg_._size_m_1dsbi_gg_ .___SAddon_1dsbi_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_1dsbi_gg_._size_l_1dsbi_gg_{min-width:32px;height:40px;border-radius:6px;padding:0 12px;font-size:16px}.___SBaseTrigger_1dsbi_gg_._size_l_1dsbi_gg_ .___SAddon_1dsbi_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_1dsbi_gg_._size_l_1dsbi_gg_ .___SAddon_1dsbi_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_1dsbi_gg_._size_l_1dsbi_gg_ .___SAddon_1dsbi_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_1dsbi_gg_._neighborLocation_right_1dsbi_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1dsbi_gg_._neighborLocation_both_1dsbi_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1dsbi_gg_._neighborLocation_left_1dsbi_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1dsbi_gg_.__placeholder_1dsbi_gg_{color:#a9abb6}.___SBaseTrigger_1dsbi_gg_._state_normal_1dsbi_gg_{border-color:#c4c7cf}.___SBaseTrigger_1dsbi_gg_._state_valid_1dsbi_gg_{border-color:#59ddaa}.___SBaseTrigger_1dsbi_gg_._state_invalid_1dsbi_gg_{border-color:#ffaeb5}.___SBaseTrigger_1dsbi_gg_._state_invalid_1dsbi_gg_.__keyboardFocused_1dsbi_gg_{border-color:#ff642d;box-shadow:0 0 0 3px rgba(255,100,45,.3)}"
|
|
34
34
|
/*__inner_css_end__*/
|
|
35
|
-
, "
|
|
35
|
+
, "1dsbi_gg_")
|
|
36
36
|
/*__reshadow_css_end__*/
|
|
37
37
|
, {
|
|
38
|
-
"__SBaseTrigger": "
|
|
39
|
-
"_keyboardFocused": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"_disabled": "
|
|
42
|
-
"__SInner": "
|
|
43
|
-
"__SText": "
|
|
44
|
-
"__SAddon": "
|
|
45
|
-
"__SBaseAddon": "
|
|
46
|
-
"_size_m": "
|
|
47
|
-
"_size_l": "
|
|
48
|
-
"_neighborLocation_right": "
|
|
49
|
-
"_neighborLocation_both": "
|
|
50
|
-
"_neighborLocation_left": "
|
|
51
|
-
"_placeholder": "
|
|
52
|
-
"_state_normal": "
|
|
53
|
-
"_state_valid": "
|
|
54
|
-
"_state_invalid": "
|
|
38
|
+
"__SBaseTrigger": "___SBaseTrigger_1dsbi_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_1dsbi_gg_",
|
|
40
|
+
"_active": "__active_1dsbi_gg_",
|
|
41
|
+
"_disabled": "__disabled_1dsbi_gg_",
|
|
42
|
+
"__SInner": "___SInner_1dsbi_gg_",
|
|
43
|
+
"__SText": "___SText_1dsbi_gg_",
|
|
44
|
+
"__SAddon": "___SAddon_1dsbi_gg_",
|
|
45
|
+
"__SBaseAddon": "___SBaseAddon_1dsbi_gg_",
|
|
46
|
+
"_size_m": "_size_m_1dsbi_gg_",
|
|
47
|
+
"_size_l": "_size_l_1dsbi_gg_",
|
|
48
|
+
"_neighborLocation_right": "_neighborLocation_right_1dsbi_gg_",
|
|
49
|
+
"_neighborLocation_both": "_neighborLocation_both_1dsbi_gg_",
|
|
50
|
+
"_neighborLocation_left": "_neighborLocation_left_1dsbi_gg_",
|
|
51
|
+
"_placeholder": "__placeholder_1dsbi_gg_",
|
|
52
|
+
"_state_normal": "_state_normal_1dsbi_gg_",
|
|
53
|
+
"_state_valid": "_state_valid_1dsbi_gg_",
|
|
54
|
+
"_state_invalid": "_state_invalid_1dsbi_gg_"
|
|
55
55
|
});
|
|
56
56
|
|
|
57
57
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","neighborLocationEnhance","keyboardFocusEnhance","addonTextChildren","logger","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","warn","undefined","BaseTrigger","displayName","Text","Addon","style","size","props","SText","children","SAddon"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { neighborLocationEnhance } 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';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance(), neighborLocationEnhance()];\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 = 'div';\n const { Children, styles, theme } = 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 sstyled(styles)(\n <SBaseTrigger render={Box} state={theme}>\n <SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>\n </SBaseTrigger>,\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} use: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 BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,SAASC,uBAAT,QAAwC,4BAAxC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAYMT,GAZxB;MACA,IAAMU,MAAM,GAAG,KAAf;MACA,qBAAoC,KAAKJ,OAAzC;MAAA,IAAQK,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,MAAlB,kBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,kBAA0BA,KAA1B;MAEAT,MAAM,CAACU,IAAP,CACED,KAAK,KAAKE,SADZ,EAEE,iDAFF,EAGE,KAAKT,OAAL,CAAa,cAAb,KAAgCU,WAAW,CAACC,WAH9C,EALO,CAWP;;MACA,eAAOlB,OAAO,CAACa,MAAD,CAAd,eACE,oBAAC,YAAD;QAAA,SAAkCC;MAAlC,yBACE,oBAAC,MAAD,0BAASV,iBAAiB,CAACQ,QAAD,EAAWK,WAAW,CAACE,IAAvB,EAA6BF,WAAW,CAACG,KAAzC,CAA1B,CADF,CADF;IAKD;;;;EAjC2BtB,S;;gBAAxBQ,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;EACpBgB,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACH,oBAAoB,EAArB,EAAyBD,uBAAuB,EAAhD,C;;AA8BnB,SAASiB,IAAT,CAAcI,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMvB,GALjB;EACA,IAAQwB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBZ,MAAlB,GAAiDU,KAAjD,CAAkBV,MAAlB;EAAA,IAA0BJ,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;EAEA,eAAOR,OAAO,CAACa,MAAD,CAAd;EAAA;;EACE;EACA,oBAAC,KAAD;IAAA,mBAAqCJ;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASL,KAAT,CAAeG,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCzB,GAD7C;EACA,eAAOD,OAAO,CAACuB,KAAK,CAACV,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMI,WAAW,GAAGpB,eAAe,CAACS,eAAD,EAAkB;EACnDa,IAAI,EAAJA,IADmD;EAEnDC,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeH,WAAf"}
|
package/lib/es6/ButtonTrigger.js
CHANGED
|
@@ -23,13 +23,13 @@ var style = (
|
|
|
23
23
|
/*__reshadow_css_start__*/
|
|
24
24
|
_sstyled.insert(
|
|
25
25
|
/*__inner_css_start__*/
|
|
26
|
-
".
|
|
26
|
+
".___SButtonAddon_103af_gg_{width:12px;height:12px}.___SButtonTriggerSpin_103af_gg_{fill:#6c6e79}"
|
|
27
27
|
/*__inner_css_end__*/
|
|
28
|
-
, "
|
|
28
|
+
, "103af_gg_")
|
|
29
29
|
/*__reshadow_css_end__*/
|
|
30
30
|
, {
|
|
31
|
-
"__SButtonAddon": "
|
|
32
|
-
"__SButtonTriggerSpin": "
|
|
31
|
+
"__SButtonAddon": "___SButtonAddon_103af_gg_",
|
|
32
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_103af_gg_"
|
|
33
33
|
});
|
|
34
34
|
|
|
35
35
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","asProps","Children","styles","loading","Text","style","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <ChevronDown />}\n </SButtonAddon>\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":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,IAAP,MAAiB,eAAjB;;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;WAIJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;MACA,IAAMC,kBAAkB,GAAGL,IAA3B;MACA,oBAAsC,KAAKM,OAA3C;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAEA,eAAOb,OAAO,CAACY,MAAD,CAAd,eACE,oBAAcT,WAAd,0BACGF,iBAAiB,CAACU,QAAD,EAAWJ,aAAa,CAACO,IAAzB,EAA+BP,aAAa,CAACC,KAA7C,CADpB,eAEE,oBAAC,YAAD,gCACGK,OAAO,gBAAG,oBAAC,kBAAD;QAAA,QAAyB,IAAzB;QAAA,SAAqC;MAArC,GAAH,gBAAoD,oBAAC,WAAD,8BAD9D,CAFF,CADF;IAQD;;;;EAjB6Bf,S;;gBAA1BO,iB,iBACiB,e;;gBADjBA,iB,WAEWU,K;;AAkBjB,IAAMR,aAAa,GAAGV,eAAe,CACnCQ,iBADmC,EAEnC;EACES,IAAI,EAAEX,WAAW,CAACW,IADpB;EAEEN,KAAK,EAAEL,WAAW,CAACK;AAFrB,CAFmC,EAMnC;EACEQ,MAAM,EAAEb;AADV,CANmC,CAArC;AAWA,eAAeI,aAAf"}
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -33,25 +33,25 @@ var style = (
|
|
|
33
33
|
/*__reshadow_css_start__*/
|
|
34
34
|
_sstyled.insert(
|
|
35
35
|
/*__inner_css_start__*/
|
|
36
|
-
".
|
|
36
|
+
".___SButtonTrigger_19ojv_gg_{border:1px solid #c4c7cf;background:#fff;color:#191b23}.___SButtonTrigger_19ojv_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_19ojv_gg_:active,.___SButtonTrigger_19ojv_gg_:focus,.___SButtonTrigger_19ojv_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_19ojv_gg_:active,.___SButtonTrigger_19ojv_gg_:hover,.___SButtonTrigger_19ojv_gg_.__active_19ojv_gg_{background-color:rgba(138,142,155,.2)}.___SButtonTrigger_19ojv_gg_._size_m_19ojv_gg_{min-width:26px;height:28px;border-radius:6px;font-size:14px}.___SButtonTrigger_19ojv_gg_._size_l_19ojv_gg_{min-width:32px;height:40px;border-radius:6px;font-size:16px}.___SText_19ojv_gg_.__placeholder_19ojv_gg_{color:#a9abb6}.___SButtonTrigger_19ojv_gg_._state_normal_19ojv_gg_{border-color:#c4c7cf}.___SButtonTrigger_19ojv_gg_._state_valid_19ojv_gg_{border-color:#59ddaa}.___SButtonTrigger_19ojv_gg_._state_invalid_19ojv_gg_{border-color:#ffaeb5}.___SFilterTrigger_19ojv_gg_.__selected_19ojv_gg_{border-color:#008ff8;background-color:rgba(0,143,248,.2);color:#191b23}.___SFilterTrigger_19ojv_gg_.__selected_19ojv_gg_:hover,.___SFilterTrigger_19ojv_gg_.__selected_19ojv_gg_.__active_19ojv_gg_{background:rgba(0,143,248,.3)}.___SWrapper_19ojv_gg_{display:inline-flex}.___SWrapper_19ojv_gg_:focus{outline:none}.___SWrapper_19ojv_gg_.__keyboardFocused_19ojv_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCounter_19ojv_gg_{background-color:#008ff8}"
|
|
37
37
|
/*__inner_css_end__*/
|
|
38
|
-
, "
|
|
38
|
+
, "19ojv_gg_")
|
|
39
39
|
/*__reshadow_css_end__*/
|
|
40
40
|
, {
|
|
41
|
-
"__SButtonTrigger": "
|
|
42
|
-
"_active": "
|
|
43
|
-
"_size_m": "
|
|
44
|
-
"_size_l": "
|
|
45
|
-
"__SText": "
|
|
46
|
-
"_placeholder": "
|
|
47
|
-
"_state_normal": "
|
|
48
|
-
"_state_valid": "
|
|
49
|
-
"_state_invalid": "
|
|
50
|
-
"__SFilterTrigger": "
|
|
51
|
-
"_selected": "
|
|
52
|
-
"__SWrapper": "
|
|
53
|
-
"_keyboardFocused": "
|
|
54
|
-
"__SCounter": "
|
|
41
|
+
"__SButtonTrigger": "___SButtonTrigger_19ojv_gg_",
|
|
42
|
+
"_active": "__active_19ojv_gg_",
|
|
43
|
+
"_size_m": "_size_m_19ojv_gg_",
|
|
44
|
+
"_size_l": "_size_l_19ojv_gg_",
|
|
45
|
+
"__SText": "___SText_19ojv_gg_",
|
|
46
|
+
"_placeholder": "__placeholder_19ojv_gg_",
|
|
47
|
+
"_state_normal": "_state_normal_19ojv_gg_",
|
|
48
|
+
"_state_valid": "_state_valid_19ojv_gg_",
|
|
49
|
+
"_state_invalid": "_state_invalid_19ojv_gg_",
|
|
50
|
+
"__SFilterTrigger": "___SFilterTrigger_19ojv_gg_",
|
|
51
|
+
"_selected": "__selected_19ojv_gg_",
|
|
52
|
+
"__SWrapper": "___SWrapper_19ojv_gg_",
|
|
53
|
+
"_keyboardFocused": "__keyboardFocused_19ojv_gg_",
|
|
54
|
+
"__SCounter": "___SCounter_19ojv_gg_"
|
|
55
55
|
});
|
|
56
56
|
|
|
57
57
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","RootFilterTrigger","e","stopPropagation","SWrapper","SFilterTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","FilterTrigger","Text","Addon","Counter","handleStopPropagation","style","props","SCounter","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled } = this.asProps;\n\n return sstyled(styles)(\n <SWrapper render={Box}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n >\n {addonTextChildren(Children, FilterTrigger.Text, [\n FilterTrigger.Addon,\n FilterTrigger.Counter,\n ])}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>\n {!empty && (\n <SFilterTrigger\n tag=\"button\"\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\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 },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,gBAAP,MAA6B,4BAA7B;AACA,OAAOC,GAAP,MAAgB,cAAhB;AACA,OAAOC,KAAP,MAAkB,uBAAlB;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,SAASC,oBAAT,QAAqC,gCAArC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;;;;4EAIoB,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACC,eAAF,EAAP;IAAA,C;;;;;;;WAExB,kBAAS;MAAA;MAAA;;MACP,IAAMC,QAAQ,GAKMV,GALpB;MACA,IAAMW,cAAc,GAAGZ,WAAvB;MACA,oBAAkF,KAAKa,OAAvF;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,iBAA0BA,KAA1B;MAAA,IAAiCC,OAAjC,iBAAiCA,OAAjC;MAAA,IAA0CC,IAA1C,iBAA0CA,IAA1C;MAAA,IAAgDC,WAAhD,iBAAgDA,WAAhD;MAAA,IAA6DC,MAA7D,iBAA6DA,MAA7D;MAAA,IAAqEC,QAArE,iBAAqEA,QAArE;MAEA,eAAOtB,OAAO,CAACgB,MAAD,CAAd,eACE,oBAAC,QAAD,gFACE,oBAAC,gBAAD,iDACE,oBAAC,cAAD;QAAA,KACI,MADJ;QAAA,QAEQG,IAFR;QAAA,eAGeC,WAHf;QAAA,SAISH,KAJT;QAAA,YAKY,CAACA,KALb;QAAA,UAMUI,MANV;QAAA,YAOYC;MAPZ,IASGd,iBAAiB,CAACO,QAAD,EAAWQ,aAAa,CAACC,IAAzB,EAA+B,CAC/CD,aAAa,CAACE,KADiC,EAE/CF,aAAa,CAACG,OAFiC,CAA/B,CATpB,EAaGT,KAAK,iBAAI,oBAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEX;MAA1B,EAbZ,CADF,EAgBG,CAACW,KAAD,iBACC,oBAAC,cAAD;QAAA,OACM,QADN;QAAA,QAEQE,IAFR;QAAA,SAGSF,KAHT;QAAA;QAAA,WAKWV,oBAAoB,CAACW,OAAD,EAAU,KAAKS,qBAAf,CAL/B;QAAA,aAMa,KAAKA,qBANlB;QAAA,YAOYL;MAPZ,iBASE,oBAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEjB;MAA1B,EATF,CAjBJ,CADF,CADF;IAkCD;;;;EA7C6BP,S;;gBAA1BW,iB,iBACiB,e;;gBADjBA,iB,WAEWmB,K;;AA8CjB,SAASF,OAAT,CAAiBG,KAAjB,EAAwB;EAAA;EAAA;;EACtB,IAAMC,QAAQ,GACiC7B,WAAW,CAACwB,KAD3D;EACA,eAAOzB,OAAO,CAAC6B,KAAK,CAACb,MAAP,CAAd,eAA6B,oBAAC,QAAD;IAAA,OAA0CZ;EAA1C,YAA7B;AACD;;AAED,IAAMmB,aAAa,GAAG1B,eAAe,CACnCY,iBADmC,EAEnC;EACEe,IAAI,EAAEvB,WAAW,CAACuB,IADpB;EAEEC,KAAK,EAAExB,WAAW,CAACwB,KAFrB;EAGEC,OAAO,EAAPA;AAHF,CAFmC,EAOnC;EACEK,MAAM,EAAE9B;AADV,CAPmC,CAArC;AAYA,eAAesB,aAAf"}
|
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -31,23 +31,23 @@ var style = (
|
|
|
31
31
|
/*__reshadow_css_start__*/
|
|
32
32
|
_sstyled.insert(
|
|
33
33
|
/*__inner_css_start__*/
|
|
34
|
-
".
|
|
34
|
+
".___SLinkTrigger_mdc2x_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;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;color:#006dca;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_mdc2x_gg_:active,.___SLinkTrigger_mdc2x_gg_:hover,.___SLinkTrigger_mdc2x_gg_.__active_mdc2x_gg_{color:#044792}.___SLinkTrigger_mdc2x_gg_:active .___SText_mdc2x_gg_,.___SLinkTrigger_mdc2x_gg_:hover .___SText_mdc2x_gg_,.___SLinkTrigger_mdc2x_gg_.__active_mdc2x_gg_ .___SText_mdc2x_gg_{border-color:currentColor}.___SLinkTrigger_mdc2x_gg_ .___SText_mdc2x_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;line-height:1.42}.___SLinkTrigger_mdc2x_gg_.__color_mdc2x_gg_{color:var(--color_mdc2x)}.___SLinkTrigger_mdc2x_gg_.__color_mdc2x_gg_:hover{color:var(--color-hover_mdc2x)}.___SLinkTrigger_mdc2x_gg_.__disabled_mdc2x_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_mdc2x_gg_.__keyboardFocused_mdc2x_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);z-index:1}.___SAddon_mdc2x_gg_,.___SLinkAddon_mdc2x_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_mdc2x_gg_:not(:only-child):first-child,.___SLinkAddon_mdc2x_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_mdc2x_gg_:not(:only-child):last-child,.___SLinkAddon_mdc2x_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_mdc2x_gg_{width:16px;height:16px}.___SLinkTrigger_mdc2x_gg_._size_m_mdc2x_gg_{font-size:14px}.___SLinkTrigger_mdc2x_gg_._size_l_mdc2x_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_mdc2x_gg_{transition:none}.___SLinkTrigger_mdc2x_gg_ .___SText_mdc2x_gg_{transition:none}}"
|
|
35
35
|
/*__inner_css_end__*/
|
|
36
|
-
, "
|
|
36
|
+
, "mdc2x_gg_")
|
|
37
37
|
/*__reshadow_css_end__*/
|
|
38
38
|
, {
|
|
39
|
-
"__SLinkTrigger": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"__SText": "
|
|
42
|
-
"_color": "
|
|
43
|
-
"--color": "--
|
|
44
|
-
"--color-hover": "--color-
|
|
45
|
-
"_disabled": "
|
|
46
|
-
"_keyboardFocused": "
|
|
47
|
-
"__SAddon": "
|
|
48
|
-
"__SLinkAddon": "
|
|
49
|
-
"_size_m": "
|
|
50
|
-
"_size_l": "
|
|
39
|
+
"__SLinkTrigger": "___SLinkTrigger_mdc2x_gg_",
|
|
40
|
+
"_active": "__active_mdc2x_gg_",
|
|
41
|
+
"__SText": "___SText_mdc2x_gg_",
|
|
42
|
+
"_color": "__color_mdc2x_gg_",
|
|
43
|
+
"--color": "--color_mdc2x",
|
|
44
|
+
"--color-hover": "--color-hover_mdc2x",
|
|
45
|
+
"_disabled": "__disabled_mdc2x_gg_",
|
|
46
|
+
"_keyboardFocused": "__keyboardFocused_mdc2x_gg_",
|
|
47
|
+
"__SAddon": "___SAddon_mdc2x_gg_",
|
|
48
|
+
"__SLinkAddon": "___SLinkAddon_mdc2x_gg_",
|
|
49
|
+
"_size_m": "_size_m_mdc2x_gg_",
|
|
50
|
+
"_size_l": "_size_l_mdc2x_gg_"
|
|
51
51
|
});
|
|
52
52
|
|
|
53
53
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColor","shade","keyboardFocusEnhance","RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","style","size","props","SText","children","SAddon"],"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 resolveColor, { shade } from '@semcore/utils/lib/color';\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()];\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, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}\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} use: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":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,IAAP,MAAiB,eAAjB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,YAAP,IAAuBC,KAAvB,QAAoC,0BAApC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAQMR,GARxB;MACA,IAAMS,UAAU,GAAGC,WAAW,CAACC,KAA/B;MACA,qBAA4D,KAAKN,OAAjE;MAAA,IAAQO,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,OAAlB,kBAAkBA,OAAlB;MAAA,IAA2BC,MAA3B,kBAA2BA,MAA3B;MAAA,IAA0CC,aAA1C,kBAAmCC,KAAnC;MAEA,IAAMA,KAAK,GAAGf,YAAY,CAACc,aAAD,CAA1B;MACA,IAAME,UAAU,GAAGf,KAAK,CAACc,KAAD,EAAQ,CAAC,IAAT,CAAxB;MAEA,eAAOpB,OAAO,CAACkB,MAAD,CAAd,eACE,oBAAC,YAAD;QAAA,aAAsCE,KAAtC;QAAA,mBAA8DC;MAA9D,YACGpB,iBAAiB,CAACe,QAAD,EAAWF,WAAW,CAACQ,IAAvB,EAA6BR,WAAW,CAACC,KAAzC,CADpB,eAEE,oBAAC,UAAD,8BACGE,OAAO,gBAAG,oBAAC,IAAD;QAAA,QAAW,IAAX;QAAA,SAAsB;MAAtB,GAAH,gBAA6C,oBAAC,WAAD,8BADvD,CAFF,CADF;IAQD;;;;EAhC2BnB,S;;gBAAxBU,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;EACpBgB,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACD,oBAAoB,EAArB,C;;AA6BnB,SAASe,IAAT,CAAcG,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMtB,GALjB;EACA,IAAQuB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBT,MAAlB,GAAiDO,KAAjD,CAAkBP,MAAlB;EAAA,IAA0BP,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;EAEA,eAAOV,OAAO,CAACkB,MAAD,CAAd;EAAA;;EACE;EACA,oBAAC,KAAD;IAAA,mBAAqCP;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASZ,KAAT,CAAeU,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCxB,GAD7C;EACA,eAAOJ,OAAO,CAACyB,KAAK,CAACP,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMJ,WAAW,GAAGjB,eAAe,CAACW,eAAD,EAAkB;EACnDc,IAAI,EAAJA,IADmD;EAEnDP,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeD,WAAf"}
|
package/lib/es6/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","ButtonTrigger","FilterTrigger","LinkTrigger"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB;AACA,SAASA,OAAO,IAAIC,aAApB,QAAyC,iBAAzC;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,iBAAzC;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,eAAvC"}
|