@semcore/base-trigger 2.4.1 → 2.5.2
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 -1
- package/lib/cjs/BaseTrigger.js +29 -25
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +12 -8
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +31 -27
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +33 -25
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.js +11 -7
- package/lib/cjs/style/link-trigger.shadow.css +1 -1
- package/lib/es6/BaseTrigger.js +23 -23
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +6 -6
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +25 -25
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +27 -23
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/style/link-trigger.shadow.css +1 -1
- package/package.json +8 -3
- package/src/BaseTrigger.js +5 -16
- package/src/ButtonTrigger.js +2 -2
- package/src/FilterTrigger.js +7 -7
- package/src/LinkTrigger.js +8 -14
- package/src/style/link-trigger.shadow.css +1 -1
package/lib/es6/BaseTrigger.js
CHANGED
|
@@ -9,9 +9,9 @@ import { assignProps as _assignProps3 } from "@semcore/core";
|
|
|
9
9
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
10
10
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
11
11
|
|
|
12
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
12
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
13
|
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
14
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
15
|
|
|
16
16
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
17
17
|
|
|
@@ -30,30 +30,30 @@ var style = (
|
|
|
30
30
|
/*__reshadow_css_start__*/
|
|
31
31
|
_sstyled.insert(
|
|
32
32
|
/*__inner_css_start__*/
|
|
33
|
-
".
|
|
33
|
+
".___SBaseTrigger_ifund_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:#333333}.___SBaseTrigger_ifund_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_ifund_gg_:active,.___SBaseTrigger_ifund_gg_:focus,.___SBaseTrigger_ifund_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_ifund_gg_:active,.___SBaseTrigger_ifund_gg_:hover,.___SBaseTrigger_ifund_gg_.__active_ifund_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_ifund_gg_.__disabled_ifund_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_ifund_gg_.__keyboardFocused_ifund_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SInner_ifund_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_ifund_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_ifund_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_ifund_gg_{width:12px;height:12px}.___SBaseTrigger_ifund_gg_._size_s_ifund_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_ifund_gg_._size_s_ifund_gg_ .___SText_ifund_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_ifund_gg_._size_s_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_ifund_gg_._size_s_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_ifund_gg_._size_s_ifund_gg_ .___SAddon_ifund_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_ifund_gg_._size_m_ifund_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_ifund_gg_._size_m_ifund_gg_ .___SText_ifund_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_ifund_gg_._size_m_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_ifund_gg_._size_m_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_ifund_gg_._size_m_ifund_gg_ .___SAddon_ifund_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_ifund_gg_._size_l_ifund_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_ifund_gg_._size_l_ifund_gg_ .___SText_ifund_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_ifund_gg_._size_l_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_ifund_gg_._size_l_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_ifund_gg_._size_l_ifund_gg_ .___SAddon_ifund_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_ifund_gg_._size_xl_ifund_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_ifund_gg_._size_xl_ifund_gg_ .___SText_ifund_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_ifund_gg_._size_xl_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_ifund_gg_._size_xl_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_ifund_gg_._size_xl_ifund_gg_ .___SAddon_ifund_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_ifund_gg_._neighborLocation_right_ifund_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_ifund_gg_._neighborLocation_both_ifund_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_ifund_gg_._neighborLocation_left_ifund_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_ifund_gg_.__placeholder_ifund_gg_{color:#aaaaaa}.___SBaseTrigger_ifund_gg_._state_normal_ifund_gg_{border-color:#a6b0b3}.___SBaseTrigger_ifund_gg_._state_valid_ifund_gg_{border-color:#4fae33}.___SBaseTrigger_ifund_gg_._state_invalid_ifund_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_ifund_gg_",
|
|
39
|
+
"_active": "__active_ifund_gg_",
|
|
40
|
+
"_disabled": "__disabled_ifund_gg_",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_ifund_gg_",
|
|
42
|
+
"__SInner": "___SInner_ifund_gg_",
|
|
43
|
+
"__SText": "___SText_ifund_gg_",
|
|
44
|
+
"__SAddon": "___SAddon_ifund_gg_",
|
|
45
|
+
"__SBaseAddon": "___SBaseAddon_ifund_gg_",
|
|
46
|
+
"_size_s": "_size_s_ifund_gg_",
|
|
47
|
+
"_size_m": "_size_m_ifund_gg_",
|
|
48
|
+
"_size_l": "_size_l_ifund_gg_",
|
|
49
|
+
"_size_xl": "_size_xl_ifund_gg_",
|
|
50
|
+
"_neighborLocation_right": "_neighborLocation_right_ifund_gg_",
|
|
51
|
+
"_neighborLocation_both": "_neighborLocation_both_ifund_gg_",
|
|
52
|
+
"_neighborLocation_left": "_neighborLocation_left_ifund_gg_",
|
|
53
|
+
"_placeholder": "__placeholder_ifund_gg_",
|
|
54
|
+
"_state_normal": "_state_normal_ifund_gg_",
|
|
55
|
+
"_state_valid": "_state_valid_ifund_gg_",
|
|
56
|
+
"_state_invalid": "_state_invalid_ifund_gg_"
|
|
57
57
|
});
|
|
58
58
|
|
|
59
59
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -90,7 +90,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
90
90
|
Children = _this$asProps2.Children,
|
|
91
91
|
styles = _this$asProps2.styles,
|
|
92
92
|
theme = _this$asProps2.theme;
|
|
93
|
-
logger.warn(theme !== undefined,
|
|
93
|
+
logger.warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName); // TODO: add aria
|
|
94
94
|
|
|
95
95
|
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, _assignProps({
|
|
96
96
|
"state": theme
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/BaseTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","Box","neighborLocationEnhance","keyboardFocusEnhance","addonTextChildren","logger","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","warn","undefined","BaseTrigger","displayName","Text","Addon","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,
|
|
1
|
+
{"version":3,"sources":["../../src/BaseTrigger.js"],"names":["React","createComponent","Component","Root","sstyled","Box","neighborLocationEnhance","keyboardFocusEnhance","addonTextChildren","logger","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","warn","undefined","BaseTrigger","displayName","Text","Addon","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,SAASC,uBAAT,QAAwC,4BAAxC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,MAAP,MAAmB,2BAAnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;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,GAYMT,GAZxB;AACA,UAAMU,MAAM,GAAG,KAAf;AACA,2BAAoC,KAAKJ,OAAzC;AAAA,UAAQK,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,MAAlB,kBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,kBAA0BA,KAA1B;AAEAT,MAAAA,MAAM,CAACU,IAAP,CACED,KAAK,KAAKE,SADZ,EAEE,iDAFF,EAGE,KAAKT,OAAL,CAAa,cAAb,KAAgCU,WAAW,CAACC,WAH9C,EALO,CAWP;;AACA,qBAAOlB,OAAO,CAACa,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,iBAAkCC;AAAlC,+BACE,oBAAC,MAAD,0BAASV,iBAAiB,CAACQ,QAAD,EAAWK,WAAW,CAACE,IAAvB,EAA6BF,WAAW,CAACG,KAAzC,CAA1B,CADF,CADF;AAKD;;;;EAjC2BtB,S;;gBAAxBQ,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;AACpBgB,EAAAA,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACH,oBAAoB,EAArB,EAAyBD,uBAAuB,EAAhD,C;;AA8BnB,SAASiB,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMvB,GALjB;AACA,MAAQwB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBZ,MAAlB,GAAiDU,KAAjD,CAAkBV,MAAlB;AAAA,MAA0BJ,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;AAEA,iBAAOR,OAAO,CAACa,MAAD,CAAd;AAAA;;AACE;AACA,sBAAC,KAAD;AAAA,uBAAqCJ;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASL,KAAT,CAAeG,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCzB,GAD7C;AACA,iBAAOD,OAAO,CAACuB,KAAK,CAACV,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMI,WAAW,GAAGpB,eAAe,CAACS,eAAD,EAAkB;AACnDa,EAAAA,IAAI,EAAJA,IADmD;AAEnDC,EAAAA,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeH,WAAf","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/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
|
|
|
@@ -23,12 +23,12 @@ var style = (
|
|
|
23
23
|
/*__reshadow_css_start__*/
|
|
24
24
|
_sstyled.insert(
|
|
25
25
|
/*__inner_css_start__*/
|
|
26
|
-
".
|
|
26
|
+
".___SButtonAddon_1yp15_gg_{width:12px;height:12px}"
|
|
27
27
|
/*__inner_css_end__*/
|
|
28
28
|
, "18emizi_gg_")
|
|
29
29
|
/*__reshadow_css_end__*/
|
|
30
30
|
, {
|
|
31
|
-
"__SButtonAddon": "
|
|
31
|
+
"__SButtonAddon": "___SButtonAddon_1yp15_gg_"
|
|
32
32
|
});
|
|
33
33
|
|
|
34
34
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -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;AACA,0BAAsC,KAAKC,OAA3C;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AAAA,UAA0BC,OAA1B,iBAA0BA,OAA1B;AAEA,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
|
@@ -9,9 +9,9 @@ import { sstyled as _sstyled } from "@semcore/core";
|
|
|
9
9
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
10
10
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
11
11
|
|
|
12
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
12
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
13
|
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
14
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
15
|
|
|
16
16
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
17
17
|
|
|
@@ -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
|
|
|
@@ -33,27 +33,27 @@ var style = (
|
|
|
33
33
|
/*__reshadow_css_start__*/
|
|
34
34
|
_sstyled.insert(
|
|
35
35
|
/*__inner_css_start__*/
|
|
36
|
-
".
|
|
36
|
+
".___SButtonTrigger_1le1w_gg_{border:1px solid #a6b0b3;background:#fff;color:#333333}.___SButtonTrigger_1le1w_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1le1w_gg_:active,.___SButtonTrigger_1le1w_gg_:focus,.___SButtonTrigger_1le1w_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1le1w_gg_:active,.___SButtonTrigger_1le1w_gg_:hover,.___SButtonTrigger_1le1w_gg_.__active_1le1w_gg_{background-color:rgba(166,176,179,.2)}.___SButtonTrigger_1le1w_gg_._size_s_1le1w_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButtonTrigger_1le1w_gg_._size_m_1le1w_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButtonTrigger_1le1w_gg_._size_l_1le1w_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButtonTrigger_1le1w_gg_._size_xl_1le1w_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SText_1le1w_gg_.__placeholder_1le1w_gg_{color:#aaaaaa}.___SButtonTrigger_1le1w_gg_._state_normal_1le1w_gg_{border-color:#a6b0b3}.___SButtonTrigger_1le1w_gg_._state_valid_1le1w_gg_{border-color:#4fae33}.___SButtonTrigger_1le1w_gg_._state_invalid_1le1w_gg_{border-color:#ff7f00}.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_{border-color:#2b94e1;background-color:rgba(43,148,225,.2)}.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_:hover,.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_.__active_1le1w_gg_{background:rgba(43,148,225,.3)}.___SWrapper_1le1w_gg_{display:inline-flex}.___SWrapper_1le1w_gg_:focus{outline:none}.___SWrapper_1le1w_gg_.__keyboardFocused_1le1w_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SCounter_1le1w_gg_{background-color:#2b94e1}"
|
|
37
37
|
/*__inner_css_end__*/
|
|
38
38
|
, "y8g6v3_gg_")
|
|
39
39
|
/*__reshadow_css_end__*/
|
|
40
40
|
, {
|
|
41
|
-
"__SButtonTrigger": "
|
|
42
|
-
"_active": "
|
|
43
|
-
"_size_s": "
|
|
44
|
-
"_size_m": "
|
|
45
|
-
"_size_l": "
|
|
46
|
-
"_size_xl": "
|
|
47
|
-
"__SText": "
|
|
48
|
-
"_placeholder": "
|
|
49
|
-
"_state_normal": "
|
|
50
|
-
"_state_valid": "
|
|
51
|
-
"_state_invalid": "
|
|
52
|
-
"__SFilterTrigger": "
|
|
53
|
-
"_selected": "
|
|
54
|
-
"__SWrapper": "
|
|
55
|
-
"_keyboardFocused": "
|
|
56
|
-
"__SCounter": "
|
|
41
|
+
"__SButtonTrigger": "___SButtonTrigger_1le1w_gg_",
|
|
42
|
+
"_active": "__active_1le1w_gg_",
|
|
43
|
+
"_size_s": "_size_s_1le1w_gg_",
|
|
44
|
+
"_size_m": "_size_m_1le1w_gg_",
|
|
45
|
+
"_size_l": "_size_l_1le1w_gg_",
|
|
46
|
+
"_size_xl": "_size_xl_1le1w_gg_",
|
|
47
|
+
"__SText": "___SText_1le1w_gg_",
|
|
48
|
+
"_placeholder": "__placeholder_1le1w_gg_",
|
|
49
|
+
"_state_normal": "_state_normal_1le1w_gg_",
|
|
50
|
+
"_state_valid": "_state_valid_1le1w_gg_",
|
|
51
|
+
"_state_invalid": "_state_invalid_1le1w_gg_",
|
|
52
|
+
"__SFilterTrigger": "___SFilterTrigger_1le1w_gg_",
|
|
53
|
+
"_selected": "__selected_1le1w_gg_",
|
|
54
|
+
"__SWrapper": "___SWrapper_1le1w_gg_",
|
|
55
|
+
"_keyboardFocused": "__keyboardFocused_1le1w_gg_",
|
|
56
|
+
"__SCounter": "___SCounter_1le1w_gg_"
|
|
57
57
|
});
|
|
58
58
|
|
|
59
59
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -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;AACA,0BAAkF,KAAKa,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,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
|
@@ -9,9 +9,9 @@ import { assignProps as _assignProps3 } from "@semcore/core";
|
|
|
9
9
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
10
10
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
11
11
|
|
|
12
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object);
|
|
12
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
13
|
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]
|
|
14
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
15
|
|
|
16
16
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
17
17
|
|
|
@@ -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';
|
|
@@ -31,24 +31,25 @@ var style = (
|
|
|
31
31
|
/*__reshadow_css_start__*/
|
|
32
32
|
_sstyled.insert(
|
|
33
33
|
/*__inner_css_start__*/
|
|
34
|
-
".
|
|
34
|
+
".___SLinkTrigger_1l30n_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:inherit;cursor:pointer}.___SLinkTrigger_1l30n_gg_{color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1l30n_gg_:active,.___SLinkTrigger_1l30n_gg_:hover,.___SLinkTrigger_1l30n_gg_.__active_1l30n_gg_{color:#0063a5}.___SLinkTrigger_1l30n_gg_:active .___SText_1l30n_gg_,.___SLinkTrigger_1l30n_gg_:hover .___SText_1l30n_gg_,.___SLinkTrigger_1l30n_gg_.__active_1l30n_gg_ .___SText_1l30n_gg_{border-color:currentColor}.___SLinkTrigger_1l30n_gg_ .___SText_1l30n_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_1l30n_gg_.__color_1l30n_gg_{color:var(--color_1fzf3hu)}.___SLinkTrigger_1l30n_gg_.__color_1l30n_gg_:hover{color:var(--color-hover_1fzf3hu)}.___SLinkTrigger_1l30n_gg_.__disabled_1l30n_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_1l30n_gg_.__keyboardFocused_1l30n_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SAddon_1l30n_gg_,.___SLinkAddon_1l30n_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1l30n_gg_:not(:only-child):first-child,.___SLinkAddon_1l30n_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1l30n_gg_:not(:only-child):last-child,.___SLinkAddon_1l30n_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1l30n_gg_{width:12px;height:12px}.___SLinkTrigger_1l30n_gg_._size_s_1l30n_gg_{font-size:10px}.___SLinkTrigger_1l30n_gg_._size_m_1l30n_gg_{font-size:12px}.___SLinkTrigger_1l30n_gg_._size_l_1l30n_gg_{font-size:14px}.___SLinkTrigger_1l30n_gg_._size_xl_1l30n_gg_{font-size:16px}"
|
|
35
35
|
/*__inner_css_end__*/
|
|
36
|
-
, "
|
|
36
|
+
, "1fzf3hu_gg_")
|
|
37
37
|
/*__reshadow_css_end__*/
|
|
38
38
|
, {
|
|
39
|
-
"__SLinkTrigger": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"__SText": "
|
|
42
|
-
"_color": "
|
|
43
|
-
"--color": "--
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"
|
|
50
|
-
"
|
|
51
|
-
"
|
|
39
|
+
"__SLinkTrigger": "___SLinkTrigger_1l30n_gg_",
|
|
40
|
+
"_active": "__active_1l30n_gg_",
|
|
41
|
+
"__SText": "___SText_1l30n_gg_",
|
|
42
|
+
"_color": "__color_1l30n_gg_",
|
|
43
|
+
"--color": "--color_1fzf3hu",
|
|
44
|
+
"--color-hover": "--color-hover_1fzf3hu",
|
|
45
|
+
"_disabled": "__disabled_1l30n_gg_",
|
|
46
|
+
"_keyboardFocused": "__keyboardFocused_1l30n_gg_",
|
|
47
|
+
"__SAddon": "___SAddon_1l30n_gg_",
|
|
48
|
+
"__SLinkAddon": "___SLinkAddon_1l30n_gg_",
|
|
49
|
+
"_size_s": "_size_s_1l30n_gg_",
|
|
50
|
+
"_size_m": "_size_m_1l30n_gg_",
|
|
51
|
+
"_size_l": "_size_l_1l30n_gg_",
|
|
52
|
+
"_size_xl": "_size_xl_1l30n_gg_"
|
|
52
53
|
});
|
|
53
54
|
|
|
54
55
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -85,13 +86,16 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
|
85
86
|
Children = _this$asProps2.Children,
|
|
86
87
|
loading = _this$asProps2.loading,
|
|
87
88
|
styles = _this$asProps2.styles,
|
|
88
|
-
|
|
89
|
+
providedColor = _this$asProps2.color;
|
|
90
|
+
var color = resolveColor(providedColor);
|
|
91
|
+
var colorHover = shade(color, -0.12);
|
|
89
92
|
return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, _assignProps({
|
|
90
|
-
"use:color":
|
|
93
|
+
"use:color": color,
|
|
94
|
+
"use:color-hover": colorHover
|
|
91
95
|
}, _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(
|
|
96
|
+
"size": "xs",
|
|
97
|
+
"theme": "currentColor"
|
|
98
|
+
})) : /*#__PURE__*/React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
|
|
95
99
|
}
|
|
96
100
|
}]);
|
|
97
101
|
|
|
@@ -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","providedColor","color","colorHover","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;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,GAQMR,GARxB;AACA,UAAMS,UAAU,GAAGC,WAAW,CAACC,KAA/B;AACA,2BAA4D,KAAKN,OAAjE;AAAA,UAAQO,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,OAAlB,kBAAkBA,OAAlB;AAAA,UAA2BC,MAA3B,kBAA2BA,MAA3B;AAAA,UAA0CC,aAA1C,kBAAmCC,KAAnC;AAEA,UAAMA,KAAK,GAAGf,YAAY,CAACc,aAAD,CAA1B;AACA,UAAME,UAAU,GAAGf,KAAK,CAACc,KAAD,EAAQ,CAAC,IAAT,CAAxB;AAEA,qBAAOpB,OAAO,CAACkB,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,qBAAsCE,KAAtC;AAAA,2BAA8DC;AAA9D,kBACGpB,iBAAiB,CAACe,QAAD,EAAWF,WAAW,CAACQ,IAAvB,EAA6BR,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;;;;EAhC2BnB,S;;gBAAxBU,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;AACpBgB,EAAAA,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACD,oBAAoB,EAArB,C;;AA6BnB,SAASe,IAAT,CAAcG,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMtB,GALjB;AACA,MAAQuB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBT,MAAlB,GAAiDO,KAAjD,CAAkBP,MAAlB;AAAA,MAA0BP,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;AAEA,iBAAOV,OAAO,CAACkB,MAAD,CAAd;AAAA;;AACE;AACA,sBAAC,KAAD;AAAA,uBAAqCP;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASZ,KAAT,CAAeU,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCxB,GAD7C;AACA,iBAAOJ,OAAO,CAACyB,KAAK,CAACP,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMJ,WAAW,GAAGjB,eAAe,CAACW,eAAD,EAAkB;AACnDc,EAAAA,IAAI,EAAJA,IADmD;AAEnDP,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: 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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/base-trigger",
|
|
3
3
|
"description": "SEMRush BaseTrigger Component",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.5.2",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"@semcore/utils": "^3.15",
|
|
17
17
|
"@semcore/dot": "^3",
|
|
18
18
|
"@semcore/flex-box": "^4",
|
|
19
|
-
"@semcore/icon": "^2",
|
|
19
|
+
"@semcore/icon": "^2.16",
|
|
20
20
|
"@semcore/neighbor-location": "^2",
|
|
21
21
|
"@semcore/spin": "^3"
|
|
22
22
|
},
|
|
@@ -25,6 +25,11 @@
|
|
|
25
25
|
"react": "16.8 - 17"
|
|
26
26
|
},
|
|
27
27
|
"jest": {
|
|
28
|
-
"preset": "jest-preset-ui"
|
|
28
|
+
"preset": "@semcore/jest-preset-ui"
|
|
29
|
+
},
|
|
30
|
+
"repository": {
|
|
31
|
+
"type": "git",
|
|
32
|
+
"url": "https://github.com/semrush/intergalactic.git",
|
|
33
|
+
"directory": "semcore/base-trigger"
|
|
29
34
|
}
|
|
30
35
|
}
|
package/src/BaseTrigger.js
CHANGED
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import createComponent, {
|
|
3
|
-
Component,
|
|
4
|
-
Root,
|
|
5
|
-
sstyled,
|
|
6
|
-
} from '@semcore/core';
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
7
3
|
import { Box } from '@semcore/flex-box';
|
|
8
4
|
import { neighborLocationEnhance } from '@semcore/neighbor-location';
|
|
9
5
|
import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
|
|
@@ -31,24 +27,17 @@ class RootBaseTrigger extends Component {
|
|
|
31
27
|
render() {
|
|
32
28
|
const SBaseTrigger = Root;
|
|
33
29
|
const SInner = 'div';
|
|
34
|
-
const {
|
|
35
|
-
Children,
|
|
36
|
-
styles,
|
|
37
|
-
theme,
|
|
38
|
-
} = this.asProps;
|
|
30
|
+
const { Children, styles, theme } = this.asProps;
|
|
39
31
|
|
|
40
32
|
logger.warn(
|
|
41
33
|
theme !== undefined,
|
|
42
|
-
|
|
34
|
+
"The 'theme' property is deprecated, use 'state'",
|
|
43
35
|
this.asProps['data-ui-name'] || BaseTrigger.displayName,
|
|
44
36
|
);
|
|
45
37
|
|
|
46
38
|
// TODO: add aria
|
|
47
39
|
return sstyled(styles)(
|
|
48
|
-
<SBaseTrigger
|
|
49
|
-
render={Box}
|
|
50
|
-
state={theme}
|
|
51
|
-
>
|
|
40
|
+
<SBaseTrigger render={Box} state={theme}>
|
|
52
41
|
<SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>
|
|
53
42
|
</SBaseTrigger>,
|
|
54
43
|
);
|
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>
|