@semcore/base-trigger 4.54.0-prerelease.1 → 4.54.0-prerelease.5
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/lib/cjs/BaseTrigger.js +64 -53
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +20 -22
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +90 -85
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +37 -82
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/base-trigger.shadow.css +11 -12
- package/lib/cjs/style/filter-trigger.shadow.css +4 -12
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/translations/de.json +2 -1
- package/lib/cjs/translations/es.json +2 -1
- package/lib/cjs/translations/fr.json +2 -1
- package/lib/cjs/translations/it.json +2 -1
- package/lib/cjs/translations/ja.json +2 -1
- package/lib/cjs/translations/ko.json +2 -1
- package/lib/cjs/translations/nl.json +2 -1
- package/lib/cjs/translations/pl.json +2 -1
- package/lib/cjs/translations/pt.json +2 -1
- package/lib/cjs/translations/sv.json +2 -1
- package/lib/cjs/translations/tr.json +2 -1
- package/lib/cjs/translations/vi.json +2 -1
- package/lib/cjs/translations/zh.json +2 -1
- package/lib/es6/BaseTrigger.js +58 -44
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +18 -17
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +83 -76
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +35 -80
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/base-trigger.shadow.css +11 -12
- package/lib/es6/style/filter-trigger.shadow.css +4 -12
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/translations/de.json +2 -1
- package/lib/es6/translations/es.json +2 -1
- package/lib/es6/translations/fr.json +2 -1
- package/lib/es6/translations/it.json +2 -1
- package/lib/es6/translations/ja.json +2 -1
- package/lib/es6/translations/ko.json +2 -1
- package/lib/es6/translations/nl.json +2 -1
- package/lib/es6/translations/pl.json +2 -1
- package/lib/es6/translations/pt.json +2 -1
- package/lib/es6/translations/sv.json +2 -1
- package/lib/es6/translations/tr.json +2 -1
- package/lib/es6/translations/vi.json +2 -1
- package/lib/es6/translations/zh.json +2 -1
- package/lib/esm/BaseTrigger.mjs +58 -49
- package/lib/esm/ButtonTrigger.mjs +20 -21
- package/lib/esm/FilterTrigger.mjs +68 -70
- package/lib/esm/LinkTrigger.mjs +33 -76
- package/lib/esm/style/base-trigger.shadow.css +11 -12
- package/lib/esm/style/filter-trigger.shadow.css +4 -12
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/esm/translations/de.json.mjs +2 -1
- package/lib/esm/translations/es.json.mjs +2 -1
- package/lib/esm/translations/fr.json.mjs +2 -1
- package/lib/esm/translations/it.json.mjs +2 -1
- package/lib/esm/translations/ja.json.mjs +2 -1
- package/lib/esm/translations/ko.json.mjs +2 -1
- package/lib/esm/translations/nl.json.mjs +2 -1
- package/lib/esm/translations/pl.json.mjs +2 -1
- package/lib/esm/translations/pt.json.mjs +2 -1
- package/lib/esm/translations/sv.json.mjs +2 -1
- package/lib/esm/translations/tr.json.mjs +2 -1
- package/lib/esm/translations/vi.json.mjs +2 -1
- package/lib/esm/translations/zh.json.mjs +2 -1
- package/lib/types/index.d.ts +22 -33
- package/package.json +9 -9
- package/lib/cjs/style/link-trigger.shadow.css +0 -104
- package/lib/es6/style/link-trigger.shadow.css +0 -104
- package/lib/esm/style/link-trigger.shadow.css +0 -104
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
@@ -11,66 +11,59 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
11
11
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
12
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
13
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
14
|
-
var
|
|
14
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
15
15
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
17
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
17
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
19
|
-
var
|
|
20
|
-
var
|
|
18
|
+
var _core = require("@semcore/core");
|
|
19
|
+
var _baseComponents = require("@semcore/base-components");
|
|
20
|
+
var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
|
|
21
|
+
var _assignProps5 = require("@semcore/core/lib/utils/assignProps");
|
|
22
|
+
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
|
|
23
|
+
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
24
|
+
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
25
|
+
var _inputProps = _interopRequireWildcard(require("@semcore/core/lib/utils/inputProps"));
|
|
26
|
+
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
27
|
+
var _useFocusLock = require("@semcore/core/lib/utils/use/useFocusLock");
|
|
28
|
+
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
29
|
+
var _counter = _interopRequireDefault(require("@semcore/counter"));
|
|
30
|
+
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
31
|
+
var _m2 = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
21
32
|
var _react = _interopRequireDefault(require("react"));
|
|
22
33
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
23
|
-
var _flexBox = require("@semcore/flex-box");
|
|
24
|
-
var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
|
|
25
|
-
var _dot = _interopRequireDefault(require("@semcore/dot"));
|
|
26
|
-
var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
27
|
-
var _m2 = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
28
|
-
var _assignProps5 = require("@semcore/utils/lib/assignProps");
|
|
29
|
-
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
30
34
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
31
|
-
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
32
|
-
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
33
|
-
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
34
|
-
var _inputProps = _interopRequireWildcard(require("@semcore/utils/lib/inputProps"));
|
|
35
|
-
var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
|
|
36
|
-
var _useFocusLock = require("@semcore/utils/lib/use/useFocusLock");
|
|
37
|
-
var _findComponent = require("@semcore/utils/lib/findComponent");
|
|
38
|
-
var _tooltip = require("@semcore/tooltip");
|
|
39
|
-
var _ScreenReaderOnly = require("@semcore/utils/lib/ScreenReaderOnly");
|
|
40
35
|
var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
|
|
41
36
|
/*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
42
|
-
var style = (
|
|
37
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_.__active_ylf6h_gg_,.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@supports (color:color(display-p3 0 0 0%)){.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_.__active_ylf6h_gg_,.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_.__active_ylf6h_gg_,.___SFilterTrigger_ylf6h_gg_.__selected_ylf6h_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_ylf6h_gg_{display:inline-flex}.___SWrapper_ylf6h_gg_:focus{outline:0}", /*__inner_css_end__*/"ylf6h_gg_"),
|
|
43
38
|
/*__reshadow_css_end__*/
|
|
44
39
|
{
|
|
45
|
-
"
|
|
46
|
-
"
|
|
47
|
-
"
|
|
48
|
-
"
|
|
49
|
-
"_selected": "__selected_1sh5s_gg_",
|
|
50
|
-
"_active": "__active_1sh5s_gg_"
|
|
40
|
+
"__SFilterTrigger": "___SFilterTrigger_ylf6h_gg_",
|
|
41
|
+
"_selected": "__selected_ylf6h_gg_",
|
|
42
|
+
"_active": "__active_ylf6h_gg_",
|
|
43
|
+
"__SWrapper": "___SWrapper_ylf6h_gg_"
|
|
51
44
|
});
|
|
52
45
|
var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
|
|
53
46
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
54
|
-
(0, _inherits2["default"])(RootFilterTrigger, _Component);
|
|
55
|
-
var _super = (0, _createSuper2["default"])(RootFilterTrigger);
|
|
56
47
|
function RootFilterTrigger() {
|
|
57
48
|
var _this;
|
|
58
49
|
(0, _classCallCheck2["default"])(this, RootFilterTrigger);
|
|
59
50
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
60
51
|
args[_key] = arguments[_key];
|
|
61
52
|
}
|
|
62
|
-
_this =
|
|
63
|
-
(0, _defineProperty2["default"])(
|
|
64
|
-
|
|
53
|
+
_this = (0, _callSuper2["default"])(this, RootFilterTrigger, [].concat(args));
|
|
54
|
+
(0, _defineProperty2["default"])(_this, "handleStopPropagation", function (e) {
|
|
55
|
+
if (e.key === 'Escape') return;
|
|
56
|
+
e.stopPropagation();
|
|
65
57
|
});
|
|
66
|
-
(0, _defineProperty2["default"])(
|
|
58
|
+
(0, _defineProperty2["default"])(_this, "handleClear", function () {
|
|
67
59
|
requestAnimationFrame(function () {
|
|
68
60
|
(0, _useFocusLock.setFocus)(_this.asProps.triggerRef.current);
|
|
69
61
|
});
|
|
70
62
|
});
|
|
71
63
|
return _this;
|
|
72
64
|
}
|
|
73
|
-
(0,
|
|
65
|
+
(0, _inherits2["default"])(RootFilterTrigger, _Component);
|
|
66
|
+
return (0, _createClass2["default"])(RootFilterTrigger, [{
|
|
74
67
|
key: "getTriggerButtonProps",
|
|
75
68
|
value: function getTriggerButtonProps() {
|
|
76
69
|
var _this$asProps = this.asProps,
|
|
@@ -81,7 +74,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
81
74
|
disabled = _this$asProps.disabled,
|
|
82
75
|
includeInputProps = _this$asProps.includeInputProps,
|
|
83
76
|
triggerRef = _this$asProps.triggerRef,
|
|
84
|
-
|
|
77
|
+
_dataUiName = _this$asProps['data-ui-name'],
|
|
85
78
|
other = (0, _objectWithoutProperties2["default"])(_this$asProps, _excluded);
|
|
86
79
|
var _getInputProps = (0, _inputProps["default"])(other, includeInputProps),
|
|
87
80
|
_getInputProps2 = (0, _slicedToArray2["default"])(_getInputProps, 1),
|
|
@@ -117,9 +110,12 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
117
110
|
}, {
|
|
118
111
|
key: "getCounterProps",
|
|
119
112
|
value: function getCounterProps() {
|
|
120
|
-
var
|
|
113
|
+
var _this$asProps3 = this.asProps,
|
|
114
|
+
getI18nText = _this$asProps3.getI18nText,
|
|
115
|
+
size = _this$asProps3.size;
|
|
121
116
|
return {
|
|
122
|
-
getI18nText: getI18nText
|
|
117
|
+
getI18nText: getI18nText,
|
|
118
|
+
size: size
|
|
123
119
|
};
|
|
124
120
|
}
|
|
125
121
|
}, {
|
|
@@ -127,13 +123,13 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
127
123
|
value: function render() {
|
|
128
124
|
var _ref = this.asProps,
|
|
129
125
|
_ref5;
|
|
130
|
-
var SWrapper =
|
|
131
|
-
var _this$
|
|
132
|
-
Children = _this$
|
|
133
|
-
styles = _this$
|
|
134
|
-
getI18nText = _this$
|
|
135
|
-
empty = _this$
|
|
136
|
-
forcedAdvancedMode = _this$
|
|
126
|
+
var SWrapper = _baseComponents.Box;
|
|
127
|
+
var _this$asProps4 = this.asProps,
|
|
128
|
+
Children = _this$asProps4.Children,
|
|
129
|
+
styles = _this$asProps4.styles,
|
|
130
|
+
getI18nText = _this$asProps4.getI18nText,
|
|
131
|
+
empty = _this$asProps4.empty,
|
|
132
|
+
forcedAdvancedMode = _this$asProps4.forcedAdvancedMode;
|
|
137
133
|
var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName], true);
|
|
138
134
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref5.cn("SWrapper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
139
135
|
"aria-label": getI18nText('filter'),
|
|
@@ -147,10 +143,9 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
147
143
|
"use:aria-activedescendant": undefined,
|
|
148
144
|
"use:aria-label": undefined,
|
|
149
145
|
"use:aria-labelledby": undefined
|
|
150
|
-
}, _ref))), /*#__PURE__*/_react["default"].createElement(
|
|
146
|
+
}, _ref))), /*#__PURE__*/_react["default"].createElement(_baseComponents.NeighborLocation, _ref5.cn("NeighborLocation", {}), advancedMode ? /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(FilterTrigger.TriggerButton, null, /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {}))), !empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.ClearButton, null))));
|
|
151
147
|
}
|
|
152
148
|
}]);
|
|
153
|
-
return RootFilterTrigger;
|
|
154
149
|
}(_core.Component);
|
|
155
150
|
(0, _defineProperty2["default"])(RootFilterTrigger, "displayName", 'FilterTrigger');
|
|
156
151
|
(0, _defineProperty2["default"])(RootFilterTrigger, "style", style);
|
|
@@ -173,23 +168,22 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
173
168
|
};
|
|
174
169
|
});
|
|
175
170
|
var TriggerButton = /*#__PURE__*/function (_Component2) {
|
|
176
|
-
(0, _inherits2["default"])(TriggerButton, _Component2);
|
|
177
|
-
var _super2 = (0, _createSuper2["default"])(TriggerButton);
|
|
178
171
|
function TriggerButton() {
|
|
179
172
|
(0, _classCallCheck2["default"])(this, TriggerButton);
|
|
180
|
-
return
|
|
173
|
+
return (0, _callSuper2["default"])(this, TriggerButton, arguments);
|
|
181
174
|
}
|
|
182
|
-
(0,
|
|
175
|
+
(0, _inherits2["default"])(TriggerButton, _Component2);
|
|
176
|
+
return (0, _createClass2["default"])(TriggerButton, [{
|
|
183
177
|
key: "render",
|
|
184
178
|
value: function render() {
|
|
185
179
|
var _ref2 = this.asProps,
|
|
186
180
|
_ref6;
|
|
187
181
|
var SFilterTrigger = _BaseTrigger["default"];
|
|
188
|
-
var _this$
|
|
189
|
-
Children = _this$
|
|
190
|
-
styles = _this$
|
|
191
|
-
empty = _this$
|
|
192
|
-
triggerRef = _this$
|
|
182
|
+
var _this$asProps5 = this.asProps,
|
|
183
|
+
Children = _this$asProps5.Children,
|
|
184
|
+
styles = _this$asProps5.styles,
|
|
185
|
+
empty = _this$asProps5.empty,
|
|
186
|
+
triggerRef = _this$asProps5.triggerRef;
|
|
193
187
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
194
188
|
"use:role": 'combobox',
|
|
195
189
|
"w": '100%',
|
|
@@ -198,62 +192,74 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
|
|
|
198
192
|
"ref": triggerRef,
|
|
199
193
|
"animationsDisabled": true
|
|
200
194
|
}, _ref2))), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
|
|
201
|
-
tag:
|
|
195
|
+
tag: _m["default"]
|
|
202
196
|
}));
|
|
203
197
|
}
|
|
204
198
|
}]);
|
|
205
|
-
return TriggerButton;
|
|
206
199
|
}(_core.Component);
|
|
207
200
|
(0, _defineProperty2["default"])(TriggerButton, "displayName", 'TriggerButton');
|
|
208
201
|
(0, _defineProperty2["default"])(TriggerButton, "style", style);
|
|
209
202
|
var ClearButton = /*#__PURE__*/function (_Component3) {
|
|
210
|
-
(0, _inherits2["default"])(ClearButton, _Component3);
|
|
211
|
-
var _super3 = (0, _createSuper2["default"])(ClearButton);
|
|
212
203
|
function ClearButton() {
|
|
204
|
+
var _this2;
|
|
213
205
|
(0, _classCallCheck2["default"])(this, ClearButton);
|
|
214
|
-
|
|
206
|
+
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
207
|
+
args[_key2] = arguments[_key2];
|
|
208
|
+
}
|
|
209
|
+
_this2 = (0, _callSuper2["default"])(this, ClearButton, [].concat(args));
|
|
210
|
+
(0, _defineProperty2["default"])(_this2, "triggerRef", /*#__PURE__*/_react["default"].createRef());
|
|
211
|
+
return _this2;
|
|
215
212
|
}
|
|
216
|
-
(0,
|
|
213
|
+
(0, _inherits2["default"])(ClearButton, _Component3);
|
|
214
|
+
return (0, _createClass2["default"])(ClearButton, [{
|
|
217
215
|
key: "render",
|
|
218
216
|
value: function render() {
|
|
219
217
|
var _ref3 = this.asProps,
|
|
220
|
-
_ref7
|
|
218
|
+
_ref7,
|
|
219
|
+
_ref9,
|
|
220
|
+
_ref0;
|
|
221
221
|
var SFilterTrigger = _BaseTrigger["default"];
|
|
222
|
-
var _this$
|
|
223
|
-
styles = _this$
|
|
224
|
-
empty = _this$
|
|
225
|
-
size = _this$
|
|
226
|
-
disabled = _this$
|
|
227
|
-
getI18nText = _this$
|
|
222
|
+
var _this$asProps6 = this.asProps,
|
|
223
|
+
styles = _this$asProps6.styles,
|
|
224
|
+
empty = _this$asProps6.empty,
|
|
225
|
+
size = _this$asProps6.size,
|
|
226
|
+
disabled = _this$asProps6.disabled,
|
|
227
|
+
getI18nText = _this$asProps6.getI18nText,
|
|
228
|
+
ariaLabel = _this$asProps6['aria-label'],
|
|
229
|
+
title = _this$asProps6.title;
|
|
228
230
|
if (empty) return null;
|
|
229
|
-
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(
|
|
231
|
+
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
232
|
+
"ref": this.triggerRef,
|
|
230
233
|
"size": size,
|
|
231
234
|
"empty": empty,
|
|
232
235
|
"selected": true,
|
|
233
236
|
"disabled": disabled,
|
|
234
|
-
"aria-label": getI18nText('clear')
|
|
237
|
+
"aria-label": (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : getI18nText('clear'),
|
|
238
|
+
"__excludeProps": ['title']
|
|
235
239
|
}, _ref3))), /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
|
|
236
|
-
tag:
|
|
237
|
-
}))
|
|
240
|
+
tag: _m2["default"]
|
|
241
|
+
})), /*#__PURE__*/_react["default"].createElement(_baseComponents.Hint, _ref7.cn("Hint", {
|
|
242
|
+
"triggerRef": this.triggerRef
|
|
243
|
+
}), (_ref0 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref0 !== void 0 ? _ref0 : getI18nText('clear')));
|
|
238
244
|
}
|
|
239
245
|
}]);
|
|
240
|
-
return ClearButton;
|
|
241
246
|
}(_core.Component);
|
|
242
247
|
(0, _defineProperty2["default"])(ClearButton, "displayName", 'ClearButton');
|
|
243
248
|
(0, _defineProperty2["default"])(ClearButton, "style", style);
|
|
244
|
-
function Counter(
|
|
249
|
+
function Counter(_ref1) {
|
|
245
250
|
var _ref4 = arguments[0],
|
|
246
251
|
_ref8;
|
|
247
|
-
var styles =
|
|
248
|
-
Children =
|
|
249
|
-
count =
|
|
250
|
-
getI18nText =
|
|
252
|
+
var styles = _ref1.styles,
|
|
253
|
+
Children = _ref1.Children,
|
|
254
|
+
count = _ref1.count,
|
|
255
|
+
getI18nText = _ref1.getI18nText;
|
|
251
256
|
var SCounter = _BaseTrigger["default"].Addon;
|
|
252
257
|
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref8.cn("SCounter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
253
|
-
"tag":
|
|
254
|
-
|
|
258
|
+
"tag": _counter["default"],
|
|
259
|
+
"theme": 'info'
|
|
260
|
+
}, _ref4))), count !== undefined ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, count, /*#__PURE__*/_react["default"].createElement(_baseComponents.ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label'))) : /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
|
|
255
261
|
}
|
|
256
|
-
var FilterTrigger = (0, _core
|
|
262
|
+
var FilterTrigger = (0, _core.createComponent)(RootFilterTrigger, {
|
|
257
263
|
Text: _BaseTrigger["default"].Text,
|
|
258
264
|
Addon: _BaseTrigger["default"].Addon,
|
|
259
265
|
Counter: Counter,
|
|
@@ -262,6 +268,5 @@ var FilterTrigger = (0, _core["default"])(RootFilterTrigger, {
|
|
|
262
268
|
}, {
|
|
263
269
|
parent: _BaseTrigger["default"]
|
|
264
270
|
});
|
|
265
|
-
var _default = FilterTrigger;
|
|
266
|
-
exports["default"] = _default;
|
|
271
|
+
var _default = exports["default"] = FilterTrigger;
|
|
267
272
|
//# sourceMappingURL=FilterTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_BaseTrigger","_flexBox","_neighborLocation","_dot","_m","_m2","_assignProps5","_addonTextChildren","_intergalacticDynamicLocales","_i18nEnhance","_animatedSizeEnhance","_useCssVariable","_inputProps","_uniqueID","_useFocusLock","_findComponent","_tooltip","_ScreenReaderOnly","_excluded","style","_index","sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray2","inputProps","RootFilterTrigger","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","_defineProperty2","_assertThisInitialized2","e","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","_createClass2","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","_objectSpread2","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","Box","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps4","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_super3","_ref3","_ref7","_this$asProps5","Hint","Trigger","Close","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","Dot","ScreenReaderOnly","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"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';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { Hint } from '@semcore/tooltip';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n use:role='combobox'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <Hint>\n <Hint.Trigger>\n <SFilterTrigger\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n </Hint.Trigger>\n <Hint.Popper>{getI18nText('clear')}</Hint.Popper>\n </Hint>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={Dot}>\n {count !== undefined ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n ) : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_assignProps5","_animatedSizeEnhance","_i18nEnhance","_findComponent","_inputProps","_interopRequireWildcard","_uniqueID","_useFocusLock","_useCssVariable","_counter","_m","_m2","_react","_BaseTrigger","_intergalacticDynamicLocales","_excluded","style","sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray2","inputProps","RootFilterTrigger","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","_defineProperty2","e","key","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","_inherits2","_createClass2","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","_dataUiName","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","_objectSpread2","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","_this$asProps3","render","_ref","_ref5","SWrapper","Box","_this$asProps4","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","NeighborLocation","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_Component2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps5","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_this2","_len2","_key2","_ref3","_ref7","_ref9","_ref0","_this$asProps6","ariaLabel","title","Close","Hint","_ref1","_ref4","arguments[0]","_ref8","count","SCounter","SemcoreCounter","ScreenReaderOnly","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, ScreenReaderOnly, Hint } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { default as SemcoreCounter } from '@semcore/counter';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Close from '@semcore/icon/Close/m';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/filter-trigger.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => {\n if (e.key === 'Escape') return;\n\n e.stopPropagation();\n };\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': _dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText, size } = this.asProps;\n\n return {\n getI18nText,\n size,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n use:role='combobox'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n triggerRef = React.createRef();\n\n render() {\n const SFilterTrigger = Root;\n const {\n styles,\n empty,\n size,\n disabled,\n getI18nText,\n 'aria-label': ariaLabel,\n title,\n } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <>\n <SFilterTrigger\n ref={this.triggerRef}\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={title ?? ariaLabel ?? getI18nText('clear')}\n __excludeProps={['title']}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n\n <Hint triggerRef={this.triggerRef}>{title ?? ariaLabel ?? getI18nText('clear')}</Hint>\n </>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={SemcoreCounter} theme='info'>\n {count !== undefined\n ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n )\n : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -1,118 +1,73 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
+
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
12
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
14
12
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
13
|
+
var _core = require("@semcore/core");
|
|
14
|
+
var _button = require("@semcore/button");
|
|
15
|
+
var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
|
|
16
|
+
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
17
|
+
var _l = _interopRequireDefault(require("@semcore/icon/ChevronDown/l"));
|
|
19
18
|
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
20
19
|
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
21
|
-
var
|
|
22
|
-
var _resolveColorEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/resolveColorEnhance"));
|
|
23
|
-
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
24
|
-
/*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1riof_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;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, rgb(36, 93, 229));background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1riof_gg_:focus{outline:0}.___SLinkTrigger_1riof_gg_.__active_1riof_gg_,.___SLinkTrigger_1riof_gg_:active{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}@media (hover:hover){.___SLinkTrigger_1riof_gg_:hover{color:var(--intergalactic-text-link-hover-active, rgb(34, 88, 217))}}.___SLinkTrigger_1riof_gg_.__active_1riof_gg_ .___SText_1riof_gg_,.___SLinkTrigger_1riof_gg_:active .___SText_1riof_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1riof_gg_:hover .___SText_1riof_gg_{border-color:currentColor}}.___SLinkTrigger_1riof_gg_ .___SText_1riof_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1riof_gg_.__color_1riof_gg_{color:var(--color_1riof)}@media (hover:hover){.___SLinkTrigger_1riof_gg_.__color_1riof_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1riof_gg_.__disabled_1riof_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SLinkTrigger_1riof_gg_.__keyboardFocused_1riof_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441));z-index:1}.___SAddon_1riof_gg_,.___SLinkAddon_1riof_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1riof_gg_:not(:only-child):first-child,.___SLinkAddon_1riof_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1riof_gg_:not(:only-child):last-child,.___SLinkAddon_1riof_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1riof_gg_{width:16px;height:16px}.___SLinkTrigger_1riof_gg_._size_m_1riof_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1riof_gg_._size_l_1riof_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1riof_gg_,.___SLinkTrigger_1riof_gg_ .___SText_1riof_gg_{transition:none}}", /*__inner_css_end__*/"1riof_gg_"),
|
|
26
|
-
/*__reshadow_css_end__*/
|
|
27
|
-
{
|
|
28
|
-
"__SLinkTrigger": "___SLinkTrigger_1riof_gg_",
|
|
29
|
-
"_disabled": "__disabled_1riof_gg_",
|
|
30
|
-
"_keyboardFocused": "__keyboardFocused_1riof_gg_",
|
|
31
|
-
"__SLinkAddon": "___SLinkAddon_1riof_gg_",
|
|
32
|
-
"_size_m": "_size_m_1riof_gg_",
|
|
33
|
-
"_size_l": "_size_l_1riof_gg_",
|
|
34
|
-
"_active": "__active_1riof_gg_",
|
|
35
|
-
"__SText": "___SText_1riof_gg_",
|
|
36
|
-
"_color": "__color_1riof_gg_",
|
|
37
|
-
"--color": "--color_1riof",
|
|
38
|
-
"__SAddon": "___SAddon_1riof_gg_"
|
|
39
|
-
});
|
|
20
|
+
var _react = _interopRequireDefault(require("react"));
|
|
40
21
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
41
|
-
(0, _inherits2["default"])(RootLinkTrigger, _Component);
|
|
42
|
-
var _super = (0, _createSuper2["default"])(RootLinkTrigger);
|
|
43
22
|
function RootLinkTrigger() {
|
|
44
23
|
(0, _classCallCheck2["default"])(this, RootLinkTrigger);
|
|
45
|
-
return
|
|
24
|
+
return (0, _callSuper2["default"])(this, RootLinkTrigger, arguments);
|
|
46
25
|
}
|
|
47
|
-
(0,
|
|
26
|
+
(0, _inherits2["default"])(RootLinkTrigger, _Component);
|
|
27
|
+
return (0, _createClass2["default"])(RootLinkTrigger, [{
|
|
48
28
|
key: "getTextProps",
|
|
49
|
-
value: function getTextProps() {
|
|
29
|
+
value: function getTextProps(props) {
|
|
50
30
|
var _this$asProps = this.asProps,
|
|
51
31
|
placeholder = _this$asProps.placeholder,
|
|
52
|
-
empty = _this$asProps.empty
|
|
32
|
+
empty = _this$asProps.empty,
|
|
33
|
+
Children = _this$asProps.Children,
|
|
34
|
+
size = _this$asProps.size;
|
|
35
|
+
var content = empty ? placeholder : props.children;
|
|
36
|
+
var addons = (0, _findComponent.findAllComponents)(Children, [LinkTrigger.Addon.displayName]);
|
|
37
|
+
var addonWidth = size >= 600 ? 28 : 20;
|
|
53
38
|
return {
|
|
54
|
-
|
|
55
|
-
empty: empty
|
|
39
|
+
'use:children': content,
|
|
40
|
+
empty: empty,
|
|
41
|
+
'w': "calc(100% - ".concat(addonWidth * (addons.length + 1), "px)")
|
|
56
42
|
};
|
|
57
43
|
}
|
|
58
44
|
}, {
|
|
59
45
|
key: "render",
|
|
60
46
|
value: function render() {
|
|
61
|
-
var _ref = this.asProps
|
|
62
|
-
|
|
63
|
-
var SLinkTrigger = _flexBox.Box;
|
|
47
|
+
var _ref = this.asProps;
|
|
48
|
+
var SLinkTrigger = _button.ButtonLink;
|
|
64
49
|
var SLinkAddon = LinkTrigger.Addon;
|
|
65
50
|
var _this$asProps2 = this.asProps,
|
|
66
51
|
Children = _this$asProps2.Children,
|
|
67
52
|
loading = _this$asProps2.loading,
|
|
68
|
-
styles = _this$asProps2.styles,
|
|
69
53
|
empty = _this$asProps2.empty,
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}
|
|
78
|
-
"size": 'xs',
|
|
79
|
-
"theme": 'currentColor'
|
|
80
|
-
})) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref4.cn("ChevronDown", {}))));
|
|
54
|
+
disabled = _this$asProps2.disabled,
|
|
55
|
+
size = _this$asProps2.size;
|
|
56
|
+
return /*#__PURE__*/_react["default"].createElement(SLinkTrigger, (0, _core.assignProps)({
|
|
57
|
+
"use:disabled": disabled || loading
|
|
58
|
+
}, _ref), (0, _addonTextChildren["default"])(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SLinkAddon, null, loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], {
|
|
59
|
+
size: size >= 600 ? 's' : 'xs',
|
|
60
|
+
theme: "currentColor"
|
|
61
|
+
}) : size >= 600 ? /*#__PURE__*/_react["default"].createElement(_l["default"], null) : /*#__PURE__*/_react["default"].createElement(_m["default"], null)));
|
|
81
62
|
}
|
|
82
63
|
}]);
|
|
83
|
-
return RootLinkTrigger;
|
|
84
64
|
}(_core.Component);
|
|
85
65
|
(0, _defineProperty2["default"])(RootLinkTrigger, "displayName", 'LinkTrigger');
|
|
86
|
-
(0,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
function Text(props) {
|
|
92
|
-
var _ref2 = arguments[0],
|
|
93
|
-
_ref5;
|
|
94
|
-
var SText = _flexBox.Box;
|
|
95
|
-
var children = props.children,
|
|
96
|
-
styles = props.styles,
|
|
97
|
-
empty = props.empty,
|
|
98
|
-
placeholder = props.placeholder;
|
|
99
|
-
return _ref5 = (0, _core.sstyled)(styles),
|
|
100
|
-
/*#__PURE__*/
|
|
101
|
-
/* "use:" prefix was used for backward compatibility (by lsroman) */
|
|
102
|
-
_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
103
|
-
"display-placeholder": empty
|
|
104
|
-
}, _ref2))), empty ? placeholder : children);
|
|
105
|
-
}
|
|
106
|
-
function Addon(props) {
|
|
107
|
-
var _ref3 = arguments[0],
|
|
108
|
-
_ref6;
|
|
109
|
-
var SAddon = _flexBox.Box;
|
|
110
|
-
return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
111
|
-
}
|
|
112
|
-
var LinkTrigger = (0, _core["default"])(RootLinkTrigger, {
|
|
113
|
-
Text: Text,
|
|
114
|
-
Addon: Addon
|
|
66
|
+
var LinkTrigger = (0, _core.createComponent)(RootLinkTrigger, {
|
|
67
|
+
Text: _button.ButtonLink.Text,
|
|
68
|
+
Addon: _button.ButtonLink.Addon
|
|
69
|
+
}, {
|
|
70
|
+
parent: _button.ButtonLink
|
|
115
71
|
});
|
|
116
|
-
var _default = LinkTrigger;
|
|
117
|
-
exports["default"] = _default;
|
|
72
|
+
var _default = exports["default"] = LinkTrigger;
|
|
118
73
|
//# sourceMappingURL=LinkTrigger.js.map
|