@semcore/base-trigger 2.4.1 → 2.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -1
- package/lib/cjs/BaseTrigger.js +29 -25
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +12 -8
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +31 -27
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +33 -25
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.js +11 -7
- package/lib/cjs/style/link-trigger.shadow.css +1 -1
- package/lib/es6/BaseTrigger.js +23 -23
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +6 -6
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +25 -25
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +27 -23
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/style/link-trigger.shadow.css +1 -1
- package/package.json +8 -3
- package/src/BaseTrigger.js +5 -16
- package/src/ButtonTrigger.js +2 -2
- package/src/FilterTrigger.js +7 -7
- package/src/LinkTrigger.js +8 -14
- package/src/style/link-trigger.shadow.css +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,24 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [2.5.2] - 2022-02-24
|
|
6
|
+
|
|
7
|
+
### Added
|
|
8
|
+
|
|
9
|
+
- Added repository field to package.json file.
|
|
10
|
+
|
|
11
|
+
## [2.5.1] - 2022-02-18
|
|
12
|
+
|
|
13
|
+
### Fixed
|
|
14
|
+
|
|
15
|
+
- Fixed LinkTrigger hovered text color.
|
|
16
|
+
|
|
17
|
+
## [2.5.0] - 2022-01-18
|
|
18
|
+
|
|
19
|
+
### Changed
|
|
20
|
+
|
|
21
|
+
- Up version icons and use new icon.
|
|
22
|
+
|
|
5
23
|
## [2.4.1] - 2021-12-23
|
|
6
24
|
|
|
7
25
|
### Changed
|
|
@@ -97,7 +115,7 @@ CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangel
|
|
|
97
115
|
|
|
98
116
|
- Исправлена типизация `FilterTrigger.Counter`
|
|
99
117
|
|
|
100
|
-
## [2.0.2] - 2020-06-03
|
|
118
|
+
## [2.0.2-0] - 2020-06-03
|
|
101
119
|
|
|
102
120
|
### Fixed
|
|
103
121
|
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -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
|
|
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]
|
|
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
|
-
".
|
|
55
|
+
".___SBaseTrigger_ifund_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:1px solid #a6b0b3;background:#fff;color:#333333}.___SBaseTrigger_ifund_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_ifund_gg_:active,.___SBaseTrigger_ifund_gg_:focus,.___SBaseTrigger_ifund_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_ifund_gg_:active,.___SBaseTrigger_ifund_gg_:hover,.___SBaseTrigger_ifund_gg_.__active_ifund_gg_{background-color:rgba(166,176,179,.2)}.___SBaseTrigger_ifund_gg_.__disabled_ifund_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SBaseTrigger_ifund_gg_.__keyboardFocused_ifund_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SInner_ifund_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_ifund_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.1;flex-grow:1;text-align:left}.___SAddon_ifund_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_ifund_gg_{width:12px;height:12px}.___SBaseTrigger_ifund_gg_._size_s_ifund_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SBaseTrigger_ifund_gg_._size_s_ifund_gg_ .___SText_ifund_gg_{margin-left:4px;margin-right:4px}.___SBaseTrigger_ifund_gg_._size_s_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):first-child{margin-left:4px}.___SBaseTrigger_ifund_gg_._size_s_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):last-child{margin-right:4px}.___SBaseTrigger_ifund_gg_._size_s_ifund_gg_ .___SAddon_ifund_gg_:only-child{margin-left:-2px;margin-right:-2px}.___SBaseTrigger_ifund_gg_._size_m_ifund_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SBaseTrigger_ifund_gg_._size_m_ifund_gg_ .___SText_ifund_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_ifund_gg_._size_m_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_ifund_gg_._size_m_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_ifund_gg_._size_m_ifund_gg_ .___SAddon_ifund_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_ifund_gg_._size_l_ifund_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SBaseTrigger_ifund_gg_._size_l_ifund_gg_ .___SText_ifund_gg_{margin-left:8px;margin-right:8px}.___SBaseTrigger_ifund_gg_._size_l_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):first-child{margin-left:8px}.___SBaseTrigger_ifund_gg_._size_l_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):last-child{margin-right:8px}.___SBaseTrigger_ifund_gg_._size_l_ifund_gg_ .___SAddon_ifund_gg_:only-child{margin-left:-4px;margin-right:-4px}.___SBaseTrigger_ifund_gg_._size_xl_ifund_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SBaseTrigger_ifund_gg_._size_xl_ifund_gg_ .___SText_ifund_gg_{margin-left:12px;margin-right:12px}.___SBaseTrigger_ifund_gg_._size_xl_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):first-child{margin-left:12px}.___SBaseTrigger_ifund_gg_._size_xl_ifund_gg_ .___SAddon_ifund_gg_:not(:only-child):last-child{margin-right:12px}.___SBaseTrigger_ifund_gg_._size_xl_ifund_gg_ .___SAddon_ifund_gg_:only-child{margin-left:-6px;margin-right:-6px}.___SBaseTrigger_ifund_gg_._neighborLocation_right_ifund_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_ifund_gg_._neighborLocation_both_ifund_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_ifund_gg_._neighborLocation_left_ifund_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_ifund_gg_.__placeholder_ifund_gg_{color:#aaaaaa}.___SBaseTrigger_ifund_gg_._state_normal_ifund_gg_{border-color:#a6b0b3}.___SBaseTrigger_ifund_gg_._state_valid_ifund_gg_{border-color:#4fae33}.___SBaseTrigger_ifund_gg_._state_invalid_ifund_gg_{border-color:#ff7f00}"
|
|
52
56
|
/*__inner_css_end__*/
|
|
53
57
|
, "upa657_gg_")
|
|
54
58
|
/*__reshadow_css_end__*/
|
|
55
59
|
, {
|
|
56
|
-
"__SBaseTrigger": "
|
|
57
|
-
"_active": "
|
|
58
|
-
"_disabled": "
|
|
59
|
-
"_keyboardFocused": "
|
|
60
|
-
"__SInner": "
|
|
61
|
-
"__SText": "
|
|
62
|
-
"__SAddon": "
|
|
63
|
-
"__SBaseAddon": "
|
|
64
|
-
"_size_s": "
|
|
65
|
-
"_size_m": "
|
|
66
|
-
"_size_l": "
|
|
67
|
-
"_size_xl": "
|
|
68
|
-
"_neighborLocation_right": "
|
|
69
|
-
"_neighborLocation_both": "
|
|
70
|
-
"_neighborLocation_left": "
|
|
71
|
-
"_placeholder": "
|
|
72
|
-
"_state_normal": "
|
|
73
|
-
"_state_valid": "
|
|
74
|
-
"_state_invalid": "
|
|
60
|
+
"__SBaseTrigger": "___SBaseTrigger_ifund_gg_",
|
|
61
|
+
"_active": "__active_ifund_gg_",
|
|
62
|
+
"_disabled": "__disabled_ifund_gg_",
|
|
63
|
+
"_keyboardFocused": "__keyboardFocused_ifund_gg_",
|
|
64
|
+
"__SInner": "___SInner_ifund_gg_",
|
|
65
|
+
"__SText": "___SText_ifund_gg_",
|
|
66
|
+
"__SAddon": "___SAddon_ifund_gg_",
|
|
67
|
+
"__SBaseAddon": "___SBaseAddon_ifund_gg_",
|
|
68
|
+
"_size_s": "_size_s_ifund_gg_",
|
|
69
|
+
"_size_m": "_size_m_ifund_gg_",
|
|
70
|
+
"_size_l": "_size_l_ifund_gg_",
|
|
71
|
+
"_size_xl": "_size_xl_ifund_gg_",
|
|
72
|
+
"_neighborLocation_right": "_neighborLocation_right_ifund_gg_",
|
|
73
|
+
"_neighborLocation_both": "_neighborLocation_both_ifund_gg_",
|
|
74
|
+
"_neighborLocation_left": "_neighborLocation_left_ifund_gg_",
|
|
75
|
+
"_placeholder": "__placeholder_ifund_gg_",
|
|
76
|
+
"_state_normal": "_state_normal_ifund_gg_",
|
|
77
|
+
"_state_valid": "_state_valid_ifund_gg_",
|
|
78
|
+
"_state_invalid": "_state_invalid_ifund_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,
|
|
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;;
|
|
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"}
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -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
|
});
|
|
@@ -27,12 +27,16 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
27
27
|
|
|
28
28
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
31
31
|
|
|
32
32
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
33
33
|
|
|
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
|
-
".
|
|
49
|
+
".___SButtonAddon_1yp15_gg_{width:12px;height:12px}"
|
|
46
50
|
/*__inner_css_end__*/
|
|
47
51
|
, "18emizi_gg_")
|
|
48
52
|
/*__reshadow_css_end__*/
|
|
49
53
|
, {
|
|
50
|
-
"__SButtonAddon": "
|
|
54
|
+
"__SButtonAddon": "___SButtonAddon_1yp15_gg_"
|
|
51
55
|
});
|
|
52
56
|
|
|
53
57
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -72,9 +76,9 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
72
76
|
styles = _this$asProps.styles,
|
|
73
77
|
loading = _this$asProps.loading;
|
|
74
78
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], _ref2.cn("Spin", {
|
|
75
|
-
"size":
|
|
76
|
-
"theme":
|
|
77
|
-
})) : /*#__PURE__*/_react["default"].createElement(
|
|
79
|
+
"size": "xs",
|
|
80
|
+
"theme": "#a6b0b3"
|
|
81
|
+
})) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
|
|
78
82
|
}
|
|
79
83
|
}]);
|
|
80
84
|
return RootButtonTrigger;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ButtonTrigger.js"],"names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","asProps","Children","styles","loading","BaseTrigger","Text","Component","style","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA
|
|
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"}
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -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,17 +35,21 @@ var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-locati
|
|
|
35
35
|
|
|
36
36
|
var _dot = _interopRequireDefault(require("@semcore/dot"));
|
|
37
37
|
|
|
38
|
-
var
|
|
38
|
+
var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
39
39
|
|
|
40
|
-
var
|
|
40
|
+
var _m2 = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
41
41
|
|
|
42
42
|
var _assignProps3 = require("@semcore/utils/lib/assignProps");
|
|
43
43
|
|
|
44
44
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
45
45
|
|
|
46
|
-
function
|
|
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]
|
|
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
|
-
".
|
|
63
|
+
".___SButtonTrigger_1le1w_gg_{border:1px solid #a6b0b3;background:#fff;color:#333333}.___SButtonTrigger_1le1w_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1le1w_gg_:active,.___SButtonTrigger_1le1w_gg_:focus,.___SButtonTrigger_1le1w_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1le1w_gg_:active,.___SButtonTrigger_1le1w_gg_:hover,.___SButtonTrigger_1le1w_gg_.__active_1le1w_gg_{background-color:rgba(166,176,179,.2)}.___SButtonTrigger_1le1w_gg_._size_s_1le1w_gg_{height:18px;min-width:18px;border-radius:2px;font-size:10px}.___SButtonTrigger_1le1w_gg_._size_m_1le1w_gg_{height:26px;min-width:26px;border-radius:3px;font-size:12px}.___SButtonTrigger_1le1w_gg_._size_l_1le1w_gg_{height:32px;min-width:32px;border-radius:4px;font-size:14px}.___SButtonTrigger_1le1w_gg_._size_xl_1le1w_gg_{height:42px;min-width:42px;border-radius:5px;font-size:16px}.___SText_1le1w_gg_.__placeholder_1le1w_gg_{color:#aaaaaa}.___SButtonTrigger_1le1w_gg_._state_normal_1le1w_gg_{border-color:#a6b0b3}.___SButtonTrigger_1le1w_gg_._state_valid_1le1w_gg_{border-color:#4fae33}.___SButtonTrigger_1le1w_gg_._state_invalid_1le1w_gg_{border-color:#ff7f00}.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_{border-color:#2b94e1;background-color:rgba(43,148,225,.2)}.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_:hover,.___SFilterTrigger_1le1w_gg_.__selected_1le1w_gg_.__active_1le1w_gg_{background:rgba(43,148,225,.3)}.___SWrapper_1le1w_gg_{display:inline-flex}.___SWrapper_1le1w_gg_:focus{outline:none}.___SWrapper_1le1w_gg_.__keyboardFocused_1le1w_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3)}.___SCounter_1le1w_gg_{background-color:#2b94e1}"
|
|
60
64
|
/*__inner_css_end__*/
|
|
61
65
|
, "y8g6v3_gg_")
|
|
62
66
|
/*__reshadow_css_end__*/
|
|
63
67
|
, {
|
|
64
|
-
"__SButtonTrigger": "
|
|
65
|
-
"_active": "
|
|
66
|
-
"_size_s": "
|
|
67
|
-
"_size_m": "
|
|
68
|
-
"_size_l": "
|
|
69
|
-
"_size_xl": "
|
|
70
|
-
"__SText": "
|
|
71
|
-
"_placeholder": "
|
|
72
|
-
"_state_normal": "
|
|
73
|
-
"_state_valid": "
|
|
74
|
-
"_state_invalid": "
|
|
75
|
-
"__SFilterTrigger": "
|
|
76
|
-
"_selected": "
|
|
77
|
-
"__SWrapper": "
|
|
78
|
-
"_keyboardFocused": "
|
|
79
|
-
"__SCounter": "
|
|
68
|
+
"__SButtonTrigger": "___SButtonTrigger_1le1w_gg_",
|
|
69
|
+
"_active": "__active_1le1w_gg_",
|
|
70
|
+
"_size_s": "_size_s_1le1w_gg_",
|
|
71
|
+
"_size_m": "_size_m_1le1w_gg_",
|
|
72
|
+
"_size_l": "_size_l_1le1w_gg_",
|
|
73
|
+
"_size_xl": "_size_xl_1le1w_gg_",
|
|
74
|
+
"__SText": "___SText_1le1w_gg_",
|
|
75
|
+
"_placeholder": "__placeholder_1le1w_gg_",
|
|
76
|
+
"_state_normal": "_state_normal_1le1w_gg_",
|
|
77
|
+
"_state_valid": "_state_valid_1le1w_gg_",
|
|
78
|
+
"_state_invalid": "_state_invalid_1le1w_gg_",
|
|
79
|
+
"__SFilterTrigger": "___SFilterTrigger_1le1w_gg_",
|
|
80
|
+
"_selected": "__selected_1le1w_gg_",
|
|
81
|
+
"__SWrapper": "___SWrapper_1le1w_gg_",
|
|
82
|
+
"_keyboardFocused": "__keyboardFocused_1le1w_gg_",
|
|
83
|
+
"__SCounter": "___SCounter_1le1w_gg_"
|
|
80
84
|
});
|
|
81
85
|
|
|
82
86
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -118,7 +122,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
118
122
|
active = _this$asProps.active,
|
|
119
123
|
disabled = _this$asProps.disabled;
|
|
120
124
|
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref3.cn("SWrapper", _objectSpread({}, (0, _core.assignProps)({}, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
121
|
-
"w":
|
|
125
|
+
"w": "100%",
|
|
122
126
|
"size": size,
|
|
123
127
|
"placeholder": placeholder,
|
|
124
128
|
"empty": empty,
|
|
@@ -126,9 +130,9 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
126
130
|
"active": active,
|
|
127
131
|
"disabled": disabled
|
|
128
132
|
}), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter]), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
|
|
129
|
-
tag:
|
|
133
|
+
tag: _m2["default"]
|
|
130
134
|
})), !empty && /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
131
|
-
"tag":
|
|
135
|
+
"tag": "button",
|
|
132
136
|
"size": size,
|
|
133
137
|
"empty": empty,
|
|
134
138
|
"selected": true,
|
|
@@ -136,7 +140,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
136
140
|
"onKeyDown": this.handleStopPropagation,
|
|
137
141
|
"disabled": disabled
|
|
138
142
|
}), /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
|
|
139
|
-
tag:
|
|
143
|
+
tag: _m["default"]
|
|
140
144
|
}))));
|
|
141
145
|
}
|
|
142
146
|
}]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/FilterTrigger.js"],"names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","FilterTrigger","Text","Addon","Counter","
|
|
1
|
+
{"version":3,"sources":["../../src/FilterTrigger.js"],"names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","FilterTrigger","Text","Addon","Counter","ChevronDown","handleStopPropagation","Close","Component","style","props","SCounter","Dot","parent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;;;;8GAIoB,UAACC,CAAD;AAAA,aAAOA,CAAC,CAACC,eAAF,EAAP;AAAA,K;;;;;;WAExB,kBAAS;AAAA;AAAA;;AACP,UAAMC,QAAQ,GAKMC,YALpB;AACA,UAAMC,cAAc,GAAGC,uBAAvB;AACA,0BAAkF,KAAKC,OAAvF;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AAAA,UAA0BC,KAA1B,iBAA0BA,KAA1B;AAAA,UAAiCC,OAAjC,iBAAiCA,OAAjC;AAAA,UAA0CC,IAA1C,iBAA0CA,IAA1C;AAAA,UAAgDC,WAAhD,iBAAgDA,WAAhD;AAAA,UAA6DC,MAA7D,iBAA6DA,MAA7D;AAAA,UAAqEC,QAArE,iBAAqEA,QAArE;AAEA,qBAAO,mBAAQN,MAAR,CAAP,eACE,gCAAC,QAAD,0FACE,gCAAC,4BAAD,iDACE,gCAAC,cAAD;AAAA,aACI,MADJ;AAAA,gBAEQG,IAFR;AAAA,uBAGeC,WAHf;AAAA,iBAISH,KAJT;AAAA,oBAKY,CAACA,KALb;AAAA,kBAMUI,MANV;AAAA,oBAOYC;AAPZ,UASG,mCAAkBP,QAAlB,EAA4BQ,aAAa,CAACC,IAA1C,EAAgD,CAC/CD,aAAa,CAACE,KADiC,EAE/CF,aAAa,CAACG,OAFiC,CAAhD,CATH,EAaGT,KAAK,iBAAI,gCAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEU;AAA1B,QAbZ,CADF,EAgBG,CAACV,KAAD,iBACC,gCAAC,cAAD;AAAA,eACM,QADN;AAAA,gBAEQE,IAFR;AAAA,iBAGSF,KAHT;AAAA;AAAA,mBAKW,wCAAqBC,OAArB,EAA8B,KAAKU,qBAAnC,CALX;AAAA,qBAMa,KAAKA,qBANlB;AAAA,oBAOYN;AAPZ,uBASE,gCAAC,aAAD,CAAe,KAAf;AAAqB,QAAA,GAAG,EAAEO;AAA1B,QATF,CAjBJ,CADF,CADF;AAkCD;;;EA7C6BC,e;;iCAA1BvB,iB,iBACiB,e;iCADjBA,iB,WAEWwB,K;;AA8CjB,SAASL,OAAT,CAAiBM,KAAjB,EAAwB;AAAA;AAAA;;AACtB,MAAMC,QAAQ,GACiCpB,wBAAYY,KAD3D;AACA,iBAAO,mBAAQO,KAAK,CAAChB,MAAd,CAAP,eAA6B,gCAAC,QAAD;AAAA,WAA0CkB;AAA1C,cAA7B;AACD;;AAED,IAAMX,aAAa,GAAG,sBACpBhB,iBADoB,EAEpB;AACEiB,EAAAA,IAAI,EAAEX,wBAAYW,IADpB;AAEEC,EAAAA,KAAK,EAAEZ,wBAAYY,KAFrB;AAGEC,EAAAA,OAAO,EAAPA;AAHF,CAFoB,EAOpB;AACES,EAAAA,MAAM,EAAEtB;AADV,CAPoB,CAAtB;eAYeU,a","sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled } = this.asProps;\n\n return sstyled(styles)(\n <SWrapper render={Box}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\n >\n {addonTextChildren(Children, FilterTrigger.Text, [\n FilterTrigger.Addon,\n FilterTrigger.Counter,\n ])}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>\n {!empty && (\n <SFilterTrigger\n tag=\"button\"\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"file":"FilterTrigger.js"}
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -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
|
});
|
|
@@ -27,7 +27,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
27
27
|
|
|
28
28
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
29
29
|
|
|
30
|
-
var
|
|
30
|
+
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
31
31
|
|
|
32
32
|
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
33
33
|
|
|
@@ -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
|
|
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]
|
|
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
|
-
".
|
|
57
|
+
".___SLinkTrigger_1l30n_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer}.___SLinkTrigger_1l30n_gg_{color:#0071bc;background:none;transition:color .15s ease-in-out}.___SLinkTrigger_1l30n_gg_:active,.___SLinkTrigger_1l30n_gg_:hover,.___SLinkTrigger_1l30n_gg_.__active_1l30n_gg_{color:#0063a5}.___SLinkTrigger_1l30n_gg_:active .___SText_1l30n_gg_,.___SLinkTrigger_1l30n_gg_:hover .___SText_1l30n_gg_,.___SLinkTrigger_1l30n_gg_.__active_1l30n_gg_ .___SText_1l30n_gg_{border-color:currentColor}.___SLinkTrigger_1l30n_gg_ .___SText_1l30n_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out}.___SLinkTrigger_1l30n_gg_.__color_1l30n_gg_{color:var(--color_1fzf3hu)}.___SLinkTrigger_1l30n_gg_.__color_1l30n_gg_:hover{color:var(--color-hover_1fzf3hu)}.___SLinkTrigger_1l30n_gg_.__disabled_1l30n_gg_{opacity:0.3;cursor:default;pointer-events:none}.___SLinkTrigger_1l30n_gg_.__keyboardFocused_1l30n_gg_{box-shadow:0 0 0 3px rgba(43, 148, 225, 0.3);z-index:1}.___SAddon_1l30n_gg_,.___SLinkAddon_1l30n_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SAddon_1l30n_gg_:not(:only-child):first-child,.___SLinkAddon_1l30n_gg_:not(:only-child):first-child{margin-right:4px}.___SAddon_1l30n_gg_:not(:only-child):last-child,.___SLinkAddon_1l30n_gg_:not(:only-child):last-child{margin-left:4px}.___SLinkAddon_1l30n_gg_{width:12px;height:12px}.___SLinkTrigger_1l30n_gg_._size_s_1l30n_gg_{font-size:10px}.___SLinkTrigger_1l30n_gg_._size_m_1l30n_gg_{font-size:12px}.___SLinkTrigger_1l30n_gg_._size_l_1l30n_gg_{font-size:14px}.___SLinkTrigger_1l30n_gg_._size_xl_1l30n_gg_{font-size:16px}"
|
|
54
58
|
/*__inner_css_end__*/
|
|
55
|
-
, "
|
|
59
|
+
, "1fzf3hu_gg_")
|
|
56
60
|
/*__reshadow_css_end__*/
|
|
57
61
|
, {
|
|
58
|
-
"__SLinkTrigger": "
|
|
59
|
-
"_active": "
|
|
60
|
-
"__SText": "
|
|
61
|
-
"_color": "
|
|
62
|
-
"--color": "--
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
"
|
|
62
|
+
"__SLinkTrigger": "___SLinkTrigger_1l30n_gg_",
|
|
63
|
+
"_active": "__active_1l30n_gg_",
|
|
64
|
+
"__SText": "___SText_1l30n_gg_",
|
|
65
|
+
"_color": "__color_1l30n_gg_",
|
|
66
|
+
"--color": "--color_1fzf3hu",
|
|
67
|
+
"--color-hover": "--color-hover_1fzf3hu",
|
|
68
|
+
"_disabled": "__disabled_1l30n_gg_",
|
|
69
|
+
"_keyboardFocused": "__keyboardFocused_1l30n_gg_",
|
|
70
|
+
"__SAddon": "___SAddon_1l30n_gg_",
|
|
71
|
+
"__SLinkAddon": "___SLinkAddon_1l30n_gg_",
|
|
72
|
+
"_size_s": "_size_s_1l30n_gg_",
|
|
73
|
+
"_size_m": "_size_m_1l30n_gg_",
|
|
74
|
+
"_size_l": "_size_l_1l30n_gg_",
|
|
75
|
+
"_size_xl": "_size_xl_1l30n_gg_"
|
|
71
76
|
});
|
|
72
77
|
|
|
73
78
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -103,13 +108,16 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
|
103
108
|
Children = _this$asProps2.Children,
|
|
104
109
|
loading = _this$asProps2.loading,
|
|
105
110
|
styles = _this$asProps2.styles,
|
|
106
|
-
|
|
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":
|
|
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
|
-
"size":
|
|
111
|
-
"theme":
|
|
112
|
-
})) : /*#__PURE__*/_react["default"].createElement(
|
|
118
|
+
"size": "xs",
|
|
119
|
+
"theme": "currentColor"
|
|
120
|
+
})) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("ChevronDown", {}))));
|
|
113
121
|
}
|
|
114
122
|
}]);
|
|
115
123
|
return RootLinkTrigger;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/LinkTrigger.js"],"names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","color","Text","Component","style","size","props","SText","children","SAddon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;
|
|
1
|
+
{"version":3,"sources":["../../src/LinkTrigger.js"],"names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","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
|
|
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
|