@semcore/base-trigger 2.3.1 → 2.5.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 +24 -0
- package/lib/cjs/BaseTrigger.js +21 -21
- package/lib/cjs/ButtonTrigger.js +4 -4
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +6 -6
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +4 -4
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/style/base-trigger.shadow.css +1 -1
- package/lib/es6/BaseTrigger.js +21 -21
- package/lib/es6/ButtonTrigger.js +4 -4
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +6 -6
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +4 -4
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/style/base-trigger.shadow.css +1 -1
- package/package.json +4 -9
- package/src/ButtonTrigger.js +2 -2
- package/src/FilterTrigger.js +7 -7
- package/src/LinkTrigger.js +4 -13
- package/src/style/base-trigger.shadow.css +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,30 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [2.5.0] - 2022-01-18
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Up version icons and use new icon.
|
|
10
|
+
|
|
11
|
+
## [2.4.1] - 2021-12-23
|
|
12
|
+
|
|
13
|
+
### Changed
|
|
14
|
+
|
|
15
|
+
- Changed `line-height` from 1.2 to 1.1 for correct display in all browsers.
|
|
16
|
+
|
|
17
|
+
## [2.4.0] - 2021-10-01
|
|
18
|
+
|
|
19
|
+
### Changed
|
|
20
|
+
|
|
21
|
+
- Up version package `@semcore/dot`.
|
|
22
|
+
|
|
23
|
+
## [2.3.2] - 2021-8-26
|
|
24
|
+
|
|
25
|
+
### Changed
|
|
26
|
+
|
|
27
|
+
- Add 'sideEffect=false' for more optimal build via webpack
|
|
28
|
+
|
|
5
29
|
## [2.3.1] - 2021-08-02
|
|
6
30
|
|
|
7
31
|
### Fixed
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -48,30 +48,30 @@ var style = (
|
|
|
48
48
|
/*__reshadow_css_start__*/
|
|
49
49
|
_core.sstyled.insert(
|
|
50
50
|
/*__inner_css_start__*/
|
|
51
|
-
".
|
|
51
|
+
".___SBaseTrigger_10p2s_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:inherit;cursor:pointer;border:1px solid #a6b0b3;background:#fff;color:#333}.___SBaseTrigger_10p2s_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_10p2s_gg_:active,.___SBaseTrigger_10p2s_gg_:focus,.___SBaseTrigger_10p2s_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_10p2s_gg_:active,.___SBaseTrigger_10p2s_gg_:hover,.___SBaseTrigger_10p2s_gg_.__active_10p2s_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_10p2s_gg_.__disabled_10p2s_gg_{opacity:.3;cursor:default;pointer-events:none}.___SBaseTrigger_10p2s_gg_.__keyboardFocused_10p2s_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3);z-index:1}.___SInner_10p2s_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_10p2s_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.1;flex-grow:1;text-align:left}.___SAddon_10p2s_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_10p2s_gg_{width:12px;height:12px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SText_10p2s_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SText_10p2s_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SText_10p2s_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SText_10p2s_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_10p2s_gg_._neighborLocation_right_10p2s_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_10p2s_gg_._neighborLocation_both_10p2s_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_10p2s_gg_._neighborLocation_left_10p2s_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_10p2s_gg_.__placeholder_10p2s_gg_{color:#aaa}.___SBaseTrigger_10p2s_gg_._state_normal_10p2s_gg_{border-color:#a6b0b3}.___SBaseTrigger_10p2s_gg_._state_valid_10p2s_gg_{border-color:#4fae33}.___SBaseTrigger_10p2s_gg_._state_invalid_10p2s_gg_{border-color:#ff7f00}"
|
|
52
52
|
/*__inner_css_end__*/
|
|
53
|
-
, "
|
|
53
|
+
, "upa657_gg_")
|
|
54
54
|
/*__reshadow_css_end__*/
|
|
55
55
|
, {
|
|
56
|
-
"__SBaseTrigger": "
|
|
57
|
-
"_active": "
|
|
58
|
-
"_disabled": "
|
|
59
|
-
"_keyboardFocused": "
|
|
60
|
-
"__SInner": "
|
|
61
|
-
"__SText": "
|
|
62
|
-
"__SAddon": "
|
|
63
|
-
"__SBaseAddon": "
|
|
64
|
-
"_size_s": "
|
|
65
|
-
"_size_m": "
|
|
66
|
-
"_size_l": "
|
|
67
|
-
"_size_xl": "
|
|
68
|
-
"_neighborLocation_right": "
|
|
69
|
-
"_neighborLocation_both": "
|
|
70
|
-
"_neighborLocation_left": "
|
|
71
|
-
"_placeholder": "
|
|
72
|
-
"_state_normal": "
|
|
73
|
-
"_state_valid": "
|
|
74
|
-
"_state_invalid": "
|
|
56
|
+
"__SBaseTrigger": "___SBaseTrigger_10p2s_gg_",
|
|
57
|
+
"_active": "__active_10p2s_gg_",
|
|
58
|
+
"_disabled": "__disabled_10p2s_gg_",
|
|
59
|
+
"_keyboardFocused": "__keyboardFocused_10p2s_gg_",
|
|
60
|
+
"__SInner": "___SInner_10p2s_gg_",
|
|
61
|
+
"__SText": "___SText_10p2s_gg_",
|
|
62
|
+
"__SAddon": "___SAddon_10p2s_gg_",
|
|
63
|
+
"__SBaseAddon": "___SBaseAddon_10p2s_gg_",
|
|
64
|
+
"_size_s": "_size_s_10p2s_gg_",
|
|
65
|
+
"_size_m": "_size_m_10p2s_gg_",
|
|
66
|
+
"_size_l": "_size_l_10p2s_gg_",
|
|
67
|
+
"_size_xl": "_size_xl_10p2s_gg_",
|
|
68
|
+
"_neighborLocation_right": "_neighborLocation_right_10p2s_gg_",
|
|
69
|
+
"_neighborLocation_both": "_neighborLocation_both_10p2s_gg_",
|
|
70
|
+
"_neighborLocation_left": "_neighborLocation_left_10p2s_gg_",
|
|
71
|
+
"_placeholder": "__placeholder_10p2s_gg_",
|
|
72
|
+
"_state_normal": "_state_normal_10p2s_gg_",
|
|
73
|
+
"_state_valid": "_state_valid_10p2s_gg_",
|
|
74
|
+
"_state_invalid": "_state_invalid_10p2s_gg_"
|
|
75
75
|
});
|
|
76
76
|
|
|
77
77
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -27,7 +27,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
27
27
|
|
|
28
28
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
31
31
|
|
|
32
32
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
33
33
|
|
|
@@ -72,9 +72,9 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
72
72
|
styles = _this$asProps.styles,
|
|
73
73
|
loading = _this$asProps.loading;
|
|
74
74
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], _ref2.cn("Spin", {
|
|
75
|
-
"size":
|
|
76
|
-
"theme":
|
|
77
|
-
})) : /*#__PURE__*/_react["default"].createElement(
|
|
75
|
+
"size": "xs",
|
|
76
|
+
"theme": "#a6b0b3"
|
|
77
|
+
})) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
|
|
78
78
|
}
|
|
79
79
|
}]);
|
|
80
80
|
return RootButtonTrigger;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ButtonTrigger.js"],"names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","asProps","Children","styles","loading","BaseTrigger","Text","Component","style","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;WAIJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;AADO,0BAE+B,KAAKC,OAFpC;AAAA,UAECC,QAFD,iBAECA,QAFD;AAAA,UAEWC,MAFX,iBAEWA,MAFX;AAAA,UAEmBC,OAFnB,iBAEmBA,OAFnB;AAIP,qBAAO,mBAAQD,MAAR,CAAP,eACE,gCAAcE,uBAAd,oCACG,mCAAkBH,QAAlB,EAA4BH,aAAa,CAACO,IAA1C,EAAgDP,aAAa,CAACC,KAA9D,CADH,eAEE,gCAAC,YAAD,gCACGI,OAAO,gBAAG,gCAAC,gBAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAAwC,gCAAC,
|
|
1
|
+
{"version":3,"sources":["../../src/ButtonTrigger.js"],"names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","asProps","Children","styles","loading","BaseTrigger","Text","Component","style","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;WAIJ,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;AADO,0BAE+B,KAAKC,OAFpC;AAAA,UAECC,QAFD,iBAECA,QAFD;AAAA,UAEWC,MAFX,iBAEWA,MAFX;AAAA,UAEmBC,OAFnB,iBAEmBA,OAFnB;AAIP,qBAAO,mBAAQD,MAAR,CAAP,eACE,gCAAcE,uBAAd,oCACG,mCAAkBH,QAAlB,EAA4BH,aAAa,CAACO,IAA1C,EAAgDP,aAAa,CAACC,KAA9D,CADH,eAEE,gCAAC,YAAD,gCACGI,OAAO,gBAAG,gCAAC,gBAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAAwC,gCAAC,aAAD,8BADlD,CAFF,CADF;AAQD;;;EAhB6BG,e;;iCAA1BV,iB,iBACiB,e;iCADjBA,iB,WAEWW,K;AAiBjB,IAAMT,aAAa,GAAG,sBACpBF,iBADoB,EAEpB;AACES,EAAAA,IAAI,EAAED,wBAAYC,IADpB;AAEEN,EAAAA,KAAK,EAAEK,wBAAYL;AAFrB,CAFoB,EAMpB;AACES,EAAAA,MAAM,EAAEJ;AADV,CANoB,CAAtB;eAWeN,a","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 { 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 ? <Spin size=\"xs\" theme=\"#a6b0b3\" /> : <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"],"file":"ButtonTrigger.js"}
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -35,9 +35,9 @@ var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-locati
|
|
|
35
35
|
|
|
36
36
|
var _dot = _interopRequireDefault(require("@semcore/dot"));
|
|
37
37
|
|
|
38
|
-
var
|
|
38
|
+
var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
39
39
|
|
|
40
|
-
var
|
|
40
|
+
var _m2 = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
41
41
|
|
|
42
42
|
var _assignProps3 = require("@semcore/utils/lib/assignProps");
|
|
43
43
|
|
|
@@ -118,7 +118,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
118
118
|
active = _this$asProps.active,
|
|
119
119
|
disabled = _this$asProps.disabled;
|
|
120
120
|
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref3.cn("SWrapper", _objectSpread({}, (0, _core.assignProps)({}, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
121
|
-
"w":
|
|
121
|
+
"w": "100%",
|
|
122
122
|
"size": size,
|
|
123
123
|
"placeholder": placeholder,
|
|
124
124
|
"empty": empty,
|
|
@@ -126,9 +126,9 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
126
126
|
"active": active,
|
|
127
127
|
"disabled": disabled
|
|
128
128
|
}), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter]), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
|
|
129
|
-
tag:
|
|
129
|
+
tag: _m2["default"]
|
|
130
130
|
})), !empty && /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
131
|
-
"tag":
|
|
131
|
+
"tag": "button",
|
|
132
132
|
"size": size,
|
|
133
133
|
"empty": empty,
|
|
134
134
|
"selected": true,
|
|
@@ -136,7 +136,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
136
136
|
"onKeyDown": this.handleStopPropagation,
|
|
137
137
|
"disabled": disabled
|
|
138
138
|
}), /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
|
|
139
|
-
tag:
|
|
139
|
+
tag: _m["default"]
|
|
140
140
|
}))));
|
|
141
141
|
}
|
|
142
142
|
}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/FilterTrigger.js"],"names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","FilterTrigger","Text","Addon","Counter","
|
|
1
|
+
{"version":3,"sources":["../../src/FilterTrigger.js"],"names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","FilterTrigger","Text","Addon","Counter","ChevronDown","handleStopPropagation","Close","Component","style","props","SCounter","Dot","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;;;;8GAIoB,UAACC,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,K;;;;;;WAExB,kBAAS;AAAA;AAAA;;AACP,UAAMC,QAAQ,GAKMC,YALpB;AACA,UAAMC,cAAc,GAAGC,uBAAvB;AAFO,0BAG2E,KAAKC,OAHhF;AAAA,UAGCC,QAHD,iBAGCA,QAHD;AAAA,UAGWC,MAHX,iBAGWA,MAHX;AAAA,UAGmBC,KAHnB,iBAGmBA,KAHnB;AAAA,UAG0BC,OAH1B,iBAG0BA,OAH1B;AAAA,UAGmCC,IAHnC,iBAGmCA,IAHnC;AAAA,UAGyCC,WAHzC,iBAGyCA,WAHzC;AAAA,UAGsDC,MAHtD,iBAGsDA,MAHtD;AAAA,UAG8DC,QAH9D,iBAG8DA,QAH9D;AAKP,qBAAO,mBAAQN,MAAR,CAAP,eACE,gCAAC,QAAD,0FACE,gCAAC,4BAAD,iDACE,gCAAC,cAAD;AAAA,aACI,MADJ;AAAA,gBAEQG,IAFR;AAAA,uBAGeC,WAHf;AAAA,iBAISH,KAJT;AAAA,oBAKY,CAACA,KALb;AAAA,kBAMUI,MANV;AAAA,oBAOYC;AAPZ,UASG,mCAAkBP,QAAlB,EAA4BQ,aAAa,CAACC,IAA1C,EAAgD,CAC/CD,aAAa,CAACE,KADiC,EAE/CF,aAAa,CAACG,OAFiC,CAAhD,CATH,EAaGT,KAAK,iBAAI,gCAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEU;AAA1B,QAbZ,CADF,EAgBG,CAACV,KAAD,iBACC,gCAAC,cAAD;AAAA,eACM,QADN;AAAA,gBAEQE,IAFR;AAAA,iBAGSF,KAHT;AAAA;AAAA,mBAKW,wCAAqBC,OAArB,EAA8B,KAAKU,qBAAnC,CALX;AAAA,qBAMa,KAAKA,qBANlB;AAAA,oBAOYN;AAPZ,uBASE,gCAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEO;AAA1B,QATF,CAjBJ,CADF,CADF;AAkCD;;;EA7C6BC,e;;iCAA1BvB,iB,iBACiB,e;iCADjBA,iB,WAEWwB,K;;AA8CjB,SAASL,OAAT,CAAiBM,KAAjB,EAAwB;AAAA;AAAA;;AACtB,MAAMC,QAAQ,GACiCpB,wBAAYY,KAD3D;AACA,iBAAO,mBAAQO,KAAK,CAAChB,MAAd,CAAP,eAA6B,gCAAC,QAAD;AAAA,WAA0CkB;AAA1C,cAA7B;AACD;;AAED,IAAMX,aAAa,GAAG,sBACpBhB,iBADoB,EAEpB;AACEiB,EAAAA,IAAI,EAAEX,wBAAYW,IADpB;AAEEC,EAAAA,KAAK,EAAEZ,wBAAYY,KAFrB;AAGEC,EAAAA,OAAO,EAAPA;AAHF,CAFoB,EAOpB;AACES,EAAAA,MAAM,EAAEtB;AADV,CAPoB,CAAtB;eAYeU,a","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"],"file":"FilterTrigger.js"}
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -27,7 +27,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
27
27
|
|
|
28
28
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
31
31
|
|
|
32
32
|
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
33
33
|
|
|
@@ -107,9 +107,9 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
|
107
107
|
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, (0, _core.assignProps)({
|
|
108
108
|
"use:color": (0, _color["default"])(color)
|
|
109
109
|
}, _ref))), (0, _addonTextChildren["default"])(Children, LinkTrigger.Text, LinkTrigger.Addon), /*#__PURE__*/_react["default"].createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], _ref4.cn("Spin", {
|
|
110
|
-
"size":
|
|
111
|
-
"theme":
|
|
112
|
-
})) : /*#__PURE__*/_react["default"].createElement(
|
|
110
|
+
"size": "xs",
|
|
111
|
+
"theme": "currentColor"
|
|
112
|
+
})) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("ChevronDown", {}))));
|
|
113
113
|
}
|
|
114
114
|
}]);
|
|
115
115
|
return RootLinkTrigger;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/LinkTrigger.js"],"names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","color","Text","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;
|
|
1
|
+
{"version":3,"sources":["../../src/LinkTrigger.js"],"names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","color","Text","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AAAA,0BACkB,KAAKC,OADvB;AAAA,UACLC,WADK,iBACLA,WADK;AAAA,UACQC,KADR,iBACQA,KADR;AAEb,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAKMC,YALxB;AACA,UAAMC,UAAU,GAAGC,WAAW,CAACC,KAA/B;AAFO,2BAGsC,KAAKP,OAH3C;AAAA,UAGCQ,QAHD,kBAGCA,QAHD;AAAA,UAGWC,OAHX,kBAGWA,OAHX;AAAA,UAGoBC,MAHpB,kBAGoBA,MAHpB;AAAA,UAG4BC,KAH5B,kBAG4BA,KAH5B;AAKP,qBAAO,mBAAQD,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,qBAAsC,uBAAaC,KAAb;AAAtC,kBACG,mCAAkBH,QAAlB,EAA4BF,WAAW,CAACM,IAAxC,EAA8CN,WAAW,CAACC,KAA1D,CADH,eAEE,gCAAC,UAAD,8BACGE,OAAO,gBAAG,gCAAC,gBAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAA6C,gCAAC,aAAD,8BADvD,CAFF,CADF;AAQD;;;EA7B2BI,e;;iCAAxBd,e,iBACiB,a;iCADjBA,e,WAEWe,K;iCAFXf,e,kBAGkB;AACpBgB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBhB,e,aAMa,CAAC,uCAAD,C;;AA0BnB,SAASa,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMb,YALjB;AADmB,MAEXc,QAFW,GAE8BF,KAF9B,CAEXE,QAFW;AAAA,MAEDR,MAFC,GAE8BM,KAF9B,CAEDN,MAFC;AAAA,MAEOR,KAFP,GAE8Bc,KAF9B,CAEOd,KAFP;AAAA,MAEcD,WAFd,GAE8Be,KAF9B,CAEcf,WAFd;AAInB,iBAAO,mBAAQS,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCR;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASX,KAAT,CAAeS,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCf,YAD7C;AACA,iBAAO,mBAAQY,KAAK,CAACN,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMJ,WAAW,GAAG,sBAAgBP,eAAhB,EAAiC;AACnDa,EAAAA,IAAI,EAAJA,IADmD;AAEnDL,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeD,W","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 } = this.asProps;\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={resolveColor(color)}>\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 */\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"],"file":"LinkTrigger.js"}
|
package/lib/es6/BaseTrigger.js
CHANGED
|
@@ -30,30 +30,30 @@ var style = (
|
|
|
30
30
|
/*__reshadow_css_start__*/
|
|
31
31
|
_sstyled.insert(
|
|
32
32
|
/*__inner_css_start__*/
|
|
33
|
-
".
|
|
33
|
+
".___SBaseTrigger_10p2s_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:inherit;cursor:pointer;border:1px solid #a6b0b3;background:#fff;color:#333}.___SBaseTrigger_10p2s_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_10p2s_gg_:active,.___SBaseTrigger_10p2s_gg_:focus,.___SBaseTrigger_10p2s_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_10p2s_gg_:active,.___SBaseTrigger_10p2s_gg_:hover,.___SBaseTrigger_10p2s_gg_.__active_10p2s_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_10p2s_gg_.__disabled_10p2s_gg_{opacity:.3;cursor:default;pointer-events:none}.___SBaseTrigger_10p2s_gg_.__keyboardFocused_10p2s_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3);z-index:1}.___SInner_10p2s_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_10p2s_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.1;flex-grow:1;text-align:left}.___SAddon_10p2s_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_10p2s_gg_{width:12px;height:12px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SText_10p2s_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_10p2s_gg_._size_s_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SText_10p2s_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_m_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SText_10p2s_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_10p2s_gg_._size_l_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SText_10p2s_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SAddon_10p2s_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_10p2s_gg_._size_xl_10p2s_gg_ .___SAddon_10p2s_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_10p2s_gg_._neighborLocation_right_10p2s_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_10p2s_gg_._neighborLocation_both_10p2s_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_10p2s_gg_._neighborLocation_left_10p2s_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_10p2s_gg_.__placeholder_10p2s_gg_{color:#aaa}.___SBaseTrigger_10p2s_gg_._state_normal_10p2s_gg_{border-color:#a6b0b3}.___SBaseTrigger_10p2s_gg_._state_valid_10p2s_gg_{border-color:#4fae33}.___SBaseTrigger_10p2s_gg_._state_invalid_10p2s_gg_{border-color:#ff7f00}"
|
|
34
34
|
/*__inner_css_end__*/
|
|
35
|
-
, "
|
|
35
|
+
, "upa657_gg_")
|
|
36
36
|
/*__reshadow_css_end__*/
|
|
37
37
|
, {
|
|
38
|
-
"__SBaseTrigger": "
|
|
39
|
-
"_active": "
|
|
40
|
-
"_disabled": "
|
|
41
|
-
"_keyboardFocused": "
|
|
42
|
-
"__SInner": "
|
|
43
|
-
"__SText": "
|
|
44
|
-
"__SAddon": "
|
|
45
|
-
"__SBaseAddon": "
|
|
46
|
-
"_size_s": "
|
|
47
|
-
"_size_m": "
|
|
48
|
-
"_size_l": "
|
|
49
|
-
"_size_xl": "
|
|
50
|
-
"_neighborLocation_right": "
|
|
51
|
-
"_neighborLocation_both": "
|
|
52
|
-
"_neighborLocation_left": "
|
|
53
|
-
"_placeholder": "
|
|
54
|
-
"_state_normal": "
|
|
55
|
-
"_state_valid": "
|
|
56
|
-
"_state_invalid": "
|
|
38
|
+
"__SBaseTrigger": "___SBaseTrigger_10p2s_gg_",
|
|
39
|
+
"_active": "__active_10p2s_gg_",
|
|
40
|
+
"_disabled": "__disabled_10p2s_gg_",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_10p2s_gg_",
|
|
42
|
+
"__SInner": "___SInner_10p2s_gg_",
|
|
43
|
+
"__SText": "___SText_10p2s_gg_",
|
|
44
|
+
"__SAddon": "___SAddon_10p2s_gg_",
|
|
45
|
+
"__SBaseAddon": "___SBaseAddon_10p2s_gg_",
|
|
46
|
+
"_size_s": "_size_s_10p2s_gg_",
|
|
47
|
+
"_size_m": "_size_m_10p2s_gg_",
|
|
48
|
+
"_size_l": "_size_l_10p2s_gg_",
|
|
49
|
+
"_size_xl": "_size_xl_10p2s_gg_",
|
|
50
|
+
"_neighborLocation_right": "_neighborLocation_right_10p2s_gg_",
|
|
51
|
+
"_neighborLocation_both": "_neighborLocation_both_10p2s_gg_",
|
|
52
|
+
"_neighborLocation_left": "_neighborLocation_left_10p2s_gg_",
|
|
53
|
+
"_placeholder": "__placeholder_10p2s_gg_",
|
|
54
|
+
"_state_normal": "_state_normal_10p2s_gg_",
|
|
55
|
+
"_state_valid": "_state_valid_10p2s_gg_",
|
|
56
|
+
"_state_invalid": "_state_invalid_10p2s_gg_"
|
|
57
57
|
});
|
|
58
58
|
|
|
59
59
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/es6/ButtonTrigger.js
CHANGED
|
@@ -14,7 +14,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
14
14
|
import React from 'react';
|
|
15
15
|
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
16
16
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
17
|
-
import
|
|
17
|
+
import ChevronDown from '@semcore/icon/ChevronDown/m';
|
|
18
18
|
import BaseTrigger from './BaseTrigger';
|
|
19
19
|
import Spin from '@semcore/spin';
|
|
20
20
|
|
|
@@ -54,9 +54,9 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
54
54
|
styles = _this$asProps.styles,
|
|
55
55
|
loading = _this$asProps.loading;
|
|
56
56
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon), /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref2.cn("Spin", {
|
|
57
|
-
"size":
|
|
58
|
-
"theme":
|
|
59
|
-
})) : /*#__PURE__*/React.createElement(
|
|
57
|
+
"size": "xs",
|
|
58
|
+
"theme": "#a6b0b3"
|
|
59
|
+
})) : /*#__PURE__*/React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
|
|
60
60
|
}
|
|
61
61
|
}]);
|
|
62
62
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ButtonTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","addonTextChildren","
|
|
1
|
+
{"version":3,"sources":["../../src/ButtonTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","asProps","Children","styles","loading","Text","style","parent"],"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;AAAA;AAAA;;AACP,UAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;AADO,0BAE+B,KAAKC,OAFpC;AAAA,UAECC,QAFD,iBAECA,QAFD;AAAA,UAEWC,MAFX,iBAEWA,MAFX;AAAA,UAEmBC,OAFnB,iBAEmBA,OAFnB;AAIP,qBAAOZ,OAAO,CAACW,MAAD,CAAd,eACE,oBAAcR,WAAd,0BACGF,iBAAiB,CAACS,QAAD,EAAWH,aAAa,CAACM,IAAzB,EAA+BN,aAAa,CAACC,KAA7C,CADpB,eAEE,oBAAC,YAAD,gCACGI,OAAO,gBAAG,oBAAC,IAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAAwC,oBAAC,WAAD,8BADlD,CAFF,CADF;AAQD;;;;EAhB6Bd,S;;gBAA1BO,iB,iBACiB,e;;gBADjBA,iB,WAEWS,K;;AAiBjB,IAAMP,aAAa,GAAGV,eAAe,CACnCQ,iBADmC,EAEnC;AACEQ,EAAAA,IAAI,EAAEV,WAAW,CAACU,IADpB;AAEEL,EAAAA,KAAK,EAAEL,WAAW,CAACK;AAFrB,CAFmC,EAMnC;AACEO,EAAAA,MAAM,EAAEZ;AADV,CANmC,CAArC;AAWA,eAAeI,aAAf","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 { 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 ? <Spin size=\"xs\" theme=\"#a6b0b3\" /> : <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"],"file":"ButtonTrigger.js"}
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -23,8 +23,8 @@ import BaseTrigger from './BaseTrigger';
|
|
|
23
23
|
import { Box } from '@semcore/flex-box';
|
|
24
24
|
import NeighborLocation from '@semcore/neighbor-location';
|
|
25
25
|
import Dot from '@semcore/dot';
|
|
26
|
-
import
|
|
27
|
-
import
|
|
26
|
+
import Close from '@semcore/icon/Close/m';
|
|
27
|
+
import ChevronDown from '@semcore/icon/ChevronDown/m';
|
|
28
28
|
import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
|
|
29
29
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
30
30
|
|
|
@@ -97,7 +97,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
97
97
|
active = _this$asProps.active,
|
|
98
98
|
disabled = _this$asProps.disabled;
|
|
99
99
|
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SWrapper, _ref3.cn("SWrapper", _objectSpread({}, _assignProps({}, _ref))), /*#__PURE__*/React.createElement(NeighborLocation, _ref3.cn("NeighborLocation", {}), /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
100
|
-
"w":
|
|
100
|
+
"w": "100%",
|
|
101
101
|
"size": size,
|
|
102
102
|
"placeholder": placeholder,
|
|
103
103
|
"empty": empty,
|
|
@@ -105,9 +105,9 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
105
105
|
"active": active,
|
|
106
106
|
"disabled": disabled
|
|
107
107
|
}), addonTextChildren(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter]), empty && /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
|
|
108
|
-
tag:
|
|
108
|
+
tag: ChevronDown
|
|
109
109
|
})), !empty && /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
110
|
-
"tag":
|
|
110
|
+
"tag": "button",
|
|
111
111
|
"size": size,
|
|
112
112
|
"empty": empty,
|
|
113
113
|
"selected": true,
|
|
@@ -115,7 +115,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
115
115
|
"onKeyDown": this.handleStopPropagation,
|
|
116
116
|
"disabled": disabled
|
|
117
117
|
}), /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
|
|
118
|
-
tag:
|
|
118
|
+
tag: Close
|
|
119
119
|
}))));
|
|
120
120
|
}
|
|
121
121
|
}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/FilterTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","
|
|
1
|
+
{"version":3,"sources":["../../src/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"],"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;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,K;;;;;;;WAExB,kBAAS;AAAA;AAAA;;AACP,UAAMC,QAAQ,GAKMV,GALpB;AACA,UAAMW,cAAc,GAAGZ,WAAvB;AAFO,0BAG2E,KAAKa,OAHhF;AAAA,UAGCC,QAHD,iBAGCA,QAHD;AAAA,UAGWC,MAHX,iBAGWA,MAHX;AAAA,UAGmBC,KAHnB,iBAGmBA,KAHnB;AAAA,UAG0BC,OAH1B,iBAG0BA,OAH1B;AAAA,UAGmCC,IAHnC,iBAGmCA,IAHnC;AAAA,UAGyCC,WAHzC,iBAGyCA,WAHzC;AAAA,UAGsDC,MAHtD,iBAGsDA,MAHtD;AAAA,UAG8DC,QAH9D,iBAG8DA,QAH9D;AAKP,qBAAOtB,OAAO,CAACgB,MAAD,CAAd,eACE,oBAAC,QAAD,gFACE,oBAAC,gBAAD,iDACE,oBAAC,cAAD;AAAA,aACI,MADJ;AAAA,gBAEQG,IAFR;AAAA,uBAGeC,WAHf;AAAA,iBAISH,KAJT;AAAA,oBAKY,CAACA,KALb;AAAA,kBAMUI,MANV;AAAA,oBAOYC;AAPZ,UASGd,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;AAAqB,QAAA,GAAG,EAAEX;AAA1B,QAbZ,CADF,EAgBG,CAACW,KAAD,iBACC,oBAAC,cAAD;AAAA,eACM,QADN;AAAA,gBAEQE,IAFR;AAAA,iBAGSF,KAHT;AAAA;AAAA,mBAKWV,oBAAoB,CAACW,OAAD,EAAU,KAAKS,qBAAf,CAL/B;AAAA,qBAMa,KAAKA,qBANlB;AAAA,oBAOYL;AAPZ,uBASE,oBAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEjB;AAA1B,QATF,CAjBJ,CADF,CADF;AAkCD;;;;EA7C6BP,S;;gBAA1BW,iB,iBACiB,e;;gBADjBA,iB,WAEWmB,K;;AA8CjB,SAASF,OAAT,CAAiBG,KAAjB,EAAwB;AAAA;AAAA;;AACtB,MAAMC,QAAQ,GACiC7B,WAAW,CAACwB,KAD3D;AACA,iBAAOzB,OAAO,CAAC6B,KAAK,CAACb,MAAP,CAAd,eAA6B,oBAAC,QAAD;AAAA,WAA0CZ;AAA1C,cAA7B;AACD;;AAED,IAAMmB,aAAa,GAAG1B,eAAe,CACnCY,iBADmC,EAEnC;AACEe,EAAAA,IAAI,EAAEvB,WAAW,CAACuB,IADpB;AAEEC,EAAAA,KAAK,EAAExB,WAAW,CAACwB,KAFrB;AAGEC,EAAAA,OAAO,EAAPA;AAHF,CAFmC,EAOnC;AACEK,EAAAA,MAAM,EAAE9B;AADV,CAPmC,CAArC;AAYA,eAAesB,aAAf","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"],"file":"FilterTrigger.js"}
|
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -20,7 +20,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
20
20
|
import React from 'react';
|
|
21
21
|
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
22
22
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
23
|
-
import
|
|
23
|
+
import ChevronDown from '@semcore/icon/ChevronDown/m';
|
|
24
24
|
import Spin from '@semcore/spin';
|
|
25
25
|
import { Box } from '@semcore/flex-box';
|
|
26
26
|
import resolveColor, { shade } from '@semcore/utils/lib/color';
|
|
@@ -89,9 +89,9 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
|
89
89
|
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, _assignProps({
|
|
90
90
|
"use:color": resolveColor(color)
|
|
91
91
|
}, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
|
|
92
|
-
"size":
|
|
93
|
-
"theme":
|
|
94
|
-
})) : /*#__PURE__*/React.createElement(
|
|
92
|
+
"size": "xs",
|
|
93
|
+
"theme": "currentColor"
|
|
94
|
+
})) : /*#__PURE__*/React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
|
|
95
95
|
}
|
|
96
96
|
}]);
|
|
97
97
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/LinkTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","addonTextChildren","
|
|
1
|
+
{"version":3,"sources":["../../src/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","color","Text","style","size","props","SText","children","SAddon"],"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;AAAA,0BACkB,KAAKC,OADvB;AAAA,UACLC,WADK,iBACLA,WADK;AAAA,UACQC,KADR,iBACQA,KADR;AAEb,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAKMR,GALxB;AACA,UAAMS,UAAU,GAAGC,WAAW,CAACC,KAA/B;AAFO,2BAGsC,KAAKN,OAH3C;AAAA,UAGCO,QAHD,kBAGCA,QAHD;AAAA,UAGWC,OAHX,kBAGWA,OAHX;AAAA,UAGoBC,MAHpB,kBAGoBA,MAHpB;AAAA,UAG4BC,KAH5B,kBAG4BA,KAH5B;AAKP,qBAAOnB,OAAO,CAACkB,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,qBAAsCb,YAAY,CAACc,KAAD;AAAlD,kBACGlB,iBAAiB,CAACe,QAAD,EAAWF,WAAW,CAACM,IAAvB,EAA6BN,WAAW,CAACC,KAAzC,CADpB,eAEE,oBAAC,UAAD,8BACGE,OAAO,gBAAG,oBAAC,IAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAA6C,oBAAC,WAAD,8BADvD,CAFF,CADF;AAQD;;;;EA7B2BnB,S;;gBAAxBU,e,iBACiB,a;;gBADjBA,e,WAEWa,K;;gBAFXb,e,kBAGkB;AACpBc,EAAAA,IAAI,EAAE;AADc,C;;gBAHlBd,e,aAMa,CAACD,oBAAoB,EAArB,C;;AA0BnB,SAASa,IAAT,CAAcG,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMpB,GALjB;AADmB,MAEXqB,QAFW,GAE8BF,KAF9B,CAEXE,QAFW;AAAA,MAEDP,MAFC,GAE8BK,KAF9B,CAEDL,MAFC;AAAA,MAEOP,KAFP,GAE8BY,KAF9B,CAEOZ,KAFP;AAAA,MAEcD,WAFd,GAE8Ba,KAF9B,CAEcb,WAFd;AAInB,iBAAOV,OAAO,CAACkB,MAAD,CAAd;AAAA;;AACE;AACA,sBAAC,KAAD;AAAA,uBAAqCP;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBe,QADzB,CAFF;AAMD;;AAED,SAASV,KAAT,CAAeQ,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCtB,GAD7C;AACA,iBAAOJ,OAAO,CAACuB,KAAK,CAACL,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMJ,WAAW,GAAGjB,eAAe,CAACW,eAAD,EAAkB;AACnDY,EAAAA,IAAI,EAAJA,IADmD;AAEnDL,EAAAA,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeD,WAAf","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 } = this.asProps;\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={resolveColor(color)}>\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 */\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"],"file":"LinkTrigger.js"}
|
package/package.json
CHANGED
|
@@ -1,16 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/base-trigger",
|
|
3
3
|
"description": "SEMRush BaseTrigger Component",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.5.0",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
8
|
-
"sideEffects":
|
|
9
|
-
"lib/*/BaseTrigger.js",
|
|
10
|
-
"lib/*/ButtonTrigger.js",
|
|
11
|
-
"lib/*/FilterTrigger.js",
|
|
12
|
-
"lib/*/LinkTrigger.js"
|
|
13
|
-
],
|
|
8
|
+
"sideEffects": false,
|
|
14
9
|
"author": "Roman Lysov <r.lysov@semrush.com>",
|
|
15
10
|
"license": "MIT",
|
|
16
11
|
"scripts": {
|
|
@@ -19,9 +14,9 @@
|
|
|
19
14
|
},
|
|
20
15
|
"dependencies": {
|
|
21
16
|
"@semcore/utils": "^3.15",
|
|
22
|
-
"@semcore/dot": "^
|
|
17
|
+
"@semcore/dot": "^3",
|
|
23
18
|
"@semcore/flex-box": "^4",
|
|
24
|
-
"@semcore/icon": "^2",
|
|
19
|
+
"@semcore/icon": "^2.16",
|
|
25
20
|
"@semcore/neighbor-location": "^2",
|
|
26
21
|
"@semcore/spin": "^3"
|
|
27
22
|
},
|
package/src/ButtonTrigger.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
3
3
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
4
|
-
import
|
|
4
|
+
import ChevronDown from '@semcore/icon/ChevronDown/m';
|
|
5
5
|
import BaseTrigger from './BaseTrigger';
|
|
6
6
|
import Spin from '@semcore/spin';
|
|
7
7
|
|
|
@@ -19,7 +19,7 @@ class RootButtonTrigger extends Component {
|
|
|
19
19
|
<Root render={BaseTrigger}>
|
|
20
20
|
{addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon)}
|
|
21
21
|
<SButtonAddon>
|
|
22
|
-
{loading ? <Spin size=
|
|
22
|
+
{loading ? <Spin size="xs" theme="#a6b0b3" /> : <ChevronDown />}
|
|
23
23
|
</SButtonAddon>
|
|
24
24
|
</Root>,
|
|
25
25
|
);
|
package/src/FilterTrigger.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
3
3
|
import BaseTrigger from './BaseTrigger';
|
|
4
4
|
import { Box } from '@semcore/flex-box';
|
|
5
5
|
import NeighborLocation from '@semcore/neighbor-location';
|
|
6
6
|
import Dot from '@semcore/dot';
|
|
7
|
-
import
|
|
8
|
-
import
|
|
7
|
+
import Close from '@semcore/icon/Close/m';
|
|
8
|
+
import ChevronDown from '@semcore/icon/ChevronDown/m';
|
|
9
9
|
import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
|
|
10
10
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
11
11
|
|
|
@@ -26,7 +26,7 @@ class RootFilterTrigger extends Component {
|
|
|
26
26
|
<SWrapper render={Box}>
|
|
27
27
|
<NeighborLocation>
|
|
28
28
|
<SFilterTrigger
|
|
29
|
-
w=
|
|
29
|
+
w="100%"
|
|
30
30
|
size={size}
|
|
31
31
|
placeholder={placeholder}
|
|
32
32
|
empty={empty}
|
|
@@ -38,11 +38,11 @@ class RootFilterTrigger extends Component {
|
|
|
38
38
|
FilterTrigger.Addon,
|
|
39
39
|
FilterTrigger.Counter,
|
|
40
40
|
])}
|
|
41
|
-
{empty && <FilterTrigger.Addon tag={
|
|
41
|
+
{empty && <FilterTrigger.Addon tag={ChevronDown} />}
|
|
42
42
|
</SFilterTrigger>
|
|
43
43
|
{!empty && (
|
|
44
44
|
<SFilterTrigger
|
|
45
|
-
tag=
|
|
45
|
+
tag="button"
|
|
46
46
|
size={size}
|
|
47
47
|
empty={empty}
|
|
48
48
|
selected
|
|
@@ -50,7 +50,7 @@ class RootFilterTrigger extends Component {
|
|
|
50
50
|
onKeyDown={this.handleStopPropagation}
|
|
51
51
|
disabled={disabled}
|
|
52
52
|
>
|
|
53
|
-
<FilterTrigger.Addon tag={
|
|
53
|
+
<FilterTrigger.Addon tag={Close} />
|
|
54
54
|
</SFilterTrigger>
|
|
55
55
|
)}
|
|
56
56
|
</NeighborLocation>
|
package/src/LinkTrigger.js
CHANGED
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import createComponent, {
|
|
3
|
-
Component,
|
|
4
|
-
Root,
|
|
5
|
-
sstyled,
|
|
6
|
-
} from '@semcore/core';
|
|
2
|
+
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
7
3
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
8
|
-
import
|
|
4
|
+
import ChevronDown from '@semcore/icon/ChevronDown/m';
|
|
9
5
|
import Spin from '@semcore/spin';
|
|
10
6
|
import { Box } from '@semcore/flex-box';
|
|
11
7
|
import resolveColor, { shade } from '@semcore/utils/lib/color';
|
|
@@ -32,18 +28,13 @@ class RootLinkTrigger extends Component {
|
|
|
32
28
|
render() {
|
|
33
29
|
const SLinkTrigger = Root;
|
|
34
30
|
const SLinkAddon = LinkTrigger.Addon;
|
|
35
|
-
const {
|
|
36
|
-
Children,
|
|
37
|
-
loading,
|
|
38
|
-
styles,
|
|
39
|
-
color,
|
|
40
|
-
} = this.asProps;
|
|
31
|
+
const { Children, loading, styles, color } = this.asProps;
|
|
41
32
|
|
|
42
33
|
return sstyled(styles)(
|
|
43
34
|
<SLinkTrigger render={Box} use:color={resolveColor(color)}>
|
|
44
35
|
{addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}
|
|
45
36
|
<SLinkAddon>
|
|
46
|
-
{loading ? <Spin size=
|
|
37
|
+
{loading ? <Spin size="xs" theme="currentColor" /> : <ChevronDown />}
|
|
47
38
|
</SLinkAddon>
|
|
48
39
|
</SLinkTrigger>,
|
|
49
40
|
);
|