@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 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
@@ -48,30 +48,30 @@ var style = (
48
48
  /*__reshadow_css_start__*/
49
49
  _core.sstyled.insert(
50
50
  /*__inner_css_start__*/
51
- ".___SBaseTrigger_16w6n_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_16w6n_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_16w6n_gg_:active,.___SBaseTrigger_16w6n_gg_:focus,.___SBaseTrigger_16w6n_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_16w6n_gg_:active,.___SBaseTrigger_16w6n_gg_:hover,.___SBaseTrigger_16w6n_gg_.__active_16w6n_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_16w6n_gg_.__disabled_16w6n_gg_{opacity:.3;cursor:default;pointer-events:none}.___SBaseTrigger_16w6n_gg_.__keyboardFocused_16w6n_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3);z-index:1}.___SInner_16w6n_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_16w6n_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;flex-grow:1;text-align:left}.___SAddon_16w6n_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_16w6n_gg_{width:12px;height:12px}.___SBaseTrigger_16w6n_gg_._size_s_16w6n_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_16w6n_gg_._size_s_16w6n_gg_ .___SText_16w6n_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_16w6n_gg_._size_s_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_16w6n_gg_._size_s_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_16w6n_gg_._size_s_16w6n_gg_ .___SAddon_16w6n_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_16w6n_gg_._size_m_16w6n_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_16w6n_gg_._size_m_16w6n_gg_ .___SText_16w6n_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_16w6n_gg_._size_m_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_16w6n_gg_._size_m_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_16w6n_gg_._size_m_16w6n_gg_ .___SAddon_16w6n_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_16w6n_gg_._size_l_16w6n_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_16w6n_gg_._size_l_16w6n_gg_ .___SText_16w6n_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_16w6n_gg_._size_l_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_16w6n_gg_._size_l_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_16w6n_gg_._size_l_16w6n_gg_ .___SAddon_16w6n_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_16w6n_gg_._size_xl_16w6n_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_16w6n_gg_._size_xl_16w6n_gg_ .___SText_16w6n_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_16w6n_gg_._size_xl_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_16w6n_gg_._size_xl_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_16w6n_gg_._size_xl_16w6n_gg_ .___SAddon_16w6n_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_16w6n_gg_._neighborLocation_right_16w6n_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_16w6n_gg_._neighborLocation_both_16w6n_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_16w6n_gg_._neighborLocation_left_16w6n_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_16w6n_gg_.__placeholder_16w6n_gg_{color:#aaa}.___SBaseTrigger_16w6n_gg_._state_normal_16w6n_gg_{border-color:#a6b0b3}.___SBaseTrigger_16w6n_gg_._state_valid_16w6n_gg_{border-color:#4fae33}.___SBaseTrigger_16w6n_gg_._state_invalid_16w6n_gg_{border-color:#ff7f00}"
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
- , "j4b8wo_gg_")
53
+ , "upa657_gg_")
54
54
  /*__reshadow_css_end__*/
55
55
  , {
56
- "__SBaseTrigger": "___SBaseTrigger_16w6n_gg_",
57
- "_active": "__active_16w6n_gg_",
58
- "_disabled": "__disabled_16w6n_gg_",
59
- "_keyboardFocused": "__keyboardFocused_16w6n_gg_",
60
- "__SInner": "___SInner_16w6n_gg_",
61
- "__SText": "___SText_16w6n_gg_",
62
- "__SAddon": "___SAddon_16w6n_gg_",
63
- "__SBaseAddon": "___SBaseAddon_16w6n_gg_",
64
- "_size_s": "_size_s_16w6n_gg_",
65
- "_size_m": "_size_m_16w6n_gg_",
66
- "_size_l": "_size_l_16w6n_gg_",
67
- "_size_xl": "_size_xl_16w6n_gg_",
68
- "_neighborLocation_right": "_neighborLocation_right_16w6n_gg_",
69
- "_neighborLocation_both": "_neighborLocation_both_16w6n_gg_",
70
- "_neighborLocation_left": "_neighborLocation_left_16w6n_gg_",
71
- "_placeholder": "__placeholder_16w6n_gg_",
72
- "_state_normal": "_state_normal_16w6n_gg_",
73
- "_state_valid": "_state_valid_16w6n_gg_",
74
- "_state_invalid": "_state_invalid_16w6n_gg_"
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) {
@@ -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 _xs = _interopRequireDefault(require("@semcore/icon/lib/ChevronDown/xs"));
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": 'xs',
76
- "theme": '#a6b0b3'
77
- })) : /*#__PURE__*/_react["default"].createElement(_xs["default"], _ref2.cn("ChevronDownXS", {}))));
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,cAAD,gCADlD,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 ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';\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' /> : <ChevronDownXS />}\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"}
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"}
@@ -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 _xs = _interopRequireDefault(require("@semcore/icon/lib/Close/xs"));
38
+ var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
39
39
 
40
- var _xs2 = _interopRequireDefault(require("@semcore/icon/lib/ChevronDown/xs"));
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": '100%',
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: _xs2["default"]
129
+ tag: _m2["default"]
130
130
  })), !empty && /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
131
- "tag": 'button',
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: _xs["default"]
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","ChevronDownXS","handleStopPropagation","CloseXS","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 CloseXS from '@semcore/icon/lib/Close/xs';\nimport ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';\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={ChevronDownXS} />}\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={CloseXS} />\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"}
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"}
@@ -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 _xs = _interopRequireDefault(require("@semcore/icon/lib/ChevronDown/xs"));
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": 'xs',
111
- "theme": 'currentColor'
112
- })) : /*#__PURE__*/_react["default"].createElement(_xs["default"], _ref4.cn("ChevronDownXS", {}))));
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;;AAMA;;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,GAUMC,YAVxB;AACA,UAAMC,UAAU,GAAGC,WAAW,CAACC,KAA/B;AAFO,2BAQH,KAAKP,OARF;AAAA,UAILQ,QAJK,kBAILA,QAJK;AAAA,UAKLC,OALK,kBAKLA,OALK;AAAA,UAMLC,MANK,kBAMLA,MANK;AAAA,UAOLC,KAPK,kBAOLA,KAPK;AAUP,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,cAAD,gCADvD,CAFF,CADF;AAQD;;;EAlC2BI,e;;iCAAxBd,e,iBACiB,a;iCADjBA,e,WAEWe,K;iCAFXf,e,kBAGkB;AACpBgB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBhB,e,aAMa,CAAC,uCAAD,C;;AA+BnB,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, {\n Component,\n Root,\n sstyled,\n} from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';\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 {\n Children,\n loading,\n styles,\n color,\n } = 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' /> : <ChevronDownXS />}\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"}
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"}
@@ -71,7 +71,7 @@ SText {
71
71
  overflow: hidden;
72
72
  white-space: nowrap;
73
73
  text-overflow: ellipsis;
74
- line-height: 1.2;
74
+ line-height: 1.1;
75
75
  flex-grow: 1;
76
76
  text-align: left;
77
77
  }
@@ -30,30 +30,30 @@ var style = (
30
30
  /*__reshadow_css_start__*/
31
31
  _sstyled.insert(
32
32
  /*__inner_css_start__*/
33
- ".___SBaseTrigger_16w6n_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_16w6n_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_16w6n_gg_:active,.___SBaseTrigger_16w6n_gg_:focus,.___SBaseTrigger_16w6n_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_16w6n_gg_:active,.___SBaseTrigger_16w6n_gg_:hover,.___SBaseTrigger_16w6n_gg_.__active_16w6n_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_16w6n_gg_.__disabled_16w6n_gg_{opacity:.3;cursor:default;pointer-events:none}.___SBaseTrigger_16w6n_gg_.__keyboardFocused_16w6n_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3);z-index:1}.___SInner_16w6n_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_16w6n_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;flex-grow:1;text-align:left}.___SAddon_16w6n_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_16w6n_gg_{width:12px;height:12px}.___SBaseTrigger_16w6n_gg_._size_s_16w6n_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_16w6n_gg_._size_s_16w6n_gg_ .___SText_16w6n_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_16w6n_gg_._size_s_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_16w6n_gg_._size_s_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_16w6n_gg_._size_s_16w6n_gg_ .___SAddon_16w6n_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_16w6n_gg_._size_m_16w6n_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_16w6n_gg_._size_m_16w6n_gg_ .___SText_16w6n_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_16w6n_gg_._size_m_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_16w6n_gg_._size_m_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_16w6n_gg_._size_m_16w6n_gg_ .___SAddon_16w6n_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_16w6n_gg_._size_l_16w6n_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_16w6n_gg_._size_l_16w6n_gg_ .___SText_16w6n_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_16w6n_gg_._size_l_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_16w6n_gg_._size_l_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_16w6n_gg_._size_l_16w6n_gg_ .___SAddon_16w6n_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_16w6n_gg_._size_xl_16w6n_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_16w6n_gg_._size_xl_16w6n_gg_ .___SText_16w6n_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_16w6n_gg_._size_xl_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_16w6n_gg_._size_xl_16w6n_gg_ .___SAddon_16w6n_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_16w6n_gg_._size_xl_16w6n_gg_ .___SAddon_16w6n_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_16w6n_gg_._neighborLocation_right_16w6n_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_16w6n_gg_._neighborLocation_both_16w6n_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_16w6n_gg_._neighborLocation_left_16w6n_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_16w6n_gg_.__placeholder_16w6n_gg_{color:#aaa}.___SBaseTrigger_16w6n_gg_._state_normal_16w6n_gg_{border-color:#a6b0b3}.___SBaseTrigger_16w6n_gg_._state_valid_16w6n_gg_{border-color:#4fae33}.___SBaseTrigger_16w6n_gg_._state_invalid_16w6n_gg_{border-color:#ff7f00}"
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
- , "j4b8wo_gg_")
35
+ , "upa657_gg_")
36
36
  /*__reshadow_css_end__*/
37
37
  , {
38
- "__SBaseTrigger": "___SBaseTrigger_16w6n_gg_",
39
- "_active": "__active_16w6n_gg_",
40
- "_disabled": "__disabled_16w6n_gg_",
41
- "_keyboardFocused": "__keyboardFocused_16w6n_gg_",
42
- "__SInner": "___SInner_16w6n_gg_",
43
- "__SText": "___SText_16w6n_gg_",
44
- "__SAddon": "___SAddon_16w6n_gg_",
45
- "__SBaseAddon": "___SBaseAddon_16w6n_gg_",
46
- "_size_s": "_size_s_16w6n_gg_",
47
- "_size_m": "_size_m_16w6n_gg_",
48
- "_size_l": "_size_l_16w6n_gg_",
49
- "_size_xl": "_size_xl_16w6n_gg_",
50
- "_neighborLocation_right": "_neighborLocation_right_16w6n_gg_",
51
- "_neighborLocation_both": "_neighborLocation_both_16w6n_gg_",
52
- "_neighborLocation_left": "_neighborLocation_left_16w6n_gg_",
53
- "_placeholder": "__placeholder_16w6n_gg_",
54
- "_state_normal": "_state_normal_16w6n_gg_",
55
- "_state_valid": "_state_valid_16w6n_gg_",
56
- "_state_invalid": "_state_invalid_16w6n_gg_"
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) {
@@ -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 ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';
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": 'xs',
58
- "theme": '#a6b0b3'
59
- })) : /*#__PURE__*/React.createElement(ChevronDownXS, _ref2.cn("ChevronDownXS", {}))));
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","ChevronDownXS","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,aAAP,MAA0B,kCAA1B;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,aAAD,gCADlD,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 ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';\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' /> : <ChevronDownXS />}\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"}
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"}
@@ -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 CloseXS from '@semcore/icon/lib/Close/xs';
27
- import ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';
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%',
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: ChevronDownXS
108
+ tag: ChevronDown
109
109
  })), !empty && /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
110
- "tag": 'button',
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: CloseXS
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","CloseXS","ChevronDownXS","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,MAAmB,OAAnB;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,OAAP,MAAoB,4BAApB;AACA,OAAOC,aAAP,MAA0B,kCAA1B;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 CloseXS from '@semcore/icon/lib/Close/xs';\nimport ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';\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={ChevronDownXS} />}\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={CloseXS} />\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"}
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"}
@@ -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 ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';
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": 'xs',
93
- "theme": 'currentColor'
94
- })) : /*#__PURE__*/React.createElement(ChevronDownXS, _ref4.cn("ChevronDownXS", {}))));
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","ChevronDownXS","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,IACEC,SADF,EAEEC,IAFF,EAGEC,OAHF,QAIO,eAJP;AAKA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,aAAP,MAA0B,kCAA1B;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,GAUMR,GAVxB;AACA,UAAMS,UAAU,GAAGC,WAAW,CAACC,KAA/B;AAFO,2BAQH,KAAKN,OARF;AAAA,UAILO,QAJK,kBAILA,QAJK;AAAA,UAKLC,OALK,kBAKLA,OALK;AAAA,UAMLC,MANK,kBAMLA,MANK;AAAA,UAOLC,KAPK,kBAOLA,KAPK;AAUP,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,aAAD,gCADvD,CAFF,CADF;AAQD;;;;EAlC2BnB,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;;AA+BnB,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, {\n Component,\n Root,\n sstyled,\n} from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';\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 {\n Children,\n loading,\n styles,\n color,\n } = 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' /> : <ChevronDownXS />}\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"}
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"}
@@ -71,7 +71,7 @@ SText {
71
71
  overflow: hidden;
72
72
  white-space: nowrap;
73
73
  text-overflow: ellipsis;
74
- line-height: 1.2;
74
+ line-height: 1.1;
75
75
  flex-grow: 1;
76
76
  text-align: left;
77
77
  }
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.3.1",
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": "^2",
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
  },
@@ -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 ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';
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='xs' theme='#a6b0b3' /> : <ChevronDownXS />}
22
+ {loading ? <Spin size="xs" theme="#a6b0b3" /> : <ChevronDown />}
23
23
  </SButtonAddon>
24
24
  </Root>,
25
25
  );
@@ -1,11 +1,11 @@
1
- import React from '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 CloseXS from '@semcore/icon/lib/Close/xs';
8
- import ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';
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='100%'
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={ChevronDownXS} />}
41
+ {empty && <FilterTrigger.Addon tag={ChevronDown} />}
42
42
  </SFilterTrigger>
43
43
  {!empty && (
44
44
  <SFilterTrigger
45
- tag='button'
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={CloseXS} />
53
+ <FilterTrigger.Addon tag={Close} />
54
54
  </SFilterTrigger>
55
55
  )}
56
56
  </NeighborLocation>
@@ -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 ChevronDownXS from '@semcore/icon/lib/ChevronDown/xs';
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='xs' theme='currentColor' /> : <ChevronDownXS />}
37
+ {loading ? <Spin size="xs" theme="currentColor" /> : <ChevronDown />}
47
38
  </SLinkAddon>
48
39
  </SLinkTrigger>,
49
40
  );
@@ -71,7 +71,7 @@ SText {
71
71
  overflow: hidden;
72
72
  white-space: nowrap;
73
73
  text-overflow: ellipsis;
74
- line-height: 1.2;
74
+ line-height: 1.1;
75
75
  flex-grow: 1;
76
76
  text-align: left;
77
77
  }