@semcore/base-trigger 2.5.0 → 2.5.1

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,12 @@
2
2
 
3
3
  CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
4
4
 
5
+ ## [2.5.1] - 2022-02-18
6
+
7
+ ### Fixed
8
+
9
+ - Fixed LinkTrigger hovered text color.
10
+
5
11
  ## [2.5.0] - 2022-01-18
6
12
 
7
13
  ### Changed
@@ -103,7 +109,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
103
109
 
104
110
  - Исправлена типизация `FilterTrigger.Counter`
105
111
 
106
- ## [2.0.2] - 2020-06-03
112
+ ## [2.0.2-0] - 2020-06-03
107
113
 
108
114
  ### Fixed
109
115
 
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
4
 
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
@@ -35,9 +35,13 @@ var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addo
35
35
 
36
36
  var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
37
37
 
38
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
38
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
39
+
40
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
41
+
42
+ 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; }
39
43
 
40
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
44
+ 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) { (0, _defineProperty2["default"])(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; }
41
45
 
42
46
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
43
47
 
@@ -48,30 +52,30 @@ var style = (
48
52
  /*__reshadow_css_start__*/
49
53
  _core.sstyled.insert(
50
54
  /*__inner_css_start__*/
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}"
55
+ ".___SBaseTrigger_8bwgr_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_8bwgr_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_8bwgr_gg_:active,.___SBaseTrigger_8bwgr_gg_:focus,.___SBaseTrigger_8bwgr_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_8bwgr_gg_:active,.___SBaseTrigger_8bwgr_gg_:hover,.___SBaseTrigger_8bwgr_gg_.__active_8bwgr_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_8bwgr_gg_.__disabled_8bwgr_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_8bwgr_gg_.__keyboardFocused_8bwgr_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SInner_8bwgr_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_8bwgr_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_8bwgr_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_8bwgr_gg_{width:12px;height:12px}.___SBaseTrigger_8bwgr_gg_._size_s_8bwgr_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_8bwgr_gg_._size_s_8bwgr_gg_ .___SText_8bwgr_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_8bwgr_gg_._size_s_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_8bwgr_gg_._size_s_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_8bwgr_gg_._size_s_8bwgr_gg_ .___SAddon_8bwgr_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_8bwgr_gg_._size_m_8bwgr_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_8bwgr_gg_._size_m_8bwgr_gg_ .___SText_8bwgr_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_8bwgr_gg_._size_m_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_8bwgr_gg_._size_m_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_8bwgr_gg_._size_m_8bwgr_gg_ .___SAddon_8bwgr_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_8bwgr_gg_._size_l_8bwgr_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_8bwgr_gg_._size_l_8bwgr_gg_ .___SText_8bwgr_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_8bwgr_gg_._size_l_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_8bwgr_gg_._size_l_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_8bwgr_gg_._size_l_8bwgr_gg_ .___SAddon_8bwgr_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_8bwgr_gg_._size_xl_8bwgr_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_8bwgr_gg_._size_xl_8bwgr_gg_ .___SText_8bwgr_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_8bwgr_gg_._size_xl_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_8bwgr_gg_._size_xl_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_8bwgr_gg_._size_xl_8bwgr_gg_ .___SAddon_8bwgr_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_8bwgr_gg_._neighborLocation_right_8bwgr_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_8bwgr_gg_._neighborLocation_both_8bwgr_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_8bwgr_gg_._neighborLocation_left_8bwgr_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_8bwgr_gg_.__placeholder_8bwgr_gg_{color:#aaaaaa}.___SBaseTrigger_8bwgr_gg_._state_normal_8bwgr_gg_{border-color:#a6b0b3}.___SBaseTrigger_8bwgr_gg_._state_valid_8bwgr_gg_{border-color:#4fae33}.___SBaseTrigger_8bwgr_gg_._state_invalid_8bwgr_gg_{border-color:#ff7f00}"
52
56
  /*__inner_css_end__*/
53
57
  , "upa657_gg_")
54
58
  /*__reshadow_css_end__*/
55
59
  , {
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_"
60
+ "__SBaseTrigger": "___SBaseTrigger_8bwgr_gg_",
61
+ "_active": "__active_8bwgr_gg_",
62
+ "_disabled": "__disabled_8bwgr_gg_",
63
+ "_keyboardFocused": "__keyboardFocused_8bwgr_gg_",
64
+ "__SInner": "___SInner_8bwgr_gg_",
65
+ "__SText": "___SText_8bwgr_gg_",
66
+ "__SAddon": "___SAddon_8bwgr_gg_",
67
+ "__SBaseAddon": "___SBaseAddon_8bwgr_gg_",
68
+ "_size_s": "_size_s_8bwgr_gg_",
69
+ "_size_m": "_size_m_8bwgr_gg_",
70
+ "_size_l": "_size_l_8bwgr_gg_",
71
+ "_size_xl": "_size_xl_8bwgr_gg_",
72
+ "_neighborLocation_right": "_neighborLocation_right_8bwgr_gg_",
73
+ "_neighborLocation_both": "_neighborLocation_both_8bwgr_gg_",
74
+ "_neighborLocation_left": "_neighborLocation_left_8bwgr_gg_",
75
+ "_placeholder": "__placeholder_8bwgr_gg_",
76
+ "_state_normal": "_state_normal_8bwgr_gg_",
77
+ "_state_valid": "_state_valid_8bwgr_gg_",
78
+ "_state_invalid": "_state_invalid_8bwgr_gg_"
75
79
  });
76
80
 
77
81
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
@@ -108,7 +112,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
108
112
  styles = _this$asProps2.styles,
109
113
  theme = _this$asProps2.theme;
110
114
 
111
- _logger["default"].warn(theme !== undefined, 'The \'theme\' property is deprecated, use \'state\'', this.asProps['data-ui-name'] || BaseTrigger.displayName); // TODO: add aria
115
+ _logger["default"].warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName); // TODO: add aria
112
116
 
113
117
 
114
118
  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, (0, _core.assignProps)({
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/BaseTrigger.js"],"names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","logger","warn","undefined","BaseTrigger","displayName","Text","Addon","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAMA;;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,GAiBNC,YAjBZ;AACA,UAAMC,MAAM,GAAG,KAAf;AAFO,2BAOH,KAAKL,OAPF;AAAA,UAILM,QAJK,kBAILA,QAJK;AAAA,UAKLC,MALK,kBAKLA,MALK;AAAA,UAMLC,KANK,kBAMLA,KANK;;AASPC,yBAAOC,IAAP,CACEF,KAAK,KAAKG,SADZ,EAEE,qDAFF,EAGE,KAAKX,OAAL,CAAa,cAAb,KAAgCY,WAAW,CAACC,WAH9C,EATO,CAeP;;;AACA,qBAAO,mBAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,iBAESC;AAFT,+BAIE,gCAAC,MAAD,0BAAS,mCAAkBF,QAAlB,EAA4BM,WAAW,CAACE,IAAxC,EAA8CF,WAAW,CAACG,KAA1D,CAAT,CAJF,CADF;AAQD;;;EAxC2BC,e;;iCAAxBjB,e,iBACiB,a;iCADjBA,e,WAEWkB,K;iCAFXlB,e,kBAGkB;AACpBmB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBnB,e,aAMa,CAAC,uCAAD,EAAyB,gDAAzB,C;;AAqCnB,SAASe,IAAT,CAAcK,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMhB,YALjB;AADmB,MAEXiB,QAFW,GAE8BF,KAF9B,CAEXE,QAFW;AAAA,MAEDd,MAFC,GAE8BY,KAF9B,CAEDZ,MAFC;AAAA,MAEOL,KAFP,GAE8BiB,KAF9B,CAEOjB,KAFP;AAAA,MAEcD,WAFd,GAE8BkB,KAF9B,CAEclB,WAFd;AAInB,iBAAO,mBAAQM,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCL;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBoB,QADzB,CAFF;AAMD;;AAED,SAASN,KAAT,CAAeI,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiClB,YAD7C;AACA,iBAAO,mBAAQe,KAAK,CAACZ,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMK,WAAW,GAAG,sBAAgBb,eAAhB,EAAiC;AACnDe,EAAAA,IAAI,EAAJA,IADmD;AAEnDC,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeH,W","sourcesContent":["import React from 'react';\nimport createComponent, {\n Component,\n Root,\n sstyled,\n} 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 {\n Children,\n styles,\n theme,\n } = 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\n render={Box}\n state={theme}\n >\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"}
1
+ {"version":3,"sources":["../../src/BaseTrigger.js"],"names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","logger","warn","undefined","BaseTrigger","displayName","Text","Addon","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAYMC,YAZxB;AACA,UAAMC,MAAM,GAAG,KAAf;AACA,2BAAoC,KAAKL,OAAzC;AAAA,UAAQM,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,MAAlB,kBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,kBAA0BA,KAA1B;;AAEAC,yBAAOC,IAAP,CACEF,KAAK,KAAKG,SADZ,EAEE,iDAFF,EAGE,KAAKX,OAAL,CAAa,cAAb,KAAgCY,WAAW,CAACC,WAH9C,EALO,CAWP;;;AACA,qBAAO,mBAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,iBAAkCC;AAAlC,+BACE,gCAAC,MAAD,0BAAS,mCAAkBF,QAAlB,EAA4BM,WAAW,CAACE,IAAxC,EAA8CF,WAAW,CAACG,KAA1D,CAAT,CADF,CADF;AAKD;;;EAjC2BC,e;;iCAAxBjB,e,iBACiB,a;iCADjBA,e,WAEWkB,K;iCAFXlB,e,kBAGkB;AACpBmB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBnB,e,aAMa,CAAC,uCAAD,EAAyB,gDAAzB,C;;AA8BnB,SAASe,IAAT,CAAcK,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMhB,YALjB;AACA,MAAQiB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBd,MAAlB,GAAiDY,KAAjD,CAAkBZ,MAAlB;AAAA,MAA0BL,KAA1B,GAAiDiB,KAAjD,CAA0BjB,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDkB,KAAjD,CAAiClB,WAAjC;AAEA,iBAAO,mBAAQM,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCL;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBoB,QADzB,CAFF;AAMD;;AAED,SAASN,KAAT,CAAeI,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiClB,YAD7C;AACA,iBAAO,mBAAQe,KAAK,CAACZ,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMK,WAAW,GAAG,sBAAgBb,eAAhB,EAAiC;AACnDe,EAAAA,IAAI,EAAJA,IADmD;AAEnDC,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeH,W","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { neighborLocationEnhance } from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance(), neighborLocationEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'div';\n const { Children, styles, theme } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return sstyled(styles)(\n <SBaseTrigger render={Box} state={theme}>\n <SInner>{addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon)}</SInner>\n </SBaseTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* что бы не ломать обратную совместимость пришлось юзать use */\n <SText render={Box} use:placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"file":"BaseTrigger.js"}
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
4
 
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
@@ -33,6 +33,10 @@ var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
33
33
 
34
34
  var _spin = _interopRequireDefault(require("@semcore/spin"));
35
35
 
36
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
37
+
38
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
39
+
36
40
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
37
41
 
38
42
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
@@ -42,12 +46,12 @@ var style = (
42
46
  /*__reshadow_css_start__*/
43
47
  _core.sstyled.insert(
44
48
  /*__inner_css_start__*/
45
- ".___SButtonAddon_12p8m_gg_{width:12px;height:12px}"
49
+ ".___SButtonAddon_xi8uq_gg_{width:12px;height:12px}"
46
50
  /*__inner_css_end__*/
47
51
  , "18emizi_gg_")
48
52
  /*__reshadow_css_end__*/
49
53
  , {
50
- "__SButtonAddon": "___SButtonAddon_12p8m_gg_"
54
+ "__SButtonAddon": "___SButtonAddon_xi8uq_gg_"
51
55
  });
52
56
 
53
57
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
@@ -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,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"}
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;AACA,0BAAsC,KAAKC,OAA3C;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AAAA,UAA0BC,OAA1B,iBAA0BA,OAA1B;AAEA,qBAAO,mBAAQD,MAAR,CAAP,eACE,gCAAcE,uBAAd,oCACG,mCAAkBH,QAAlB,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"}
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
4
 
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
@@ -43,9 +43,13 @@ var _assignProps3 = require("@semcore/utils/lib/assignProps");
43
43
 
44
44
  var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
45
45
 
46
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
46
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
47
+
48
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
49
+
50
+ 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; }
47
51
 
48
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
52
+ 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) { (0, _defineProperty2["default"])(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; }
49
53
 
50
54
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
51
55
 
@@ -56,27 +60,27 @@ var style = (
56
60
  /*__reshadow_css_start__*/
57
61
  _core.sstyled.insert(
58
62
  /*__inner_css_start__*/
59
- ".___SButtonTrigger_17o6g_gg_{border:1px solid #a6b0b3;background:#fff;color:#333}.___SButtonTrigger_17o6g_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_17o6g_gg_:active,.___SButtonTrigger_17o6g_gg_:focus,.___SButtonTrigger_17o6g_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_17o6g_gg_:active,.___SButtonTrigger_17o6g_gg_:hover,.___SButtonTrigger_17o6g_gg_.__active_17o6g_gg_{background-color:rgba(166,176,179,.2)}.___SButtonTrigger_17o6g_gg_._size_s_17o6g_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButtonTrigger_17o6g_gg_._size_m_17o6g_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButtonTrigger_17o6g_gg_._size_l_17o6g_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButtonTrigger_17o6g_gg_._size_xl_17o6g_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SText_17o6g_gg_.__placeholder_17o6g_gg_{color:#aaa}.___SButtonTrigger_17o6g_gg_._state_normal_17o6g_gg_{border-color:#a6b0b3}.___SButtonTrigger_17o6g_gg_._state_valid_17o6g_gg_{border-color:#4fae33}.___SButtonTrigger_17o6g_gg_._state_invalid_17o6g_gg_{border-color:#ff7f00}.___SFilterTrigger_17o6g_gg_.__selected_17o6g_gg_{border-color:#2b94e1;background-color:rgba(43,148,225,.2)}.___SFilterTrigger_17o6g_gg_.__selected_17o6g_gg_:hover,.___SFilterTrigger_17o6g_gg_.__selected_17o6g_gg_.__active_17o6g_gg_{background:rgba(43,148,225,.3)}.___SWrapper_17o6g_gg_{display:inline-flex}.___SWrapper_17o6g_gg_:focus{outline:none}.___SWrapper_17o6g_gg_.__keyboardFocused_17o6g_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3)}.___SCounter_17o6g_gg_{background-color:#2b94e1}"
63
+ ".___SButtonTrigger_1u05t_gg_{border:1px solid #a6b0b3;background:#fff;color:#333333}.___SButtonTrigger_1u05t_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1u05t_gg_:active,.___SButtonTrigger_1u05t_gg_:focus,.___SButtonTrigger_1u05t_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1u05t_gg_:active,.___SButtonTrigger_1u05t_gg_:hover,.___SButtonTrigger_1u05t_gg_.__active_1u05t_gg_{background-color:rgba(166,176,179,.2)}.___SButtonTrigger_1u05t_gg_._size_s_1u05t_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButtonTrigger_1u05t_gg_._size_m_1u05t_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButtonTrigger_1u05t_gg_._size_l_1u05t_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButtonTrigger_1u05t_gg_._size_xl_1u05t_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SText_1u05t_gg_.__placeholder_1u05t_gg_{color:#aaaaaa}.___SButtonTrigger_1u05t_gg_._state_normal_1u05t_gg_{border-color:#a6b0b3}.___SButtonTrigger_1u05t_gg_._state_valid_1u05t_gg_{border-color:#4fae33}.___SButtonTrigger_1u05t_gg_._state_invalid_1u05t_gg_{border-color:#ff7f00}.___SFilterTrigger_1u05t_gg_.__selected_1u05t_gg_{border-color:#2b94e1;background-color:rgba(43,148,225,.2)}.___SFilterTrigger_1u05t_gg_.__selected_1u05t_gg_:hover,.___SFilterTrigger_1u05t_gg_.__selected_1u05t_gg_.__active_1u05t_gg_{background:rgba(43,148,225,.3)}.___SWrapper_1u05t_gg_{display:inline-flex}.___SWrapper_1u05t_gg_:focus{outline:none}.___SWrapper_1u05t_gg_.__keyboardFocused_1u05t_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SCounter_1u05t_gg_{background-color:#2b94e1}"
60
64
  /*__inner_css_end__*/
61
65
  , "y8g6v3_gg_")
62
66
  /*__reshadow_css_end__*/
63
67
  , {
64
- "__SButtonTrigger": "___SButtonTrigger_17o6g_gg_",
65
- "_active": "__active_17o6g_gg_",
66
- "_size_s": "_size_s_17o6g_gg_",
67
- "_size_m": "_size_m_17o6g_gg_",
68
- "_size_l": "_size_l_17o6g_gg_",
69
- "_size_xl": "_size_xl_17o6g_gg_",
70
- "__SText": "___SText_17o6g_gg_",
71
- "_placeholder": "__placeholder_17o6g_gg_",
72
- "_state_normal": "_state_normal_17o6g_gg_",
73
- "_state_valid": "_state_valid_17o6g_gg_",
74
- "_state_invalid": "_state_invalid_17o6g_gg_",
75
- "__SFilterTrigger": "___SFilterTrigger_17o6g_gg_",
76
- "_selected": "__selected_17o6g_gg_",
77
- "__SWrapper": "___SWrapper_17o6g_gg_",
78
- "_keyboardFocused": "__keyboardFocused_17o6g_gg_",
79
- "__SCounter": "___SCounter_17o6g_gg_"
68
+ "__SButtonTrigger": "___SButtonTrigger_1u05t_gg_",
69
+ "_active": "__active_1u05t_gg_",
70
+ "_size_s": "_size_s_1u05t_gg_",
71
+ "_size_m": "_size_m_1u05t_gg_",
72
+ "_size_l": "_size_l_1u05t_gg_",
73
+ "_size_xl": "_size_xl_1u05t_gg_",
74
+ "__SText": "___SText_1u05t_gg_",
75
+ "_placeholder": "__placeholder_1u05t_gg_",
76
+ "_state_normal": "_state_normal_1u05t_gg_",
77
+ "_state_valid": "_state_valid_1u05t_gg_",
78
+ "_state_invalid": "_state_invalid_1u05t_gg_",
79
+ "__SFilterTrigger": "___SFilterTrigger_1u05t_gg_",
80
+ "_selected": "__selected_1u05t_gg_",
81
+ "__SWrapper": "___SWrapper_1u05t_gg_",
82
+ "_keyboardFocused": "__keyboardFocused_1u05t_gg_",
83
+ "__SCounter": "___SCounter_1u05t_gg_"
80
84
  });
81
85
 
82
86
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
@@ -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","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"}
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;AACA,0BAAkF,KAAKC,OAAvF;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,iBAA0BA,KAA1B;AAAA,UAAiCC,OAAjC,iBAAiCA,OAAjC;AAAA,UAA0CC,IAA1C,iBAA0CA,IAA1C;AAAA,UAAgDC,WAAhD,iBAAgDA,WAAhD;AAAA,UAA6DC,MAA7D,iBAA6DA,MAA7D;AAAA,UAAqEC,QAArE,iBAAqEA,QAArE;AAEA,qBAAO,mBAAQN,MAAR,CAAP,eACE,gCAAC,QAAD,0FACE,gCAAC,4BAAD,iDACE,gCAAC,cAAD;AAAA,aACI,MADJ;AAAA,gBAEQG,IAFR;AAAA,uBAGeC,WAHf;AAAA,iBAISH,KAJT;AAAA,oBAKY,CAACA,KALb;AAAA,kBAMUI,MANV;AAAA,oBAOYC;AAPZ,UASG,mCAAkBP,QAAlB,EAA4BQ,aAAa,CAACC,IAA1C,EAAgD,CAC/CD,aAAa,CAACE,KADiC,EAE/CF,aAAa,CAACG,OAFiC,CAAhD,CATH,EAaGT,KAAK,iBAAI,gCAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEU;AAA1B,QAbZ,CADF,EAgBG,CAACV,KAAD,iBACC,gCAAC,cAAD;AAAA,eACM,QADN;AAAA,gBAEQE,IAFR;AAAA,iBAGSF,KAHT;AAAA;AAAA,mBAKW,wCAAqBC,OAArB,EAA8B,KAAKU,qBAAnC,CALX;AAAA,qBAMa,KAAKA,qBANlB;AAAA,oBAOYN;AAPZ,uBASE,gCAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEO;AAA1B,QATF,CAjBJ,CADF,CADF;AAkCD;;;EA7C6BC,e;;iCAA1BvB,iB,iBACiB,e;iCADjBA,iB,WAEWwB,K;;AA8CjB,SAASL,OAAT,CAAiBM,KAAjB,EAAwB;AAAA;AAAA;;AACtB,MAAMC,QAAQ,GACiCpB,wBAAYY,KAD3D;AACA,iBAAO,mBAAQO,KAAK,CAAChB,MAAd,CAAP,eAA6B,gCAAC,QAAD;AAAA,WAA0CkB;AAA1C,cAA7B;AACD;;AAED,IAAMX,aAAa,GAAG,sBACpBhB,iBADoB,EAEpB;AACEiB,EAAAA,IAAI,EAAEX,wBAAYW,IADpB;AAEEC,EAAAA,KAAK,EAAEZ,wBAAYY,KAFrB;AAGEC,EAAAA,OAAO,EAAPA;AAHF,CAFoB,EAOpB;AACES,EAAAA,MAAM,EAAEtB;AADV,CAPoB,CAAtB;eAYeU,a","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled } = this.asProps;\n\n return sstyled(styles)(\n <SWrapper render={Box}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n >\n {addonTextChildren(Children, FilterTrigger.Text, [\n FilterTrigger.Addon,\n FilterTrigger.Counter,\n ])}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>\n {!empty && (\n <SFilterTrigger\n tag=\"button\"\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"file":"FilterTrigger.js"}
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
-
5
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
6
4
 
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
+
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
9
9
  });
@@ -37,9 +37,13 @@ var _color = _interopRequireWildcard(require("@semcore/utils/lib/color"));
37
37
 
38
38
  var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
39
39
 
40
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
40
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
41
+
42
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
43
+
44
+ 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; }
41
45
 
42
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
46
+ 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) { (0, _defineProperty2["default"])(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; }
43
47
 
44
48
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
45
49
 
@@ -50,24 +54,25 @@ var style = (
50
54
  /*__reshadow_css_start__*/
51
55
  _core.sstyled.insert(
52
56
  /*__inner_css_start__*/
53
- ".___SLinkTrigger_1jygk_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;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;color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1jygk_gg_:active,.___SLinkTrigger_1jygk_gg_:hover,.___SLinkTrigger_1jygk_gg_.__active_1jygk_gg_{color:#0063a5}.___SLinkTrigger_1jygk_gg_:active .___SText_1jygk_gg_,.___SLinkTrigger_1jygk_gg_:hover .___SText_1jygk_gg_,.___SLinkTrigger_1jygk_gg_.__active_1jygk_gg_ .___SText_1jygk_gg_{border-color:currentColor}.___SLinkTrigger_1jygk_gg_ .___SText_1jygk_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_1jygk_gg_.__color_1jygk_gg_{color:var(--color_hznr82)}.___SLinkTrigger_1jygk_gg_.__color_1jygk_gg_:hover{color:color-mod(var(--color_hznr82) shade(12%))}.___SLinkTrigger_1jygk_gg_.__disabled_1jygk_gg_{opacity:.3;cursor:default;pointer-events:none}.___SLinkTrigger_1jygk_gg_.__keyboardFocused_1jygk_gg_{box-shadow:0 0 0 3px color-mod(#2b94e1 a(30%));z-index:1}.___SAddon_1jygk_gg_,.___SLinkAddon_1jygk_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1jygk_gg_:not(:only-child):first-child,.___SLinkAddon_1jygk_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1jygk_gg_:not(:only-child):last-child,.___SLinkAddon_1jygk_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1jygk_gg_{width:12px;height:12px}.___SLinkTrigger_1jygk_gg_._size_s_1jygk_gg_{font-size:10px}.___SLinkTrigger_1jygk_gg_._size_m_1jygk_gg_{font-size:12px}.___SLinkTrigger_1jygk_gg_._size_l_1jygk_gg_{font-size:14px}.___SLinkTrigger_1jygk_gg_._size_xl_1jygk_gg_{font-size:16px}"
57
+ ".___SLinkTrigger_6sj6l_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_6sj6l_gg_{color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_6sj6l_gg_:active,.___SLinkTrigger_6sj6l_gg_:hover,.___SLinkTrigger_6sj6l_gg_.__active_6sj6l_gg_{color:#0063a5}.___SLinkTrigger_6sj6l_gg_:active .___SText_6sj6l_gg_,.___SLinkTrigger_6sj6l_gg_:hover .___SText_6sj6l_gg_,.___SLinkTrigger_6sj6l_gg_.__active_6sj6l_gg_ .___SText_6sj6l_gg_{border-color:currentColor}.___SLinkTrigger_6sj6l_gg_ .___SText_6sj6l_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_6sj6l_gg_.__color_6sj6l_gg_{color:var(--color_1fzf3hu)}.___SLinkTrigger_6sj6l_gg_.__color_6sj6l_gg_:hover{color:var(--color-hover_1fzf3hu)}.___SLinkTrigger_6sj6l_gg_.__disabled_6sj6l_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_6sj6l_gg_.__keyboardFocused_6sj6l_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SAddon_6sj6l_gg_,.___SLinkAddon_6sj6l_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_6sj6l_gg_:not(:only-child):first-child,.___SLinkAddon_6sj6l_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_6sj6l_gg_:not(:only-child):last-child,.___SLinkAddon_6sj6l_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_6sj6l_gg_{width:12px;height:12px}.___SLinkTrigger_6sj6l_gg_._size_s_6sj6l_gg_{font-size:10px}.___SLinkTrigger_6sj6l_gg_._size_m_6sj6l_gg_{font-size:12px}.___SLinkTrigger_6sj6l_gg_._size_l_6sj6l_gg_{font-size:14px}.___SLinkTrigger_6sj6l_gg_._size_xl_6sj6l_gg_{font-size:16px}"
54
58
  /*__inner_css_end__*/
55
- , "hznr82_gg_")
59
+ , "1fzf3hu_gg_")
56
60
  /*__reshadow_css_end__*/
57
61
  , {
58
- "__SLinkTrigger": "___SLinkTrigger_1jygk_gg_",
59
- "_active": "__active_1jygk_gg_",
60
- "__SText": "___SText_1jygk_gg_",
61
- "_color": "__color_1jygk_gg_",
62
- "--color": "--color_hznr82",
63
- "_disabled": "__disabled_1jygk_gg_",
64
- "_keyboardFocused": "__keyboardFocused_1jygk_gg_",
65
- "__SAddon": "___SAddon_1jygk_gg_",
66
- "__SLinkAddon": "___SLinkAddon_1jygk_gg_",
67
- "_size_s": "_size_s_1jygk_gg_",
68
- "_size_m": "_size_m_1jygk_gg_",
69
- "_size_l": "_size_l_1jygk_gg_",
70
- "_size_xl": "_size_xl_1jygk_gg_"
62
+ "__SLinkTrigger": "___SLinkTrigger_6sj6l_gg_",
63
+ "_active": "__active_6sj6l_gg_",
64
+ "__SText": "___SText_6sj6l_gg_",
65
+ "_color": "__color_6sj6l_gg_",
66
+ "--color": "--color_1fzf3hu",
67
+ "--color-hover": "--color-hover_1fzf3hu",
68
+ "_disabled": "__disabled_6sj6l_gg_",
69
+ "_keyboardFocused": "__keyboardFocused_6sj6l_gg_",
70
+ "__SAddon": "___SAddon_6sj6l_gg_",
71
+ "__SLinkAddon": "___SLinkAddon_6sj6l_gg_",
72
+ "_size_s": "_size_s_6sj6l_gg_",
73
+ "_size_m": "_size_m_6sj6l_gg_",
74
+ "_size_l": "_size_l_6sj6l_gg_",
75
+ "_size_xl": "_size_xl_6sj6l_gg_"
71
76
  });
72
77
 
73
78
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
@@ -103,9 +108,12 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
103
108
  Children = _this$asProps2.Children,
104
109
  loading = _this$asProps2.loading,
105
110
  styles = _this$asProps2.styles,
106
- color = _this$asProps2.color;
111
+ providedColor = _this$asProps2.color;
112
+ var color = (0, _color["default"])(providedColor);
113
+ var colorHover = (0, _color.shade)(color, -0.12);
107
114
  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, (0, _core.assignProps)({
108
- "use:color": (0, _color["default"])(color)
115
+ "use:color": color,
116
+ "use:color-hover": colorHover
109
117
  }, _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
118
  "size": "xs",
111
119
  "theme": "currentColor"
@@ -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;;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"}
1
+ {"version":3,"sources":["../../src/LinkTrigger.js"],"names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;AACb,0BAA+B,KAAKC,OAApC;AAAA,UAAQC,WAAR,iBAAQA,WAAR;AAAA,UAAqBC,KAArB,iBAAqBA,KAArB;AACA,aAAO;AACLD,QAAAA,WAAW,EAAXA,WADK;AAELC,QAAAA,KAAK,EAALA;AAFK,OAAP;AAID;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,YAAY,GAQMC,YARxB;AACA,UAAMC,UAAU,GAAGC,WAAW,CAACC,KAA/B;AACA,2BAA4D,KAAKP,OAAjE;AAAA,UAAQQ,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,OAAlB,kBAAkBA,OAAlB;AAAA,UAA2BC,MAA3B,kBAA2BA,MAA3B;AAAA,UAA0CC,aAA1C,kBAAmCC,KAAnC;AAEA,UAAMA,KAAK,GAAG,uBAAaD,aAAb,CAAd;AACA,UAAME,UAAU,GAAG,kBAAMD,KAAN,EAAa,CAAC,IAAd,CAAnB;AAEA,qBAAO,mBAAQF,MAAR,CAAP,eACE,gCAAC,YAAD;AAAA,qBAAsCE,KAAtC;AAAA,2BAA8DC;AAA9D,kBACG,mCAAkBL,QAAlB,EAA4BF,WAAW,CAACQ,IAAxC,EAA8CR,WAAW,CAACC,KAA1D,CADH,eAEE,gCAAC,UAAD,8BACGE,OAAO,gBAAG,gCAAC,gBAAD;AAAA,gBAAW,IAAX;AAAA,iBAAsB;AAAtB,SAAH,gBAA6C,gCAAC,aAAD,8BADvD,CAFF,CADF;AAQD;;;EAhC2BM,e;;iCAAxBhB,e,iBACiB,a;iCADjBA,e,WAEWiB,K;iCAFXjB,e,kBAGkB;AACpBkB,EAAAA,IAAI,EAAE;AADc,C;iCAHlBlB,e,aAMa,CAAC,uCAAD,C;;AA6BnB,SAASe,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMf,YALjB;AACA,MAAQgB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;AAAA,MAAkBV,MAAlB,GAAiDQ,KAAjD,CAAkBR,MAAlB;AAAA,MAA0BR,KAA1B,GAAiDgB,KAAjD,CAA0BhB,KAA1B;AAAA,MAAiCD,WAAjC,GAAiDiB,KAAjD,CAAiCjB,WAAjC;AAEA,iBAAO,mBAAQS,MAAR,CAAP;AAAA;;AACE;AACA,kCAAC,KAAD;AAAA,uBAAqCR;AAArC,eACGA,KAAK,GAAGD,WAAH,GAAiBmB,QADzB,CAFF;AAMD;;AAED,SAASb,KAAT,CAAeW,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMG,MAAM,GACiCjB,YAD7C;AACA,iBAAO,mBAAQc,KAAK,CAACR,MAAd,CAAP,eAA6B,gCAAC,MAAD,2EAA7B;AACD;;AAED,IAAMJ,WAAW,GAAG,sBAAgBP,eAAhB,EAAiC;AACnDe,EAAAA,IAAI,EAAJA,IADmD;AAEnDP,EAAAA,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeD,W","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}\n <SLinkAddon>\n {loading ? <Spin size=\"xs\" theme=\"currentColor\" /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* что бы не ломать обратную совместимость пришлось юзать use */\n <SText render={Box} use:placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"file":"LinkTrigger.js"}
package/lib/cjs/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
 
5
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
5
+ var _typeof = require("@babel/runtime/helpers/typeof");
6
6
 
7
7
  Object.defineProperty(exports, "__esModule", {
8
8
  value: true
@@ -12,12 +12,6 @@ var _exportNames = {
12
12
  FilterTrigger: true,
13
13
  LinkTrigger: true
14
14
  };
15
- Object.defineProperty(exports, "default", {
16
- enumerable: true,
17
- get: function get() {
18
- return _BaseTrigger["default"];
19
- }
20
- });
21
15
  Object.defineProperty(exports, "ButtonTrigger", {
22
16
  enumerable: true,
23
17
  get: function get() {
@@ -36,6 +30,12 @@ Object.defineProperty(exports, "LinkTrigger", {
36
30
  return _LinkTrigger["default"];
37
31
  }
38
32
  });
33
+ Object.defineProperty(exports, "default", {
34
+ enumerable: true,
35
+ get: function get() {
36
+ return _BaseTrigger["default"];
37
+ }
38
+ });
39
39
 
40
40
  var _BaseTrigger = _interopRequireWildcard(require("./BaseTrigger"));
41
41
 
@@ -80,4 +80,8 @@ Object.keys(_LinkTrigger).forEach(function (key) {
80
80
  }
81
81
  });
82
82
  });
83
+
84
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
85
+
86
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
83
87
  //# sourceMappingURL=index.js.map
@@ -48,7 +48,7 @@ SLinkTrigger[color] {
48
48
  color: var(--color);
49
49
 
50
50
  &:hover {
51
- color: color-mod(var(--color) shade(12%));
51
+ color: var(--color-hover);
52
52
  }
53
53
  }
54
54
 
@@ -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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
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] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
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
- ".___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}"
33
+ ".___SBaseTrigger_8bwgr_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_8bwgr_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_8bwgr_gg_:active,.___SBaseTrigger_8bwgr_gg_:focus,.___SBaseTrigger_8bwgr_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_8bwgr_gg_:active,.___SBaseTrigger_8bwgr_gg_:hover,.___SBaseTrigger_8bwgr_gg_.__active_8bwgr_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_8bwgr_gg_.__disabled_8bwgr_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_8bwgr_gg_.__keyboardFocused_8bwgr_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SInner_8bwgr_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_8bwgr_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_8bwgr_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_8bwgr_gg_{width:12px;height:12px}.___SBaseTrigger_8bwgr_gg_._size_s_8bwgr_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_8bwgr_gg_._size_s_8bwgr_gg_ .___SText_8bwgr_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_8bwgr_gg_._size_s_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_8bwgr_gg_._size_s_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_8bwgr_gg_._size_s_8bwgr_gg_ .___SAddon_8bwgr_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_8bwgr_gg_._size_m_8bwgr_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_8bwgr_gg_._size_m_8bwgr_gg_ .___SText_8bwgr_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_8bwgr_gg_._size_m_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_8bwgr_gg_._size_m_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_8bwgr_gg_._size_m_8bwgr_gg_ .___SAddon_8bwgr_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_8bwgr_gg_._size_l_8bwgr_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_8bwgr_gg_._size_l_8bwgr_gg_ .___SText_8bwgr_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_8bwgr_gg_._size_l_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_8bwgr_gg_._size_l_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_8bwgr_gg_._size_l_8bwgr_gg_ .___SAddon_8bwgr_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_8bwgr_gg_._size_xl_8bwgr_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_8bwgr_gg_._size_xl_8bwgr_gg_ .___SText_8bwgr_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_8bwgr_gg_._size_xl_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_8bwgr_gg_._size_xl_8bwgr_gg_ .___SAddon_8bwgr_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_8bwgr_gg_._size_xl_8bwgr_gg_ .___SAddon_8bwgr_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_8bwgr_gg_._neighborLocation_right_8bwgr_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_8bwgr_gg_._neighborLocation_both_8bwgr_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_8bwgr_gg_._neighborLocation_left_8bwgr_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_8bwgr_gg_.__placeholder_8bwgr_gg_{color:#aaaaaa}.___SBaseTrigger_8bwgr_gg_._state_normal_8bwgr_gg_{border-color:#a6b0b3}.___SBaseTrigger_8bwgr_gg_._state_valid_8bwgr_gg_{border-color:#4fae33}.___SBaseTrigger_8bwgr_gg_._state_invalid_8bwgr_gg_{border-color:#ff7f00}"
34
34
  /*__inner_css_end__*/
35
35
  , "upa657_gg_")
36
36
  /*__reshadow_css_end__*/
37
37
  , {
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_"
38
+ "__SBaseTrigger": "___SBaseTrigger_8bwgr_gg_",
39
+ "_active": "__active_8bwgr_gg_",
40
+ "_disabled": "__disabled_8bwgr_gg_",
41
+ "_keyboardFocused": "__keyboardFocused_8bwgr_gg_",
42
+ "__SInner": "___SInner_8bwgr_gg_",
43
+ "__SText": "___SText_8bwgr_gg_",
44
+ "__SAddon": "___SAddon_8bwgr_gg_",
45
+ "__SBaseAddon": "___SBaseAddon_8bwgr_gg_",
46
+ "_size_s": "_size_s_8bwgr_gg_",
47
+ "_size_m": "_size_m_8bwgr_gg_",
48
+ "_size_l": "_size_l_8bwgr_gg_",
49
+ "_size_xl": "_size_xl_8bwgr_gg_",
50
+ "_neighborLocation_right": "_neighborLocation_right_8bwgr_gg_",
51
+ "_neighborLocation_both": "_neighborLocation_both_8bwgr_gg_",
52
+ "_neighborLocation_left": "_neighborLocation_left_8bwgr_gg_",
53
+ "_placeholder": "__placeholder_8bwgr_gg_",
54
+ "_state_normal": "_state_normal_8bwgr_gg_",
55
+ "_state_valid": "_state_valid_8bwgr_gg_",
56
+ "_state_invalid": "_state_invalid_8bwgr_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, 'The \'theme\' property is deprecated, use \'state\'', this.asProps['data-ui-name'] || BaseTrigger.displayName); // TODO: add aria
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,MAAmB,OAAnB;AACA,OAAOC,eAAP,IACEC,SADF,EAEEC,IAFF,EAGEC,OAHF,QAIO,eAJP;AAKA,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;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,GAiBNT,GAjBZ;AACA,UAAMU,MAAM,GAAG,KAAf;AAFO,2BAOH,KAAKJ,OAPF;AAAA,UAILK,QAJK,kBAILA,QAJK;AAAA,UAKLC,MALK,kBAKLA,MALK;AAAA,UAMLC,KANK,kBAMLA,KANK;AASPT,MAAAA,MAAM,CAACU,IAAP,CACED,KAAK,KAAKE,SADZ,EAEE,qDAFF,EAGE,KAAKT,OAAL,CAAa,cAAb,KAAgCU,WAAW,CAACC,WAH9C,EATO,CAeP;;AACA,qBAAOlB,OAAO,CAACa,MAAD,CAAd,eACE,oBAAC,YAAD;AAAA,iBAESC;AAFT,+BAIE,oBAAC,MAAD,0BAASV,iBAAiB,CAACQ,QAAD,EAAWK,WAAW,CAACE,IAAvB,EAA6BF,WAAW,CAACG,KAAzC,CAA1B,CAJF,CADF;AAQD;;;;EAxC2BtB,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;;AAqCnB,SAASiB,IAAT,CAAcI,KAAd,EAAqB;AAAA;AAAA;;AACnB,MAAMC,KAAK,GAKMvB,GALjB;AADmB,MAEXwB,QAFW,GAE8BF,KAF9B,CAEXE,QAFW;AAAA,MAEDZ,MAFC,GAE8BU,KAF9B,CAEDV,MAFC;AAAA,MAEOJ,KAFP,GAE8Bc,KAF9B,CAEOd,KAFP;AAAA,MAEcD,WAFd,GAE8Be,KAF9B,CAEcf,WAFd;AAInB,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, {\n Component,\n Root,\n sstyled,\n} 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 {\n Children,\n styles,\n theme,\n } = 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\n render={Box}\n state={theme}\n >\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"}
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"}
@@ -23,12 +23,12 @@ var style = (
23
23
  /*__reshadow_css_start__*/
24
24
  _sstyled.insert(
25
25
  /*__inner_css_start__*/
26
- ".___SButtonAddon_12p8m_gg_{width:12px;height:12px}"
26
+ ".___SButtonAddon_xi8uq_gg_{width:12px;height:12px}"
27
27
  /*__inner_css_end__*/
28
28
  , "18emizi_gg_")
29
29
  /*__reshadow_css_end__*/
30
30
  , {
31
- "__SButtonAddon": "___SButtonAddon_12p8m_gg_"
31
+ "__SButtonAddon": "___SButtonAddon_xi8uq_gg_"
32
32
  });
33
33
 
34
34
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
@@ -1 +1 @@
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"}
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"}
@@ -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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
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] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
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
 
@@ -33,27 +33,27 @@ var style = (
33
33
  /*__reshadow_css_start__*/
34
34
  _sstyled.insert(
35
35
  /*__inner_css_start__*/
36
- ".___SButtonTrigger_17o6g_gg_{border:1px solid #a6b0b3;background:#fff;color:#333}.___SButtonTrigger_17o6g_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_17o6g_gg_:active,.___SButtonTrigger_17o6g_gg_:focus,.___SButtonTrigger_17o6g_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_17o6g_gg_:active,.___SButtonTrigger_17o6g_gg_:hover,.___SButtonTrigger_17o6g_gg_.__active_17o6g_gg_{background-color:rgba(166,176,179,.2)}.___SButtonTrigger_17o6g_gg_._size_s_17o6g_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButtonTrigger_17o6g_gg_._size_m_17o6g_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButtonTrigger_17o6g_gg_._size_l_17o6g_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButtonTrigger_17o6g_gg_._size_xl_17o6g_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SText_17o6g_gg_.__placeholder_17o6g_gg_{color:#aaa}.___SButtonTrigger_17o6g_gg_._state_normal_17o6g_gg_{border-color:#a6b0b3}.___SButtonTrigger_17o6g_gg_._state_valid_17o6g_gg_{border-color:#4fae33}.___SButtonTrigger_17o6g_gg_._state_invalid_17o6g_gg_{border-color:#ff7f00}.___SFilterTrigger_17o6g_gg_.__selected_17o6g_gg_{border-color:#2b94e1;background-color:rgba(43,148,225,.2)}.___SFilterTrigger_17o6g_gg_.__selected_17o6g_gg_:hover,.___SFilterTrigger_17o6g_gg_.__selected_17o6g_gg_.__active_17o6g_gg_{background:rgba(43,148,225,.3)}.___SWrapper_17o6g_gg_{display:inline-flex}.___SWrapper_17o6g_gg_:focus{outline:none}.___SWrapper_17o6g_gg_.__keyboardFocused_17o6g_gg_{box-shadow:0 0 0 3px rgba(43,148,225,.3)}.___SCounter_17o6g_gg_{background-color:#2b94e1}"
36
+ ".___SButtonTrigger_1u05t_gg_{border:1px solid #a6b0b3;background:#fff;color:#333333}.___SButtonTrigger_1u05t_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1u05t_gg_:active,.___SButtonTrigger_1u05t_gg_:focus,.___SButtonTrigger_1u05t_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1u05t_gg_:active,.___SButtonTrigger_1u05t_gg_:hover,.___SButtonTrigger_1u05t_gg_.__active_1u05t_gg_{background-color:rgba(166,176,179,.2)}.___SButtonTrigger_1u05t_gg_._size_s_1u05t_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButtonTrigger_1u05t_gg_._size_m_1u05t_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButtonTrigger_1u05t_gg_._size_l_1u05t_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButtonTrigger_1u05t_gg_._size_xl_1u05t_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SText_1u05t_gg_.__placeholder_1u05t_gg_{color:#aaaaaa}.___SButtonTrigger_1u05t_gg_._state_normal_1u05t_gg_{border-color:#a6b0b3}.___SButtonTrigger_1u05t_gg_._state_valid_1u05t_gg_{border-color:#4fae33}.___SButtonTrigger_1u05t_gg_._state_invalid_1u05t_gg_{border-color:#ff7f00}.___SFilterTrigger_1u05t_gg_.__selected_1u05t_gg_{border-color:#2b94e1;background-color:rgba(43,148,225,.2)}.___SFilterTrigger_1u05t_gg_.__selected_1u05t_gg_:hover,.___SFilterTrigger_1u05t_gg_.__selected_1u05t_gg_.__active_1u05t_gg_{background:rgba(43,148,225,.3)}.___SWrapper_1u05t_gg_{display:inline-flex}.___SWrapper_1u05t_gg_:focus{outline:none}.___SWrapper_1u05t_gg_.__keyboardFocused_1u05t_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SCounter_1u05t_gg_{background-color:#2b94e1}"
37
37
  /*__inner_css_end__*/
38
38
  , "y8g6v3_gg_")
39
39
  /*__reshadow_css_end__*/
40
40
  , {
41
- "__SButtonTrigger": "___SButtonTrigger_17o6g_gg_",
42
- "_active": "__active_17o6g_gg_",
43
- "_size_s": "_size_s_17o6g_gg_",
44
- "_size_m": "_size_m_17o6g_gg_",
45
- "_size_l": "_size_l_17o6g_gg_",
46
- "_size_xl": "_size_xl_17o6g_gg_",
47
- "__SText": "___SText_17o6g_gg_",
48
- "_placeholder": "__placeholder_17o6g_gg_",
49
- "_state_normal": "_state_normal_17o6g_gg_",
50
- "_state_valid": "_state_valid_17o6g_gg_",
51
- "_state_invalid": "_state_invalid_17o6g_gg_",
52
- "__SFilterTrigger": "___SFilterTrigger_17o6g_gg_",
53
- "_selected": "__selected_17o6g_gg_",
54
- "__SWrapper": "___SWrapper_17o6g_gg_",
55
- "_keyboardFocused": "__keyboardFocused_17o6g_gg_",
56
- "__SCounter": "___SCounter_17o6g_gg_"
41
+ "__SButtonTrigger": "___SButtonTrigger_1u05t_gg_",
42
+ "_active": "__active_1u05t_gg_",
43
+ "_size_s": "_size_s_1u05t_gg_",
44
+ "_size_m": "_size_m_1u05t_gg_",
45
+ "_size_l": "_size_l_1u05t_gg_",
46
+ "_size_xl": "_size_xl_1u05t_gg_",
47
+ "__SText": "___SText_1u05t_gg_",
48
+ "_placeholder": "__placeholder_1u05t_gg_",
49
+ "_state_normal": "_state_normal_1u05t_gg_",
50
+ "_state_valid": "_state_valid_1u05t_gg_",
51
+ "_state_invalid": "_state_invalid_1u05t_gg_",
52
+ "__SFilterTrigger": "___SFilterTrigger_1u05t_gg_",
53
+ "_selected": "__selected_1u05t_gg_",
54
+ "__SWrapper": "___SWrapper_1u05t_gg_",
55
+ "_keyboardFocused": "__keyboardFocused_1u05t_gg_",
56
+ "__SCounter": "___SCounter_1u05t_gg_"
57
57
  });
58
58
 
59
59
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
@@ -1 +1 @@
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"}
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"}
@@ -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); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
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] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
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
 
@@ -31,24 +31,25 @@ var style = (
31
31
  /*__reshadow_css_start__*/
32
32
  _sstyled.insert(
33
33
  /*__inner_css_start__*/
34
- ".___SLinkTrigger_1jygk_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;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;color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1jygk_gg_:active,.___SLinkTrigger_1jygk_gg_:hover,.___SLinkTrigger_1jygk_gg_.__active_1jygk_gg_{color:#0063a5}.___SLinkTrigger_1jygk_gg_:active .___SText_1jygk_gg_,.___SLinkTrigger_1jygk_gg_:hover .___SText_1jygk_gg_,.___SLinkTrigger_1jygk_gg_.__active_1jygk_gg_ .___SText_1jygk_gg_{border-color:currentColor}.___SLinkTrigger_1jygk_gg_ .___SText_1jygk_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_1jygk_gg_.__color_1jygk_gg_{color:var(--color_hznr82)}.___SLinkTrigger_1jygk_gg_.__color_1jygk_gg_:hover{color:color-mod(var(--color_hznr82) shade(12%))}.___SLinkTrigger_1jygk_gg_.__disabled_1jygk_gg_{opacity:.3;cursor:default;pointer-events:none}.___SLinkTrigger_1jygk_gg_.__keyboardFocused_1jygk_gg_{box-shadow:0 0 0 3px color-mod(#2b94e1 a(30%));z-index:1}.___SAddon_1jygk_gg_,.___SLinkAddon_1jygk_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1jygk_gg_:not(:only-child):first-child,.___SLinkAddon_1jygk_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1jygk_gg_:not(:only-child):last-child,.___SLinkAddon_1jygk_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1jygk_gg_{width:12px;height:12px}.___SLinkTrigger_1jygk_gg_._size_s_1jygk_gg_{font-size:10px}.___SLinkTrigger_1jygk_gg_._size_m_1jygk_gg_{font-size:12px}.___SLinkTrigger_1jygk_gg_._size_l_1jygk_gg_{font-size:14px}.___SLinkTrigger_1jygk_gg_._size_xl_1jygk_gg_{font-size:16px}"
34
+ ".___SLinkTrigger_6sj6l_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_6sj6l_gg_{color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_6sj6l_gg_:active,.___SLinkTrigger_6sj6l_gg_:hover,.___SLinkTrigger_6sj6l_gg_.__active_6sj6l_gg_{color:#0063a5}.___SLinkTrigger_6sj6l_gg_:active .___SText_6sj6l_gg_,.___SLinkTrigger_6sj6l_gg_:hover .___SText_6sj6l_gg_,.___SLinkTrigger_6sj6l_gg_.__active_6sj6l_gg_ .___SText_6sj6l_gg_{border-color:currentColor}.___SLinkTrigger_6sj6l_gg_ .___SText_6sj6l_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_6sj6l_gg_.__color_6sj6l_gg_{color:var(--color_1fzf3hu)}.___SLinkTrigger_6sj6l_gg_.__color_6sj6l_gg_:hover{color:var(--color-hover_1fzf3hu)}.___SLinkTrigger_6sj6l_gg_.__disabled_6sj6l_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_6sj6l_gg_.__keyboardFocused_6sj6l_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SAddon_6sj6l_gg_,.___SLinkAddon_6sj6l_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_6sj6l_gg_:not(:only-child):first-child,.___SLinkAddon_6sj6l_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_6sj6l_gg_:not(:only-child):last-child,.___SLinkAddon_6sj6l_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_6sj6l_gg_{width:12px;height:12px}.___SLinkTrigger_6sj6l_gg_._size_s_6sj6l_gg_{font-size:10px}.___SLinkTrigger_6sj6l_gg_._size_m_6sj6l_gg_{font-size:12px}.___SLinkTrigger_6sj6l_gg_._size_l_6sj6l_gg_{font-size:14px}.___SLinkTrigger_6sj6l_gg_._size_xl_6sj6l_gg_{font-size:16px}"
35
35
  /*__inner_css_end__*/
36
- , "hznr82_gg_")
36
+ , "1fzf3hu_gg_")
37
37
  /*__reshadow_css_end__*/
38
38
  , {
39
- "__SLinkTrigger": "___SLinkTrigger_1jygk_gg_",
40
- "_active": "__active_1jygk_gg_",
41
- "__SText": "___SText_1jygk_gg_",
42
- "_color": "__color_1jygk_gg_",
43
- "--color": "--color_hznr82",
44
- "_disabled": "__disabled_1jygk_gg_",
45
- "_keyboardFocused": "__keyboardFocused_1jygk_gg_",
46
- "__SAddon": "___SAddon_1jygk_gg_",
47
- "__SLinkAddon": "___SLinkAddon_1jygk_gg_",
48
- "_size_s": "_size_s_1jygk_gg_",
49
- "_size_m": "_size_m_1jygk_gg_",
50
- "_size_l": "_size_l_1jygk_gg_",
51
- "_size_xl": "_size_xl_1jygk_gg_"
39
+ "__SLinkTrigger": "___SLinkTrigger_6sj6l_gg_",
40
+ "_active": "__active_6sj6l_gg_",
41
+ "__SText": "___SText_6sj6l_gg_",
42
+ "_color": "__color_6sj6l_gg_",
43
+ "--color": "--color_1fzf3hu",
44
+ "--color-hover": "--color-hover_1fzf3hu",
45
+ "_disabled": "__disabled_6sj6l_gg_",
46
+ "_keyboardFocused": "__keyboardFocused_6sj6l_gg_",
47
+ "__SAddon": "___SAddon_6sj6l_gg_",
48
+ "__SLinkAddon": "___SLinkAddon_6sj6l_gg_",
49
+ "_size_s": "_size_s_6sj6l_gg_",
50
+ "_size_m": "_size_m_6sj6l_gg_",
51
+ "_size_l": "_size_l_6sj6l_gg_",
52
+ "_size_xl": "_size_xl_6sj6l_gg_"
52
53
  });
53
54
 
54
55
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
@@ -85,9 +86,12 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
85
86
  Children = _this$asProps2.Children,
86
87
  loading = _this$asProps2.loading,
87
88
  styles = _this$asProps2.styles,
88
- color = _this$asProps2.color;
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": resolveColor(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
96
  "size": "xs",
93
97
  "theme": "currentColor"
@@ -1 +1 @@
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"}
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"}
@@ -48,7 +48,7 @@ SLinkTrigger[color] {
48
48
  color: var(--color);
49
49
 
50
50
  &:hover {
51
- color: color-mod(var(--color) shade(12%));
51
+ color: var(--color-hover);
52
52
  }
53
53
  }
54
54
 
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.5.0",
4
+ "version": "2.5.1",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -25,6 +25,6 @@
25
25
  "react": "16.8 - 17"
26
26
  },
27
27
  "jest": {
28
- "preset": "jest-preset-ui"
28
+ "preset": "@semcore/jest-preset-ui"
29
29
  }
30
30
  }
@@ -1,9 +1,5 @@
1
- import React from '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
- 'The \'theme\' property is deprecated, use \'state\'',
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
  );
@@ -28,10 +28,13 @@ class RootLinkTrigger extends Component {
28
28
  render() {
29
29
  const SLinkTrigger = Root;
30
30
  const SLinkAddon = LinkTrigger.Addon;
31
- const { Children, loading, styles, color } = this.asProps;
31
+ const { Children, loading, styles, color: providedColor } = this.asProps;
32
+
33
+ const color = resolveColor(providedColor);
34
+ const colorHover = shade(color, -0.12);
32
35
 
33
36
  return sstyled(styles)(
34
- <SLinkTrigger render={Box} use:color={resolveColor(color)}>
37
+ <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>
35
38
  {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon)}
36
39
  <SLinkAddon>
37
40
  {loading ? <Spin size="xs" theme="currentColor" /> : <ChevronDown />}
@@ -48,7 +48,7 @@ SLinkTrigger[color] {
48
48
  color: var(--color);
49
49
 
50
50
  &:hover {
51
- color: color-mod(var(--color) shade(12%));
51
+ color: var(--color-hover);
52
52
  }
53
53
  }
54
54