@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/es6/ButtonTrigger.js
CHANGED
|
@@ -1,33 +1,32 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
|
+
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
3
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
4
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
5
5
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
6
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
6
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
7
7
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
8
|
+
import { createComponent, Component, Root, sstyled } from '@semcore/core';
|
|
9
|
+
import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
|
|
10
|
+
import animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
|
|
11
|
+
import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
|
|
11
12
|
import ChevronDown from '@semcore/icon/ChevronDown/m';
|
|
12
|
-
import BaseTrigger from './BaseTrigger';
|
|
13
13
|
import Spin from '@semcore/spin';
|
|
14
|
-
import
|
|
15
|
-
import
|
|
14
|
+
import React from 'react';
|
|
15
|
+
import BaseTrigger from './BaseTrigger';
|
|
16
16
|
/*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
17
|
-
var style = (
|
|
17
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_rlrw5_gg_{width:12px;height:12px}.___SButtonTriggerSpin_rlrw5_gg_{fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}", /*__inner_css_end__*/"rlrw5_gg_"),
|
|
18
18
|
/*__reshadow_css_end__*/
|
|
19
19
|
{
|
|
20
|
-
"__SButtonAddon": "
|
|
21
|
-
"__SButtonTriggerSpin": "
|
|
20
|
+
"__SButtonAddon": "___SButtonAddon_rlrw5_gg_",
|
|
21
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_rlrw5_gg_"
|
|
22
22
|
});
|
|
23
23
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
24
|
-
_inherits(RootButtonTrigger, _Component);
|
|
25
|
-
var _super = _createSuper(RootButtonTrigger);
|
|
26
24
|
function RootButtonTrigger() {
|
|
27
25
|
_classCallCheck(this, RootButtonTrigger);
|
|
28
|
-
return
|
|
26
|
+
return _callSuper(this, RootButtonTrigger, arguments);
|
|
29
27
|
}
|
|
30
|
-
|
|
28
|
+
_inherits(RootButtonTrigger, _Component);
|
|
29
|
+
return _createClass(RootButtonTrigger, [{
|
|
31
30
|
key: "getTextProps",
|
|
32
31
|
value: function getTextProps() {
|
|
33
32
|
return {
|
|
@@ -52,15 +51,17 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
52
51
|
Children = _this$asProps.Children,
|
|
53
52
|
styles = _this$asProps.styles,
|
|
54
53
|
loading = _this$asProps.loading,
|
|
54
|
+
disabled = _this$asProps.disabled,
|
|
55
55
|
chevron = _this$asProps.chevron,
|
|
56
56
|
empty = _this$asProps.empty;
|
|
57
|
-
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({
|
|
57
|
+
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({
|
|
58
|
+
"use:disabled": disabled || loading
|
|
59
|
+
}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
58
60
|
"size": 'xs',
|
|
59
61
|
"theme": false
|
|
60
62
|
})) : /*#__PURE__*/React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
|
|
61
63
|
}
|
|
62
64
|
}]);
|
|
63
|
-
return RootButtonTrigger;
|
|
64
65
|
}(Component);
|
|
65
66
|
_defineProperty(RootButtonTrigger, "displayName", 'ButtonTrigger');
|
|
66
67
|
_defineProperty(RootButtonTrigger, "style", style);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["createComponent","Component","Root","sstyled","addonTextChildren","animatedSizeEnhance","cssVariableEnhance","ChevronDown","Spin","React","BaseTrigger","style","_sstyled","insert","RootButtonTrigger","_Component","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","disabled","chevron","empty","createElement","_assignProps","Text","cn","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\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 ];\n\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, disabled, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} use:disabled={disabled || loading}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n )}\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"],"mappings":"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","ignoreList":[]}
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -3,70 +3,64 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
5
5
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
6
|
-
import
|
|
6
|
+
import _callSuper from "@babel/runtime/helpers/callSuper";
|
|
7
7
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
8
|
-
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
9
8
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
10
9
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
11
|
-
import { sstyled as _sstyled } from "@semcore/
|
|
10
|
+
import { sstyled as _sstyled } from "@semcore/core";
|
|
12
11
|
import { assignProps as _assignProps4 } from "@semcore/core";
|
|
13
12
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
14
13
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
15
14
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
16
15
|
var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
|
|
16
|
+
import { NeighborLocation, Box, ScreenReaderOnly, Hint } from '@semcore/base-components';
|
|
17
|
+
import { createComponent, Component, Root, sstyled } from '@semcore/core';
|
|
18
|
+
import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
|
|
19
|
+
import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
|
|
20
|
+
import animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
|
|
21
|
+
import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
22
|
+
import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
|
|
23
|
+
import getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';
|
|
24
|
+
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
25
|
+
import { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';
|
|
26
|
+
import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
|
|
27
|
+
import { default as SemcoreCounter } from '@semcore/counter';
|
|
28
|
+
import ChevronDown from '@semcore/icon/ChevronDown/m';
|
|
29
|
+
import Close from '@semcore/icon/Close/m';
|
|
17
30
|
import React from 'react';
|
|
18
|
-
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
19
31
|
import BaseTrigger from './BaseTrigger';
|
|
20
|
-
import { Box } from '@semcore/flex-box';
|
|
21
|
-
import NeighborLocation from '@semcore/neighbor-location';
|
|
22
|
-
import Dot from '@semcore/dot';
|
|
23
|
-
import Close from '@semcore/icon/Close/m';
|
|
24
|
-
import ChevronDown from '@semcore/icon/ChevronDown/m';
|
|
25
|
-
import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
|
|
26
|
-
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
27
|
-
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
28
|
-
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
29
|
-
import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
|
|
30
|
-
import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
|
|
31
|
-
import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
|
|
32
|
-
import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
|
|
33
|
-
import { setFocus } from '@semcore/utils/lib/use/useFocusLock';
|
|
34
32
|
/*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
35
|
-
var style = (
|
|
33
|
+
var style = (/*__reshadow_css_start__*/_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_"),
|
|
36
34
|
/*__reshadow_css_end__*/
|
|
37
35
|
{
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"_selected": "__selected_1sh5s_gg_",
|
|
43
|
-
"_active": "__active_1sh5s_gg_"
|
|
36
|
+
"__SFilterTrigger": "___SFilterTrigger_ylf6h_gg_",
|
|
37
|
+
"_selected": "__selected_ylf6h_gg_",
|
|
38
|
+
"_active": "__active_ylf6h_gg_",
|
|
39
|
+
"__SWrapper": "___SWrapper_ylf6h_gg_"
|
|
44
40
|
});
|
|
45
|
-
import {
|
|
46
|
-
import { Hint } from '@semcore/tooltip';
|
|
47
|
-
import { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';
|
|
41
|
+
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
48
42
|
var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
|
|
49
43
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
50
|
-
_inherits(RootFilterTrigger, _Component);
|
|
51
|
-
var _super = _createSuper(RootFilterTrigger);
|
|
52
44
|
function RootFilterTrigger() {
|
|
53
45
|
var _this;
|
|
54
46
|
_classCallCheck(this, RootFilterTrigger);
|
|
55
47
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
56
48
|
args[_key] = arguments[_key];
|
|
57
49
|
}
|
|
58
|
-
_this =
|
|
59
|
-
_defineProperty(
|
|
60
|
-
|
|
50
|
+
_this = _callSuper(this, RootFilterTrigger, [].concat(args));
|
|
51
|
+
_defineProperty(_this, "handleStopPropagation", function (e) {
|
|
52
|
+
if (e.key === 'Escape') return;
|
|
53
|
+
e.stopPropagation();
|
|
61
54
|
});
|
|
62
|
-
_defineProperty(
|
|
55
|
+
_defineProperty(_this, "handleClear", function () {
|
|
63
56
|
requestAnimationFrame(function () {
|
|
64
57
|
setFocus(_this.asProps.triggerRef.current);
|
|
65
58
|
});
|
|
66
59
|
});
|
|
67
60
|
return _this;
|
|
68
61
|
}
|
|
69
|
-
|
|
62
|
+
_inherits(RootFilterTrigger, _Component);
|
|
63
|
+
return _createClass(RootFilterTrigger, [{
|
|
70
64
|
key: "getTriggerButtonProps",
|
|
71
65
|
value: function getTriggerButtonProps() {
|
|
72
66
|
var _this$asProps = this.asProps,
|
|
@@ -77,7 +71,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
77
71
|
disabled = _this$asProps.disabled,
|
|
78
72
|
includeInputProps = _this$asProps.includeInputProps,
|
|
79
73
|
triggerRef = _this$asProps.triggerRef,
|
|
80
|
-
|
|
74
|
+
_dataUiName = _this$asProps['data-ui-name'],
|
|
81
75
|
other = _objectWithoutProperties(_this$asProps, _excluded);
|
|
82
76
|
var _getInputProps = getInputProps(other, includeInputProps),
|
|
83
77
|
_getInputProps2 = _slicedToArray(_getInputProps, 1),
|
|
@@ -113,9 +107,12 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
113
107
|
}, {
|
|
114
108
|
key: "getCounterProps",
|
|
115
109
|
value: function getCounterProps() {
|
|
116
|
-
var
|
|
110
|
+
var _this$asProps3 = this.asProps,
|
|
111
|
+
getI18nText = _this$asProps3.getI18nText,
|
|
112
|
+
size = _this$asProps3.size;
|
|
117
113
|
return {
|
|
118
|
-
getI18nText: getI18nText
|
|
114
|
+
getI18nText: getI18nText,
|
|
115
|
+
size: size
|
|
119
116
|
};
|
|
120
117
|
}
|
|
121
118
|
}, {
|
|
@@ -124,12 +121,12 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
124
121
|
var _ref = this.asProps,
|
|
125
122
|
_ref5;
|
|
126
123
|
var SWrapper = Box;
|
|
127
|
-
var _this$
|
|
128
|
-
Children = _this$
|
|
129
|
-
styles = _this$
|
|
130
|
-
getI18nText = _this$
|
|
131
|
-
empty = _this$
|
|
132
|
-
forcedAdvancedMode = _this$
|
|
124
|
+
var _this$asProps4 = this.asProps,
|
|
125
|
+
Children = _this$asProps4.Children,
|
|
126
|
+
styles = _this$asProps4.styles,
|
|
127
|
+
getI18nText = _this$asProps4.getI18nText,
|
|
128
|
+
empty = _this$asProps4.empty,
|
|
129
|
+
forcedAdvancedMode = _this$asProps4.forcedAdvancedMode;
|
|
133
130
|
var advancedMode = forcedAdvancedMode || isAdvanceMode(Children, [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName], true);
|
|
134
131
|
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SWrapper, _ref5.cn("SWrapper", _objectSpread({}, _assignProps({
|
|
135
132
|
"aria-label": getI18nText('filter'),
|
|
@@ -146,7 +143,6 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
146
143
|
}, _ref))), /*#__PURE__*/React.createElement(NeighborLocation, _ref5.cn("NeighborLocation", {}), advancedMode ? /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FilterTrigger.TriggerButton, null, /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {}))), !empty && /*#__PURE__*/React.createElement(FilterTrigger.ClearButton, null))));
|
|
147
144
|
}
|
|
148
145
|
}]);
|
|
149
|
-
return RootFilterTrigger;
|
|
150
146
|
}(Component);
|
|
151
147
|
_defineProperty(RootFilterTrigger, "displayName", 'FilterTrigger');
|
|
152
148
|
_defineProperty(RootFilterTrigger, "style", style);
|
|
@@ -169,23 +165,22 @@ _defineProperty(RootFilterTrigger, "defaultProps", function () {
|
|
|
169
165
|
};
|
|
170
166
|
});
|
|
171
167
|
var TriggerButton = /*#__PURE__*/function (_Component2) {
|
|
172
|
-
_inherits(TriggerButton, _Component2);
|
|
173
|
-
var _super2 = _createSuper(TriggerButton);
|
|
174
168
|
function TriggerButton() {
|
|
175
169
|
_classCallCheck(this, TriggerButton);
|
|
176
|
-
return
|
|
170
|
+
return _callSuper(this, TriggerButton, arguments);
|
|
177
171
|
}
|
|
178
|
-
|
|
172
|
+
_inherits(TriggerButton, _Component2);
|
|
173
|
+
return _createClass(TriggerButton, [{
|
|
179
174
|
key: "render",
|
|
180
175
|
value: function render() {
|
|
181
176
|
var _ref2 = this.asProps,
|
|
182
177
|
_ref6;
|
|
183
178
|
var SFilterTrigger = BaseTrigger;
|
|
184
|
-
var _this$
|
|
185
|
-
Children = _this$
|
|
186
|
-
styles = _this$
|
|
187
|
-
empty = _this$
|
|
188
|
-
triggerRef = _this$
|
|
179
|
+
var _this$asProps5 = this.asProps,
|
|
180
|
+
Children = _this$asProps5.Children,
|
|
181
|
+
styles = _this$asProps5.styles,
|
|
182
|
+
empty = _this$asProps5.empty,
|
|
183
|
+
triggerRef = _this$asProps5.triggerRef;
|
|
189
184
|
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", _objectSpread({}, _assignProps2({
|
|
190
185
|
"use:role": 'combobox',
|
|
191
186
|
"w": '100%',
|
|
@@ -198,55 +193,67 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
|
|
|
198
193
|
}));
|
|
199
194
|
}
|
|
200
195
|
}]);
|
|
201
|
-
return TriggerButton;
|
|
202
196
|
}(Component);
|
|
203
197
|
_defineProperty(TriggerButton, "displayName", 'TriggerButton');
|
|
204
198
|
_defineProperty(TriggerButton, "style", style);
|
|
205
199
|
var ClearButton = /*#__PURE__*/function (_Component3) {
|
|
206
|
-
_inherits(ClearButton, _Component3);
|
|
207
|
-
var _super3 = _createSuper(ClearButton);
|
|
208
200
|
function ClearButton() {
|
|
201
|
+
var _this2;
|
|
209
202
|
_classCallCheck(this, ClearButton);
|
|
210
|
-
|
|
203
|
+
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
204
|
+
args[_key2] = arguments[_key2];
|
|
205
|
+
}
|
|
206
|
+
_this2 = _callSuper(this, ClearButton, [].concat(args));
|
|
207
|
+
_defineProperty(_this2, "triggerRef", /*#__PURE__*/React.createRef());
|
|
208
|
+
return _this2;
|
|
211
209
|
}
|
|
212
|
-
|
|
210
|
+
_inherits(ClearButton, _Component3);
|
|
211
|
+
return _createClass(ClearButton, [{
|
|
213
212
|
key: "render",
|
|
214
213
|
value: function render() {
|
|
215
214
|
var _ref3 = this.asProps,
|
|
216
|
-
_ref7
|
|
215
|
+
_ref7,
|
|
216
|
+
_ref9,
|
|
217
|
+
_ref0;
|
|
217
218
|
var SFilterTrigger = BaseTrigger;
|
|
218
|
-
var _this$
|
|
219
|
-
styles = _this$
|
|
220
|
-
empty = _this$
|
|
221
|
-
size = _this$
|
|
222
|
-
disabled = _this$
|
|
223
|
-
getI18nText = _this$
|
|
219
|
+
var _this$asProps6 = this.asProps,
|
|
220
|
+
styles = _this$asProps6.styles,
|
|
221
|
+
empty = _this$asProps6.empty,
|
|
222
|
+
size = _this$asProps6.size,
|
|
223
|
+
disabled = _this$asProps6.disabled,
|
|
224
|
+
getI18nText = _this$asProps6.getI18nText,
|
|
225
|
+
ariaLabel = _this$asProps6['aria-label'],
|
|
226
|
+
title = _this$asProps6.title;
|
|
224
227
|
if (empty) return null;
|
|
225
|
-
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(
|
|
228
|
+
return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", _objectSpread({}, _assignProps3({
|
|
229
|
+
"ref": this.triggerRef,
|
|
226
230
|
"size": size,
|
|
227
231
|
"empty": empty,
|
|
228
232
|
"selected": true,
|
|
229
233
|
"disabled": disabled,
|
|
230
|
-
"aria-label": getI18nText('clear')
|
|
234
|
+
"aria-label": (_ref9 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref9 !== void 0 ? _ref9 : getI18nText('clear'),
|
|
235
|
+
"__excludeProps": ['title']
|
|
231
236
|
}, _ref3))), /*#__PURE__*/React.createElement(FilterTrigger.Addon, {
|
|
232
237
|
tag: Close
|
|
233
|
-
}))
|
|
238
|
+
})), /*#__PURE__*/React.createElement(Hint, _ref7.cn("Hint", {
|
|
239
|
+
"triggerRef": this.triggerRef
|
|
240
|
+
}), (_ref0 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref0 !== void 0 ? _ref0 : getI18nText('clear')));
|
|
234
241
|
}
|
|
235
242
|
}]);
|
|
236
|
-
return ClearButton;
|
|
237
243
|
}(Component);
|
|
238
244
|
_defineProperty(ClearButton, "displayName", 'ClearButton');
|
|
239
245
|
_defineProperty(ClearButton, "style", style);
|
|
240
|
-
function Counter(
|
|
246
|
+
function Counter(_ref1) {
|
|
241
247
|
var _ref4 = arguments[0],
|
|
242
248
|
_ref8;
|
|
243
|
-
var styles =
|
|
244
|
-
Children =
|
|
245
|
-
count =
|
|
246
|
-
getI18nText =
|
|
249
|
+
var styles = _ref1.styles,
|
|
250
|
+
Children = _ref1.Children,
|
|
251
|
+
count = _ref1.count,
|
|
252
|
+
getI18nText = _ref1.getI18nText;
|
|
247
253
|
var SCounter = BaseTrigger.Addon;
|
|
248
254
|
return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SCounter, _ref8.cn("SCounter", _objectSpread({}, _assignProps4({
|
|
249
|
-
"tag":
|
|
255
|
+
"tag": SemcoreCounter,
|
|
256
|
+
"theme": 'info'
|
|
250
257
|
}, _ref4))), count !== undefined ? /*#__PURE__*/React.createElement(React.Fragment, null, count, /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label'))) : /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {})));
|
|
251
258
|
}
|
|
252
259
|
var FilterTrigger = createComponent(RootFilterTrigger, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","isAdvanceMode","Hint","ScreenReaderOnly","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_createClass","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_objectSpread","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","_this$asProps4","_assignProps2","Text","Addon","Counter","tag","_Component3","_super3","_ref3","_ref7","_this$asProps5","Trigger","_assignProps3","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","_assignProps4","parent"],"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":";;;;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,GAAG,MAAM,cAAc;AAC9B,OAAOC,KAAK,MAAM,uBAAuB;AACzC,OAAOC,WAAW,MAAM,6BAA6B;AACrD,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,kBAAkB,QAAQ,mCAAmC;AACtE,OAAOC,aAAa,IAAIC,UAAU,QAAQ,+BAA+B;AACzE,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,SAASC,QAAQ,QAAQ,qCAAqC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAG/D,SAASC,aAAa,QAAQ,kCAAkC;AAChE,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,gBAAgB,QAAQ,qCAAqC;AAEtE,IAAMC,uBAAuB,MAAAC,MAAA,CAAAC,kBAAA,CACxBX,UAAU,IACb,eAAe,EACf,eAAe,EACf,eAAe,EACf,eAAe,EACf,uBAAuB,EACvB,YAAY,EACZ,iBAAiB,EACjB,MAAM,EACP;AAAC,IAEIY,iBAAiB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,iBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAL,MAAA,CAAAY,IAAA;IAAAK,eAAA,CAAAC,sBAAA,CAAAX,KAAA,4BAyBG,UAACY,CAAC;MAAA,OAAKA,CAAC,CAACC,eAAe,EAAE;IAAA;IAAAH,eAAA,CAAAC,sBAAA,CAAAX,KAAA,kBAEpC,YAAM;MAClBc,qBAAqB,CAAC,YAAM;QAC1B7B,QAAQ,CAACe,KAAA,CAAKe,OAAO,CAACC,UAAU,CAACC,OAAO,CAAC;MAC3C,CAAC,CAAC;IACJ,CAAC;IAAA,OAAAjB,KAAA;EAAA;EAAAkB,YAAA,CAAAvB,iBAAA;IAAAwB,GAAA;IAAAC,KAAA,EAED,SAAAC,sBAAA,EAAwB;MACtB,IAAAC,aAAA,GAUI,IAAI,CAACP,OAAO;QATdQ,KAAK,GAAAD,aAAA,CAALC,KAAK;QACLC,IAAI,GAAAF,aAAA,CAAJE,IAAI;QACJC,WAAW,GAAAH,aAAA,CAAXG,WAAW;QACXC,MAAM,GAAAJ,aAAA,CAANI,MAAM;QACNC,QAAQ,GAAAL,aAAA,CAARK,QAAQ;QACRC,iBAAiB,GAAAN,aAAA,CAAjBM,iBAAiB;QACjBZ,UAAU,GAAAM,aAAA,CAAVN,UAAU;QACMa,UAAU,GAAAP,aAAA,CAA1B,cAAc;QACXQ,KAAK,GAAAC,wBAAA,CAAAT,aAAA,EAAAU,SAAA;MAGV,IAAAC,cAAA,GAAuBnD,aAAa,CAACgD,KAAK,EAAEF,iBAAiB,CAAC;QAAAM,eAAA,GAAAC,cAAA,CAAAF,cAAA;QAAvDG,YAAY,GAAAF,eAAA;MAEnB,OAAAG,aAAA;QACEb,IAAI,EAAJA,IAAI;QACJC,WAAW,EAAXA,WAAW;QACXF,KAAK,EAALA,KAAK;QACLe,QAAQ,EAAE,CAACf,KAAK;QAChBG,MAAM,EAANA,MAAM;QACNC,QAAQ,EAARA,QAAQ;QACRX,UAAU,EAAVA;MAAU,GACPoB,YAAY;IAEnB;EAAC;IAAAjB,GAAA;IAAAC,KAAA,EAED,SAAAmB,oBAAA,EAAsB;MACpB,IAAAC,cAAA,GAAwD,IAAI,CAACzB,OAAO;QAA5DQ,KAAK,GAAAiB,cAAA,CAALjB,KAAK;QAAEkB,OAAO,GAAAD,cAAA,CAAPC,OAAO;QAAEjB,IAAI,GAAAgB,cAAA,CAAJhB,IAAI;QAAEG,QAAQ,GAAAa,cAAA,CAARb,QAAQ;QAAEe,WAAW,GAAAF,cAAA,CAAXE,WAAW;MAEnD,OAAO;QACLlB,IAAI,EAAJA,IAAI;QACJD,KAAK,EAALA,KAAK;QACLoB,OAAO,EAAEnE,oBAAoB,CAACiE,OAAO,EAAE,IAAI,CAACG,WAAW,EAAE,IAAI,CAACC,qBAAqB,CAAC;QACpFC,SAAS,EAAE,IAAI,CAACD,qBAAqB;QACrClB,QAAQ,EAARA,QAAQ;QACRe,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAvB,GAAA;IAAAC,KAAA,EAED,SAAA2B,gBAAA,EAAkB;MAChB,IAAQL,WAAW,GAAK,IAAI,CAAC3B,OAAO,CAA5B2B,WAAW;MAEnB,OAAO;QACLA,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAvB,GAAA;IAAAC,KAAA,EAED,SAAA4B,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAlC,OAAA;QAAAmC,KAAA;MACP,IAAMC,QAAQ,GAaFhF,GAAG;MAZf,IAAAiF,cAAA,GAAqE,IAAI,CAACrC,OAAO;QAAzEsC,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEZ,WAAW,GAAAU,cAAA,CAAXV,WAAW;QAAEnB,KAAK,GAAA6B,cAAA,CAAL7B,KAAK;QAAEgC,kBAAkB,GAAAH,cAAA,CAAlBG,kBAAkB;MAEhE,IAAMC,YAAY,GAChBD,kBAAkB,IAClBlE,aAAa,CACXgE,QAAQ,EACR,CAACI,aAAa,CAACC,aAAa,CAACC,WAAW,EAAEF,aAAa,CAACG,WAAW,CAACD,WAAW,CAAC,EAChF,IAAI,CACL;MAEH,OAAAT,KAAA,GAAOjF,OAAO,CAACqF,MAAM,CAAC,eACpBzF,KAAA,CAAAgG,aAAA,CAACV,QAAQ,EAAAD,KAAA,CAAAY,EAAA,aAAAzB,aAAA,KAAA0B,YAAA;QAAA,cAEKrB,WAAW,CAAC,QAAQ,CAAC;QAAA,kBACjB,CAAC,IAAI,CAAC;QAAA,YACZsB,SAAS;QAAA,qBACAA,SAAS;QAAA,iBACbA,SAAS;QAAA,qBACLA,SAAS;QAAA,qBACTA,SAAS;QAAA,qBACTA,SAAS;QAAA,6BACDA,SAAS;QAAA,kBACpBA,SAAS;QAAA,uBACJA;MAAS,GAAAf,IAAA,kBAE9BpF,KAAA,CAAAgG,aAAA,CAACzF,gBAAgB,EAAA8E,KAAA,CAAAY,EAAA,0BACdN,YAAY,gBACX3F,KAAA,CAAAgG,aAAA,CAACR,QAAQ,EAAAH,KAAA,CAAAY,EAAA,iBAAG,gBAEZjG,KAAA,CAAAgG,aAAA,CAAAhG,KAAA,CAAAoG,QAAA,qBACEpG,KAAA,CAAAgG,aAAA,CAACJ,aAAa,CAACC,aAAa,qBAC1B7F,KAAA,CAAAgG,aAAA,CAACR,QAAQ,EAAAH,KAAA,CAAAY,EAAA,iBAAG,CACgB,EAC7B,CAACvC,KAAK,iBAAI1D,KAAA,CAAAgG,aAAA,CAACJ,aAAa,CAACG,WAAW,OAAG,CAE3C,CACgB,CACV;IAEf;EAAC;EAAA,OAAAjE,iBAAA;AAAA,EA1H6B5B,SAAS;AAAA2C,eAAA,CAAnCf,iBAAiB,iBACA,eAAe;AAAAe,eAAA,CADhCf,iBAAiB,WAENT,KAAK;AAAAwB,eAAA,CAFhBf,iBAAiB,aAGJ,CACfhB,WAAW,CAACD,iBAAiB,CAAC,EAC9BG,kBAAkB,CAAC;EACjBqF,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACF3F,mBAAmB,CAAC;EAClB4F,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,EACFzF,mBAAmB,EAAE,CACtB;AAAA0B,eAAA,CAhBGf,iBAAiB,kBAiBC;EAAA,OAAO;IAC3BiC,iBAAiB,EAAEpC,uBAAuB;IAC1CkF,IAAI,EAAEhG,iBAAiB;IACvBiG,MAAM,EAAE,IAAI;IACZ3D,UAAU,eAAEnD,KAAK,CAAC+G,SAAS,EAAE;IAC7BC,IAAI,EAAE;EACR,CAAC;AAAA,CAAC;AAAA,IAsGEnB,aAAa,0BAAAoB,WAAA;EAAAjF,SAAA,CAAA6D,aAAA,EAAAoB,WAAA;EAAA,IAAAC,OAAA,GAAAhF,YAAA,CAAA2D,aAAA;EAAA,SAAAA,cAAA;IAAAzD,eAAA,OAAAyD,aAAA;IAAA,OAAAqB,OAAA,CAAAtE,KAAA,OAAAN,SAAA;EAAA;EAAAe,YAAA,CAAAwC,aAAA;IAAAvC,GAAA;IAAAC,KAAA,EAIjB,SAAA4B,OAAA,EAAS;MAAA,IAAAgC,KAAA,QAAAjE,OAAA;QAAAkE,KAAA;MACP,IAAMC,cAAc,GAKRhH,WAAW;MAJvB,IAAAiH,cAAA,GAAgD,IAAI,CAACpE,OAAO;QAApDsC,QAAQ,GAAA8B,cAAA,CAAR9B,QAAQ;QAAEC,MAAM,GAAA6B,cAAA,CAAN7B,MAAM;QAAE/B,KAAK,GAAA4D,cAAA,CAAL5D,KAAK;QAAEP,UAAU,GAAAmE,cAAA,CAAVnE,UAAU;MAE3C,OAAAiE,KAAA,GAAOhH,OAAO,CAACqF,MAAM,CAAC,eACpBzF,KAAA,CAAAgG,aAAA,CAACqB,cAAc,EAAAD,KAAA,CAAAnB,EAAA,mBAAAzB,aAAA,KAAA+C,aAAA;QAAA,YAEJ,UAAU;QAAA,KACjB,MAAM;QAAA,SACD7D,KAAK;QAAA,YACF,CAACA,KAAK;QAAA,OACXP,UAAU;QAAA;MAAA,GAAAgE,KAAA,KAGdvG,iBAAiB,CAChB4E,QAAQ,EACRI,aAAa,CAAC4B,IAAI,EAClB,CAAC5B,aAAa,CAAC6B,KAAK,EAAE7B,aAAa,CAAC8B,OAAO,CAAC,EAC5ChE,KAAK,CACN,EACAA,KAAK,iBAAI1D,KAAA,CAAAgG,aAAA,CAACJ,aAAa,CAAC6B,KAAK;QAACE,GAAG,EAAEjH;MAAY,EAAG,CACpC;IAErB;EAAC;EAAA,OAAAmF,aAAA;AAAA,EA3ByB3F,SAAS;AAAA2C,eAAA,CAA/BgD,aAAa,iBACI,eAAe;AAAAhD,eAAA,CADhCgD,aAAa,WAEFxE,KAAK;AAAA,IA4BhB0E,WAAW,0BAAA6B,WAAA;EAAA5F,SAAA,CAAA+D,WAAA,EAAA6B,WAAA;EAAA,IAAAC,OAAA,GAAA3F,YAAA,CAAA6D,WAAA;EAAA,SAAAA,YAAA;IAAA3D,eAAA,OAAA2D,WAAA;IAAA,OAAA8B,OAAA,CAAAjF,KAAA,OAAAN,SAAA;EAAA;EAAAe,YAAA,CAAA0C,WAAA;IAAAzC,GAAA;IAAAC,KAAA,EAIf,SAAA4B,OAAA,EAAS;MAAA,IAAA2C,KAAA,QAAA5E,OAAA;QAAA6E,KAAA;MACP,IAAMV,cAAc,GASJhH,WAAW;MAR3B,IAAA2H,cAAA,GAAuD,IAAI,CAAC9E,OAAO;QAA3DuC,MAAM,GAAAuC,cAAA,CAANvC,MAAM;QAAE/B,KAAK,GAAAsE,cAAA,CAALtE,KAAK;QAAEC,IAAI,GAAAqE,cAAA,CAAJrE,IAAI;QAAEG,QAAQ,GAAAkE,cAAA,CAARlE,QAAQ;QAAEe,WAAW,GAAAmD,cAAA,CAAXnD,WAAW;MAElD,IAAInB,KAAK,EAAE,OAAO,IAAI;MAEtB,OAAAqE,KAAA,GAAO3H,OAAO,CAACqF,MAAM,CAAC,eACpBzF,KAAA,CAAAgG,aAAA,CAACvE,IAAI,EAAAsG,KAAA,CAAA9B,EAAA,2BACHjG,KAAA,CAAAgG,aAAA,CAACvE,IAAI,CAACwG,OAAO,qBACXjI,KAAA,CAAAgG,aAAA,CAACqB,cAAc,EAAAU,KAAA,CAAA9B,EAAA,mBAAAzB,aAAA,KAAA0D,aAAA;QAAA,QAEPvE,IAAI;QAAA,SACHD,KAAK;QAAA;QAAA,YAEFI,QAAQ;QAAA,cACNe,WAAW,CAAC,OAAO;MAAC,GAAAiD,KAAA,kBAEhC9H,KAAA,CAAAgG,aAAA,CAACJ,aAAa,CAAC6B,KAAK;QAACE,GAAG,EAAElH;MAAM,EAAG,CACpB,CACJ,eACfT,KAAA,CAAAgG,aAAA,CAACvE,IAAI,CAAC0G,MAAM,QAAEtD,WAAW,CAAC,OAAO,CAAC,CAAe,CAC5C;IAEX;EAAC;EAAA,OAAAkB,WAAA;AAAA,EA3BuB7F,SAAS;AAAA2C,eAAA,CAA7BkD,WAAW,iBACM,aAAa;AAAAlD,eAAA,CAD9BkD,WAAW,WAEA1E,KAAK;AA4BtB,SAASqG,OAAOA,CAAAU,KAAA,EAA2C;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAAA,IAAxC9C,MAAM,GAAA2C,KAAA,CAAN3C,MAAM;IAAED,QAAQ,GAAA4C,KAAA,CAAR5C,QAAQ;IAAEgD,KAAK,GAAAJ,KAAA,CAALI,KAAK;IAAE3D,WAAW,GAAAuD,KAAA,CAAXvD,WAAW;EACrD,IAAM4D,QAAQ,GAEMpI,WAAW,CAACoH,KAAK;EADrC,OAAAc,KAAA,GAAOnI,OAAO,CAACqF,MAAM,CAAC,eACpBzF,KAAA,CAAAgG,aAAA,CAACyC,QAAQ,EAAAF,KAAA,CAAAtC,EAAA,aAAAzB,aAAA,KAAAkE,aAAA;IAAA,OAAiClI;EAAG,GAAA6H,KAAA,KAC1CG,KAAK,KAAKrC,SAAS,gBAClBnG,KAAA,CAAAgG,aAAA,CAAAhG,KAAA,CAAAoG,QAAA,QACGoC,KAAK,eACNxI,KAAA,CAAAgG,aAAA,CAACtE,gBAAgB,EAAA6G,KAAA,CAAAtC,EAAA,0BACdpB,WAAW,CAAC,uDAAuD,CAAC,CACpD,CAClB,gBAEH7E,KAAA,CAAAgG,aAAA,CAACR,QAAQ,EAAA+C,KAAA,CAAAtC,EAAA,iBACV,CACQ;AAEf;AAEA,IAAML,aAAa,GAAG3F,eAAe,CACnC6B,iBAAiB,EACjB;EACE0F,IAAI,EAAEnH,WAAW,CAACmH,IAAI;EACtBC,KAAK,EAAEpH,WAAW,CAACoH,KAAK;EACxBC,OAAO,EAAPA,OAAO;EACP7B,aAAa,EAAbA,aAAa;EACbE,WAAW,EAAXA;AACF,CAAC,EACD;EACE4C,MAAM,EAAEtI;AACV,CAAC,CACF;AAED,eAAeuF,aAAa"}
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["NeighborLocation","Box","ScreenReaderOnly","Hint","createComponent","Component","Root","sstyled","addonTextChildren","callAllEventHandlers","animatedSizeEnhance","i18nEnhance","isAdvanceMode","getInputProps","inputProps","uniqueIDEnhancement","setFocus","cssVariableEnhance","default","SemcoreCounter","ChevronDown","Close","React","BaseTrigger","style","_sstyled","insert","localizedMessages","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","_defineProperty","e","key","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_inherits","_createClass","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","_dataUiName","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_objectSpread","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","handleClear","handleStopPropagation","onKeyDown","getCounterProps","_this$asProps3","render","_ref","_ref5","SWrapper","_this$asProps4","Children","styles","forcedAdvancedMode","advancedMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","role","_Component2","_ref2","_ref6","SFilterTrigger","_this$asProps5","_assignProps2","Text","Addon","Counter","tag","_Component3","_this2","_len2","_key2","_ref3","_ref7","_ref9","_ref0","_this$asProps6","ariaLabel","title","_assignProps3","_ref1","_ref4","arguments[0]","_ref8","count","SCounter","_assignProps4","parent"],"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":[]}
|