@semcore/base-trigger 2.6.3 → 3.0.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 +19 -0
- package/lib/cjs/BaseTrigger.js +22 -24
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +8 -6
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +18 -20
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +17 -19
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.d.ts +81 -0
- package/lib/cjs/index.js +3 -50
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/base-trigger.shadow.css +31 -88
- package/lib/cjs/style/button-trigger.shadow.css +4 -0
- package/lib/cjs/style/filter-trigger.shadow.css +19 -32
- package/lib/cjs/style/link-trigger.shadow.css +9 -19
- package/lib/es6/BaseTrigger.js +22 -24
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +8 -6
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +18 -20
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +17 -19
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/index.d.ts +81 -0
- package/lib/es6/index.js +0 -3
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/base-trigger.shadow.css +31 -88
- package/lib/es6/style/button-trigger.shadow.css +4 -0
- package/lib/es6/style/filter-trigger.shadow.css +19 -32
- package/lib/es6/style/link-trigger.shadow.css +9 -19
- package/lib/types/index.d.ts +1 -1
- package/package.json +5 -2
- package/src/ButtonTrigger.jsx +2 -1
- package/src/index.d.ts +1 -1
- package/src/index.js +0 -3
- package/src/style/base-trigger.shadow.css +31 -88
- package/src/style/button-trigger.shadow.css +4 -0
- package/src/style/filter-trigger.shadow.css +19 -32
- package/src/style/link-trigger.shadow.css +9 -19
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,25 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.0.0] - 2022-05-17
|
|
6
|
+
|
|
7
|
+
### BREAK
|
|
8
|
+
|
|
9
|
+
- Updated styles according to the library redesign policy.
|
|
10
|
+
- Remove value "xl" and "s" for "size".
|
|
11
|
+
|
|
12
|
+
## [2.6.5] - 2022-05-16
|
|
13
|
+
|
|
14
|
+
### Changed
|
|
15
|
+
|
|
16
|
+
- Version patch update due to children dependencies update (`@semcore/icon` [2.21.0 ~> 2.24.0]).
|
|
17
|
+
|
|
18
|
+
## [2.6.4] - 2022-04-28
|
|
19
|
+
|
|
20
|
+
### Changed
|
|
21
|
+
|
|
22
|
+
- Version patch update due to children dependencies update (`@semcore/icon` [2.20.0 ~> 2.21.0]).
|
|
23
|
+
|
|
5
24
|
## [2.6.3] - 2022-03-21
|
|
6
25
|
|
|
7
26
|
### Changed
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -52,30 +52,28 @@ var style = (
|
|
|
52
52
|
/*__reshadow_css_start__*/
|
|
53
53
|
_core.sstyled.insert(
|
|
54
54
|
/*__inner_css_start__*/
|
|
55
|
-
".
|
|
55
|
+
".___SBaseTrigger_5ixsq_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_5ixsq_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_5ixsq_gg_:active,.___SBaseTrigger_5ixsq_gg_:focus,.___SBaseTrigger_5ixsq_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_5ixsq_gg_.__keyboardFocused_5ixsq_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SBaseTrigger_5ixsq_gg_:hover{background-color:rgba(138,142,155,.2)}.___SBaseTrigger_5ixsq_gg_:active,.___SBaseTrigger_5ixsq_gg_.__active_5ixsq_gg_{background-color:rgba(138,142,155,.3)}.___SBaseTrigger_5ixsq_gg_.__disabled_5ixsq_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_5ixsq_gg_.__keyboardFocused_5ixsq_gg_{z-index:1}.___SInner_5ixsq_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_5ixsq_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_5ixsq_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_5ixsq_gg_{width:12px;height:12px}.___SBaseTrigger_5ixsq_gg_._size_m_5ixsq_gg_{min-width:26px;height:28px;border-radius:6px;padding:0 8px;font-size:14px}.___SBaseTrigger_5ixsq_gg_._size_m_5ixsq_gg_ .___SAddon_5ixsq_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_5ixsq_gg_._size_m_5ixsq_gg_ .___SAddon_5ixsq_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_5ixsq_gg_._size_m_5ixsq_gg_ .___SAddon_5ixsq_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_5ixsq_gg_._size_l_5ixsq_gg_{min-width:32px;height:40px;border-radius:6px;padding:0 12px;font-size:16px}.___SBaseTrigger_5ixsq_gg_._size_l_5ixsq_gg_ .___SAddon_5ixsq_gg_:not(:only-child):first-child{margin-right:8px}.___SBaseTrigger_5ixsq_gg_._size_l_5ixsq_gg_ .___SAddon_5ixsq_gg_:not(:only-child):last-child{margin-left:8px}.___SBaseTrigger_5ixsq_gg_._size_l_5ixsq_gg_ .___SAddon_5ixsq_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_5ixsq_gg_._neighborLocation_right_5ixsq_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_5ixsq_gg_._neighborLocation_both_5ixsq_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_5ixsq_gg_._neighborLocation_left_5ixsq_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_5ixsq_gg_.__placeholder_5ixsq_gg_{color:#a9abb6}.___SBaseTrigger_5ixsq_gg_._state_normal_5ixsq_gg_{border-color:#c4c7cf}.___SBaseTrigger_5ixsq_gg_._state_valid_5ixsq_gg_{border-color:#59ddaa}.___SBaseTrigger_5ixsq_gg_._state_invalid_5ixsq_gg_{border-color:#ffaeb5}.___SBaseTrigger_5ixsq_gg_._state_invalid_5ixsq_gg_.__keyboardFocused_5ixsq_gg_{border-color:#ff622d;box-shadow:0 0 0 3px rgba(255,98,45,.3)}"
|
|
56
56
|
/*__inner_css_end__*/
|
|
57
|
-
, "
|
|
57
|
+
, "1ntsokv_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
|
-
"
|
|
69
|
-
"
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"_state_valid": "_state_valid_qaw1b_gg_",
|
|
78
|
-
"_state_invalid": "_state_invalid_qaw1b_gg_"
|
|
60
|
+
"__SBaseTrigger": "___SBaseTrigger_5ixsq_gg_",
|
|
61
|
+
"_keyboardFocused": "__keyboardFocused_5ixsq_gg_",
|
|
62
|
+
"_active": "__active_5ixsq_gg_",
|
|
63
|
+
"_disabled": "__disabled_5ixsq_gg_",
|
|
64
|
+
"__SInner": "___SInner_5ixsq_gg_",
|
|
65
|
+
"__SText": "___SText_5ixsq_gg_",
|
|
66
|
+
"__SAddon": "___SAddon_5ixsq_gg_",
|
|
67
|
+
"__SBaseAddon": "___SBaseAddon_5ixsq_gg_",
|
|
68
|
+
"_size_m": "_size_m_5ixsq_gg_",
|
|
69
|
+
"_size_l": "_size_l_5ixsq_gg_",
|
|
70
|
+
"_neighborLocation_right": "_neighborLocation_right_5ixsq_gg_",
|
|
71
|
+
"_neighborLocation_both": "_neighborLocation_both_5ixsq_gg_",
|
|
72
|
+
"_neighborLocation_left": "_neighborLocation_left_5ixsq_gg_",
|
|
73
|
+
"_placeholder": "__placeholder_5ixsq_gg_",
|
|
74
|
+
"_state_normal": "_state_normal_5ixsq_gg_",
|
|
75
|
+
"_state_valid": "_state_valid_5ixsq_gg_",
|
|
76
|
+
"_state_invalid": "_state_invalid_5ixsq_gg_"
|
|
79
77
|
});
|
|
80
78
|
|
|
81
79
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -102,7 +100,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
102
100
|
}, {
|
|
103
101
|
key: "render",
|
|
104
102
|
value: function render() {
|
|
105
|
-
var _ref = this
|
|
103
|
+
var _ref = this.asProps,
|
|
106
104
|
_ref4;
|
|
107
105
|
|
|
108
106
|
var SBaseTrigger = _flexBox.Box;
|
|
@@ -131,7 +129,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
131
129
|
(0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _neighborLocation.neighborLocationEnhance)()]);
|
|
132
130
|
|
|
133
131
|
function Text(props) {
|
|
134
|
-
var _ref2 =
|
|
132
|
+
var _ref2 = arguments[0],
|
|
135
133
|
_ref5;
|
|
136
134
|
|
|
137
135
|
var SText = _flexBox.Box;
|
|
@@ -149,7 +147,7 @@ function Text(props) {
|
|
|
149
147
|
}
|
|
150
148
|
|
|
151
149
|
function Addon(props) {
|
|
152
|
-
var _ref3 =
|
|
150
|
+
var _ref3 = arguments[0],
|
|
153
151
|
_ref6;
|
|
154
152
|
|
|
155
153
|
var SAddon = _flexBox.Box;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/BaseTrigger.jsx"],"names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","logger","warn","undefined","BaseTrigger","displayName","Text","Addon","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"sources":["../../src/BaseTrigger.jsx"],"names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","logger","warn","undefined","BaseTrigger","displayName","Text","Addon","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAYMC,YAZxB;AACA,UAAMC,MAAM,GAAG,KAAf;AACA,2BAAoC,KAAKL,OAAzC;AAAA,UAAQM,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,MAAlB,kBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,kBAA0BA,KAA1B;;AAEAC,yBAAOC,IAAP,CACEF,KAAK,KAAKG,SADZ,EAEE,iDAFF,EAGE,KAAKX,OAAL,CAAa,cAAb,KAAgCY,WAAW,CAACC,WAH9C,EALO,CAWP;;;AACA,qBAAO,mBAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,iBAAkCC;AAAlC,+BACE,gCAAC,MAAD,0BAAS,mCAAkBF,QAAlB,EAA4BM,WAAW,CAACE,IAAxC,EAA8CF,WAAW,CAACG,KAA1D,CAAT,CADF,CADF;AAKD;;;EAjC2BC,e;;iCAAxBjB,e,iBACiB,a;iCADjBA,e,WAEWkB,K;iCAFXlB,e,kBAGkB;AACpBmB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBnB,e,aAMa,CAAC,uCAAD,EAAyB,gDAAzB,C;;AA8BnB,SAASe,IAAT,CAAcK,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMhB,YALjB;AACA,MAAQiB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBd,MAAlB,GAAiDY,KAAjD,CAAkBZ,MAAlB;AAAA,MAA0BL,KAA1B,GAAiDiB,KAAjD,CAA0BjB,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDkB,KAAjD,CAAiClB,WAAjC;AAEA,iBAAO,mBAAQM,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCL;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBoB,QADzB,CAFF;AAMD;;AAED,SAASN,KAAT,CAAeI,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiClB,YAD7C;AACA,iBAAO,mBAAQe,KAAK,CAACZ,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMK,WAAW,GAAG,sBAAgBb,eAAhB,EAAiC;AACnDe,EAAAA,IAAI,EAAJA,IADmD;AAEnDC,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeH,W","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 */\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"],"file":"BaseTrigger.js"}
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -46,12 +46,13 @@ var style = (
|
|
|
46
46
|
/*__reshadow_css_start__*/
|
|
47
47
|
_core.sstyled.insert(
|
|
48
48
|
/*__inner_css_start__*/
|
|
49
|
-
".
|
|
49
|
+
".___SButtonAddon_1m1cj_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1m1cj_gg_{fill:#6c6e79}"
|
|
50
50
|
/*__inner_css_end__*/
|
|
51
|
-
, "
|
|
51
|
+
, "1x17vum_gg_")
|
|
52
52
|
/*__reshadow_css_end__*/
|
|
53
53
|
, {
|
|
54
|
-
"__SButtonAddon": "
|
|
54
|
+
"__SButtonAddon": "___SButtonAddon_1m1cj_gg_",
|
|
55
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1m1cj_gg_"
|
|
55
56
|
});
|
|
56
57
|
|
|
57
58
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -67,17 +68,18 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
67
68
|
(0, _createClass2["default"])(RootButtonTrigger, [{
|
|
68
69
|
key: "render",
|
|
69
70
|
value: function render() {
|
|
70
|
-
var _ref = this
|
|
71
|
+
var _ref = this.asProps,
|
|
71
72
|
_ref2;
|
|
72
73
|
|
|
73
74
|
var SButtonAddon = ButtonTrigger.Addon;
|
|
75
|
+
var SButtonTriggerSpin = _spin["default"];
|
|
74
76
|
var _this$asProps = this.asProps,
|
|
75
77
|
Children = _this$asProps.Children,
|
|
76
78
|
styles = _this$asProps.styles,
|
|
77
79
|
loading = _this$asProps.loading;
|
|
78
|
-
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(
|
|
80
|
+
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(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
79
81
|
"size": "xs",
|
|
80
|
-
"theme":
|
|
82
|
+
"theme": false
|
|
81
83
|
})) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
|
|
82
84
|
}
|
|
83
85
|
}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ButtonTrigger.jsx"],"names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","asProps","Children","styles","loading","BaseTrigger","Text","Component","style","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"sources":["../../src/ButtonTrigger.jsx"],"names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","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;AACA,UAAMC,kBAAkB,GAAGC,gBAA3B;AACA,0BAAsC,KAAKC,OAA3C;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AAAA,UAA0BC,OAA1B,iBAA0BA,OAA1B;AAEA,qBAAO,mBAAQD,MAAR,CAAP,eACE,gCAAcE,uBAAd,oCACG,mCAAkBH,QAAlB,EAA4BL,aAAa,CAACS,IAA1C,EAAgDT,aAAa,CAACC,KAA9D,CADH,eAEE,gCAAC,YAAD,gCACGM,OAAO,gBAAG,gCAAC,kBAAD;AAAA,gBAAyB,IAAzB;AAAA,iBAAqC;AAArC,SAAH,gBAAoD,gCAAC,aAAD,8BAD9D,CAFF,CADF;AAQD;;;EAjB6BG,e;;iCAA1BZ,iB,iBACiB,e;iCADjBA,iB,WAEWa,K;AAkBjB,IAAMX,aAAa,GAAG,sBACpBF,iBADoB,EAEpB;AACEW,EAAAA,IAAI,EAAED,wBAAYC,IADpB;AAEER,EAAAA,KAAK,EAAEO,wBAAYP;AAFrB,CAFoB,EAMpB;AACEW,EAAAA,MAAM,EAAEJ;AADV,CANoB,CAAtB;eAWeR,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 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"],"file":"ButtonTrigger.js"}
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -60,27 +60,25 @@ var style = (
|
|
|
60
60
|
/*__reshadow_css_start__*/
|
|
61
61
|
_core.sstyled.insert(
|
|
62
62
|
/*__inner_css_start__*/
|
|
63
|
-
".
|
|
63
|
+
".___SButtonTrigger_1smud_gg_{border:1px solid #c4c7cf;background:#fff;color:#191b23}.___SButtonTrigger_1smud_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1smud_gg_:active,.___SButtonTrigger_1smud_gg_:focus,.___SButtonTrigger_1smud_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1smud_gg_:active,.___SButtonTrigger_1smud_gg_:hover,.___SButtonTrigger_1smud_gg_.__active_1smud_gg_{background-color:rgba(138,142,155,.2)}.___SButtonTrigger_1smud_gg_._size_m_1smud_gg_{min-width:26px;height:28px;border-radius:6px;font-size:14px}.___SButtonTrigger_1smud_gg_._size_l_1smud_gg_{min-width:32px;height:40px;border-radius:6px;font-size:16px}.___SText_1smud_gg_.__placeholder_1smud_gg_{color:#a9abb6}.___SButtonTrigger_1smud_gg_._state_normal_1smud_gg_{border-color:#c4c7cf}.___SButtonTrigger_1smud_gg_._state_valid_1smud_gg_{border-color:#59ddaa}.___SButtonTrigger_1smud_gg_._state_invalid_1smud_gg_{border-color:#ffaeb5}.___SFilterTrigger_1smud_gg_.__selected_1smud_gg_{border-color:#008ff8;background-color:rgba(0,143,248,.2);color:#191b23}.___SFilterTrigger_1smud_gg_.__selected_1smud_gg_:hover,.___SFilterTrigger_1smud_gg_.__selected_1smud_gg_.__active_1smud_gg_{background:rgba(0,143,248,.3)}.___SWrapper_1smud_gg_{display:inline-flex}.___SWrapper_1smud_gg_:focus{outline:none}.___SWrapper_1smud_gg_.__keyboardFocused_1smud_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}.___SCounter_1smud_gg_{background-color:#008ff8}"
|
|
64
64
|
/*__inner_css_end__*/
|
|
65
|
-
, "
|
|
65
|
+
, "eo2z42_gg_")
|
|
66
66
|
/*__reshadow_css_end__*/
|
|
67
67
|
, {
|
|
68
|
-
"__SButtonTrigger": "
|
|
69
|
-
"_active": "
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"
|
|
81
|
-
"
|
|
82
|
-
"_keyboardFocused": "__keyboardFocused_1le1w_gg_",
|
|
83
|
-
"__SCounter": "___SCounter_1le1w_gg_"
|
|
68
|
+
"__SButtonTrigger": "___SButtonTrigger_1smud_gg_",
|
|
69
|
+
"_active": "__active_1smud_gg_",
|
|
70
|
+
"_size_m": "_size_m_1smud_gg_",
|
|
71
|
+
"_size_l": "_size_l_1smud_gg_",
|
|
72
|
+
"__SText": "___SText_1smud_gg_",
|
|
73
|
+
"_placeholder": "__placeholder_1smud_gg_",
|
|
74
|
+
"_state_normal": "_state_normal_1smud_gg_",
|
|
75
|
+
"_state_valid": "_state_valid_1smud_gg_",
|
|
76
|
+
"_state_invalid": "_state_invalid_1smud_gg_",
|
|
77
|
+
"__SFilterTrigger": "___SFilterTrigger_1smud_gg_",
|
|
78
|
+
"_selected": "__selected_1smud_gg_",
|
|
79
|
+
"__SWrapper": "___SWrapper_1smud_gg_",
|
|
80
|
+
"_keyboardFocused": "__keyboardFocused_1smud_gg_",
|
|
81
|
+
"__SCounter": "___SCounter_1smud_gg_"
|
|
84
82
|
});
|
|
85
83
|
|
|
86
84
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -107,7 +105,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
107
105
|
(0, _createClass2["default"])(RootFilterTrigger, [{
|
|
108
106
|
key: "render",
|
|
109
107
|
value: function render() {
|
|
110
|
-
var _ref = this
|
|
108
|
+
var _ref = this.asProps,
|
|
111
109
|
_ref3;
|
|
112
110
|
|
|
113
111
|
var SWrapper = _flexBox.Box;
|
|
@@ -151,7 +149,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
151
149
|
(0, _defineProperty2["default"])(RootFilterTrigger, "style", style);
|
|
152
150
|
|
|
153
151
|
function Counter(props) {
|
|
154
|
-
var _ref2 =
|
|
152
|
+
var _ref2 = arguments[0],
|
|
155
153
|
_ref4;
|
|
156
154
|
|
|
157
155
|
var SCounter = _BaseTrigger["default"].Addon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/FilterTrigger.jsx"],"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
|
|
1
|
+
{"version":3,"sources":["../../src/FilterTrigger.jsx"],"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;AACA,0BAAkF,KAAKC,OAAvF;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,iBAA0BA,KAA1B;AAAA,UAAiCC,OAAjC,iBAAiCA,OAAjC;AAAA,UAA0CC,IAA1C,iBAA0CA,IAA1C;AAAA,UAAgDC,WAAhD,iBAAgDA,WAAhD;AAAA,UAA6DC,MAA7D,iBAA6DA,MAA7D;AAAA,UAAqEC,QAArE,iBAAqEA,QAArE;AAEA,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
|
@@ -54,25 +54,23 @@ var style = (
|
|
|
54
54
|
/*__reshadow_css_start__*/
|
|
55
55
|
_core.sstyled.insert(
|
|
56
56
|
/*__inner_css_start__*/
|
|
57
|
-
".
|
|
57
|
+
".___SLinkTrigger_1lk11_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_1lk11_gg_:active,.___SLinkTrigger_1lk11_gg_:hover,.___SLinkTrigger_1lk11_gg_.__active_1lk11_gg_{color:#044792}.___SLinkTrigger_1lk11_gg_:active .___SText_1lk11_gg_,.___SLinkTrigger_1lk11_gg_:hover .___SText_1lk11_gg_,.___SLinkTrigger_1lk11_gg_.__active_1lk11_gg_ .___SText_1lk11_gg_{border-color:currentColor}.___SLinkTrigger_1lk11_gg_ .___SText_1lk11_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_1lk11_gg_.__color_1lk11_gg_{color:var(--color_klk89u)}.___SLinkTrigger_1lk11_gg_.__color_1lk11_gg_:hover{color:var(--color-hover_klk89u)}.___SLinkTrigger_1lk11_gg_.__disabled_1lk11_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_1lk11_gg_.__keyboardFocused_1lk11_gg_{box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2);z-index:1}.___SAddon_1lk11_gg_,.___SLinkAddon_1lk11_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1lk11_gg_:not(:only-child):first-child,.___SLinkAddon_1lk11_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1lk11_gg_:not(:only-child):last-child,.___SLinkAddon_1lk11_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1lk11_gg_{width:16px;height:16px}.___SLinkTrigger_1lk11_gg_._size_m_1lk11_gg_{font-size:14px}.___SLinkTrigger_1lk11_gg_._size_l_1lk11_gg_{font-size:16px}@media (prefers-reduced-motion){.___SLinkTrigger_1lk11_gg_{transition:none}.___SLinkTrigger_1lk11_gg_ .___SText_1lk11_gg_{transition:none}}"
|
|
58
58
|
/*__inner_css_end__*/
|
|
59
|
-
, "
|
|
59
|
+
, "klk89u_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
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"_size_l": "_size_l_qt3iv_gg_",
|
|
75
|
-
"_size_xl": "_size_xl_qt3iv_gg_"
|
|
62
|
+
"__SLinkTrigger": "___SLinkTrigger_1lk11_gg_",
|
|
63
|
+
"_active": "__active_1lk11_gg_",
|
|
64
|
+
"__SText": "___SText_1lk11_gg_",
|
|
65
|
+
"_color": "__color_1lk11_gg_",
|
|
66
|
+
"--color": "--color_klk89u",
|
|
67
|
+
"--color-hover": "--color-hover_klk89u",
|
|
68
|
+
"_disabled": "__disabled_1lk11_gg_",
|
|
69
|
+
"_keyboardFocused": "__keyboardFocused_1lk11_gg_",
|
|
70
|
+
"__SAddon": "___SAddon_1lk11_gg_",
|
|
71
|
+
"__SLinkAddon": "___SLinkAddon_1lk11_gg_",
|
|
72
|
+
"_size_m": "_size_m_1lk11_gg_",
|
|
73
|
+
"_size_l": "_size_l_1lk11_gg_"
|
|
76
74
|
});
|
|
77
75
|
|
|
78
76
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -99,7 +97,7 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
|
99
97
|
}, {
|
|
100
98
|
key: "render",
|
|
101
99
|
value: function render() {
|
|
102
|
-
var _ref = this
|
|
100
|
+
var _ref = this.asProps,
|
|
103
101
|
_ref4;
|
|
104
102
|
|
|
105
103
|
var SLinkTrigger = _flexBox.Box;
|
|
@@ -131,7 +129,7 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
|
131
129
|
(0, _defineProperty2["default"])(RootLinkTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
|
|
132
130
|
|
|
133
131
|
function Text(props) {
|
|
134
|
-
var _ref2 =
|
|
132
|
+
var _ref2 = arguments[0],
|
|
135
133
|
_ref5;
|
|
136
134
|
|
|
137
135
|
var SText = _flexBox.Box;
|
|
@@ -149,7 +147,7 @@ function Text(props) {
|
|
|
149
147
|
}
|
|
150
148
|
|
|
151
149
|
function Addon(props) {
|
|
152
|
-
var _ref3 =
|
|
150
|
+
var _ref3 = arguments[0],
|
|
153
151
|
_ref6;
|
|
154
152
|
|
|
155
153
|
var SAddon = _flexBox.Box;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/LinkTrigger.jsx"],"names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"sources":["../../src/LinkTrigger.jsx"],"names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAQMC,YARxB;AACA,UAAMC,UAAU,GAAGC,WAAW,CAACC,KAA/B;AACA,2BAA4D,KAAKP,OAAjE;AAAA,UAAQQ,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,OAAlB,kBAAkBA,OAAlB;AAAA,UAA2BC,MAA3B,kBAA2BA,MAA3B;AAAA,UAA0CC,aAA1C,kBAAmCC,KAAnC;AAEA,UAAMA,KAAK,GAAG,uBAAaD,aAAb,CAAd;AACA,UAAME,UAAU,GAAG,kBAAMD,KAAN,EAAa,CAAC,IAAd,CAAnB;AAEA,qBAAO,mBAAQF,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,qBAAsCE,KAAtC;AAAA,2BAA8DC;AAA9D,kBACG,mCAAkBL,QAAlB,EAA4BF,WAAW,CAACQ,IAAxC,EAA8CR,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;;;EAhC2BM,e;;iCAAxBhB,e,iBACiB,a;iCADjBA,e,WAEWiB,K;iCAFXjB,e,kBAGkB;AACpBkB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBlB,e,aAMa,CAAC,uCAAD,C;;AA6BnB,SAASe,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMf,YALjB;AACA,MAAQgB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBV,MAAlB,GAAiDQ,KAAjD,CAAkBR,MAAlB;AAAA,MAA0BR,KAA1B,GAAiDgB,KAAjD,CAA0BhB,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDiB,KAAjD,CAAiCjB,WAAjC;AAEA,iBAAO,mBAAQS,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCR;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBmB,QADzB,CAFF;AAMD;;AAED,SAASb,KAAT,CAAeW,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCjB,YAD7C;AACA,iBAAO,mBAAQc,KAAK,CAACR,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMJ,WAAW,GAAG,sBAAgBP,eAAhB,EAAiC;AACnDe,EAAAA,IAAI,EAAJA,IADmD;AAEnDP,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: 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 */\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"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import React, { ComponentProps } from 'react';
|
|
2
|
+
import { CProps, ReturnEl } from '@semcore/core';
|
|
3
|
+
import { Box, IBoxProps } from '@semcore/flex-box';
|
|
4
|
+
import Dot from '@semcore/dot';
|
|
5
|
+
import { INeighborItemProps } from '@semcore/neighbor-location';
|
|
6
|
+
import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
7
|
+
|
|
8
|
+
export interface IBaseTriggerProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {
|
|
9
|
+
/**
|
|
10
|
+
* Trigger size
|
|
11
|
+
* @default m
|
|
12
|
+
*/
|
|
13
|
+
size?: 'm' | 'l';
|
|
14
|
+
/**
|
|
15
|
+
* Trigger state
|
|
16
|
+
*/
|
|
17
|
+
state?: 'normal' | 'valid' | 'invalid';
|
|
18
|
+
/**
|
|
19
|
+
* Sets active state to trigger
|
|
20
|
+
*/
|
|
21
|
+
active?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Responsible for placeholder displaying
|
|
24
|
+
*/
|
|
25
|
+
empty?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Placeholder text
|
|
28
|
+
*/
|
|
29
|
+
placeholder?: React.ReactNode;
|
|
30
|
+
/**
|
|
31
|
+
* Sets disabled state to trigger
|
|
32
|
+
*/
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
/** Trigger theme
|
|
35
|
+
* @deprecated {@link IBaseTriggerProps.state}
|
|
36
|
+
* */
|
|
37
|
+
theme?: 'normal' | 'valid' | 'invalid' | false;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
export interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {
|
|
41
|
+
/** Sets the loading state */
|
|
42
|
+
loading?: boolean;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
export interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {
|
|
46
|
+
/** Sets the loading state */
|
|
47
|
+
loading?: boolean;
|
|
48
|
+
/** Text color */
|
|
49
|
+
color?: string;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
export interface IFilterTriggerProps extends IBaseTriggerProps {
|
|
53
|
+
/** Click on the filter cleaning cross */
|
|
54
|
+
onClear?: (event: React.SyntheticEvent) => void;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
declare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {
|
|
58
|
+
Text: typeof Box;
|
|
59
|
+
Addon: typeof Box;
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
declare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {
|
|
63
|
+
Text: typeof BaseTrigger.Text;
|
|
64
|
+
Addon: typeof BaseTrigger.Addon;
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
declare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {
|
|
68
|
+
Text: typeof BaseTrigger.Text;
|
|
69
|
+
Addon: typeof BaseTrigger.Addon;
|
|
70
|
+
};
|
|
71
|
+
|
|
72
|
+
declare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {
|
|
73
|
+
Text: typeof BaseTrigger.Text;
|
|
74
|
+
Addon: typeof BaseTrigger.Addon;
|
|
75
|
+
Counter: <T>(
|
|
76
|
+
props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,
|
|
77
|
+
) => ReturnEl;
|
|
78
|
+
};
|
|
79
|
+
|
|
80
|
+
export default BaseTrigger;
|
|
81
|
+
export { ButtonTrigger, LinkTrigger, FilterTrigger };
|
package/lib/cjs/index.js
CHANGED
|
@@ -2,16 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
|
-
var _exportNames = {
|
|
11
|
-
ButtonTrigger: true,
|
|
12
|
-
FilterTrigger: true,
|
|
13
|
-
LinkTrigger: true
|
|
14
|
-
};
|
|
15
8
|
Object.defineProperty(exports, "ButtonTrigger", {
|
|
16
9
|
enumerable: true,
|
|
17
10
|
get: function get() {
|
|
@@ -37,51 +30,11 @@ Object.defineProperty(exports, "default", {
|
|
|
37
30
|
}
|
|
38
31
|
});
|
|
39
32
|
|
|
40
|
-
var _BaseTrigger =
|
|
41
|
-
|
|
42
|
-
Object.keys(_BaseTrigger).forEach(function (key) {
|
|
43
|
-
if (key === "default" || key === "__esModule") return;
|
|
44
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
45
|
-
if (key in exports && exports[key] === _BaseTrigger[key]) return;
|
|
46
|
-
Object.defineProperty(exports, key, {
|
|
47
|
-
enumerable: true,
|
|
48
|
-
get: function get() {
|
|
49
|
-
return _BaseTrigger[key];
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
});
|
|
33
|
+
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
53
34
|
|
|
54
35
|
var _ButtonTrigger = _interopRequireDefault(require("./ButtonTrigger"));
|
|
55
36
|
|
|
56
|
-
var _FilterTrigger =
|
|
57
|
-
|
|
58
|
-
Object.keys(_FilterTrigger).forEach(function (key) {
|
|
59
|
-
if (key === "default" || key === "__esModule") return;
|
|
60
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
61
|
-
if (key in exports && exports[key] === _FilterTrigger[key]) return;
|
|
62
|
-
Object.defineProperty(exports, key, {
|
|
63
|
-
enumerable: true,
|
|
64
|
-
get: function get() {
|
|
65
|
-
return _FilterTrigger[key];
|
|
66
|
-
}
|
|
67
|
-
});
|
|
68
|
-
});
|
|
69
|
-
|
|
70
|
-
var _LinkTrigger = _interopRequireWildcard(require("./LinkTrigger"));
|
|
71
|
-
|
|
72
|
-
Object.keys(_LinkTrigger).forEach(function (key) {
|
|
73
|
-
if (key === "default" || key === "__esModule") return;
|
|
74
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
75
|
-
if (key in exports && exports[key] === _LinkTrigger[key]) return;
|
|
76
|
-
Object.defineProperty(exports, key, {
|
|
77
|
-
enumerable: true,
|
|
78
|
-
get: function get() {
|
|
79
|
-
return _LinkTrigger[key];
|
|
80
|
-
}
|
|
81
|
-
});
|
|
82
|
-
});
|
|
83
|
-
|
|
84
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
37
|
+
var _FilterTrigger = _interopRequireDefault(require("./FilterTrigger"));
|
|
85
38
|
|
|
86
|
-
|
|
39
|
+
var _LinkTrigger = _interopRequireDefault(require("./LinkTrigger"));
|
|
87
40
|
//# sourceMappingURL=index.js.map
|
package/lib/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"file":"index.js"}
|