@semcore/base-trigger 16.2.0 → 16.2.1-prerelease.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/README.md +1 -31
- package/lib/cjs/BaseTrigger.js +31 -31
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +16 -16
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +40 -45
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +23 -23
- 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/translations/__intergalactic-dynamic-locales.js +4 -5
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/BaseTrigger.js +29 -28
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +14 -13
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +36 -40
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +21 -20
- 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/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/esm/BaseTrigger.mjs +32 -29
- package/lib/esm/ButtonTrigger.mjs +18 -15
- package/lib/esm/FilterTrigger.mjs +38 -40
- package/lib/esm/LinkTrigger.mjs +25 -22
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/types/index.d.ts +6 -6
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [16.2.1] - 2025-06-13
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/base-components` [16.0.1 ~> 16.0.2]).
|
|
10
|
+
|
|
5
11
|
## [16.2.0] - 2025-05-30
|
|
6
12
|
|
|
7
13
|
### Changed
|
package/README.md
CHANGED
|
@@ -13,40 +13,10 @@
|
|
|
13
13
|
## Install
|
|
14
14
|
|
|
15
15
|
```sh
|
|
16
|
-
npm install
|
|
16
|
+
npm install @semcore/base-trigger
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
## Usage
|
|
20
19
|
|
|
21
|
-
```jsx
|
|
22
|
-
import BaseTrigger, { ButtonTrigger, FilterTrigger, LinkTrigger } from 'intergalactic/base-trigger';
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
<details>
|
|
26
|
-
<summary>Alternative installation and use</summary>
|
|
27
|
-
|
|
28
|
-
**We do not recommend this usage path due to possible dependency and update issues.**
|
|
29
|
-
|
|
30
|
-
### Install
|
|
31
|
-
|
|
32
|
-
You can only install one package from the design system
|
|
33
|
-
|
|
34
|
-
```sh
|
|
35
|
-
npm install @semcore/base-trigger @semcore/core
|
|
36
|
-
```
|
|
37
|
-
|
|
38
|
-
`@semcore/core` - _is the basic package by which we create our components, and it contains all of the common logic
|
|
39
|
-
of the components that is discussed below. There should only be one version of the package in the project._
|
|
40
|
-
|
|
41
|
-
### Usage
|
|
42
|
-
|
|
43
|
-
You can use the package the same way but without `/ui/` in the import path.
|
|
44
|
-
|
|
45
|
-
```jsx
|
|
46
|
-
import BaseTrigger, { ButtonTrigger, FilterTrigger, LinkTrigger } from '@semcore/base-trigger';
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
</details>
|
|
50
20
|
|
|
51
21
|
## 👤 Author
|
|
52
22
|
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
@@ -8,46 +8,48 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
12
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
11
14
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
13
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
16
|
var _core = require("@semcore/core");
|
|
15
|
-
var _react = _interopRequireDefault(require("react"));
|
|
16
|
-
var _flexBox = require("@semcore/flex-box");
|
|
17
|
-
var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
|
|
18
17
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
|
|
19
|
-
var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
|
|
20
18
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
|
|
19
|
+
var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
|
|
21
20
|
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
21
|
+
var _flexBox = require("@semcore/flex-box");
|
|
22
|
+
var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
|
|
23
|
+
var _react = _interopRequireDefault(require("react"));
|
|
24
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
22
25
|
/*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
23
|
-
var style = (
|
|
26
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_ed4s9_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_ed4s9_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_ed4s9_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_ed4s9_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_ed4s9_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_ed4s9_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_ed4s9_gg_.__active_ed4s9_gg_,.___SBaseTrigger_ed4s9_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_ed4s9_gg_.__disabled_ed4s9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_ed4s9_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_ed4s9_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_ed4s9_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_ed4s9_gg_{width:12px;height:12px}.___SBaseTrigger_ed4s9_gg_._size_m_ed4s9_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_ed4s9_gg_._size_m_ed4s9_gg_ .___SAddon_ed4s9_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ed4s9_gg_._size_m_ed4s9_gg_ .___SAddon_ed4s9_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ed4s9_gg_._size_l_ed4s9_gg_ .___SAddon_ed4s9_gg_:only-child,.___SBaseTrigger_ed4s9_gg_._size_m_ed4s9_gg_ .___SAddon_ed4s9_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_ed4s9_gg_._size_l_ed4s9_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_ed4s9_gg_._size_l_ed4s9_gg_ .___SAddon_ed4s9_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ed4s9_gg_._size_l_ed4s9_gg_ .___SAddon_ed4s9_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ed4s9_gg_._neighborLocation_right_ed4s9_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_ed4s9_gg_._neighborLocation_both_ed4s9_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_ed4s9_gg_._neighborLocation_left_ed4s9_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_ed4s9_gg_.__display-placeholder_ed4s9_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_ed4s9_gg_._state_valid_ed4s9_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_ed4s9_gg_._state_invalid_ed4s9_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_ed4s9_gg_._state_invalid_ed4s9_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 73, 83, 0.5))}.___SInvalidPattern_ed4s9_gg_._size_m_ed4s9_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_ed4s9_gg_._size_l_ed4s9_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"ed4s9_gg_"),
|
|
24
27
|
/*__reshadow_css_end__*/
|
|
25
28
|
{
|
|
26
|
-
"__SBaseTrigger": "
|
|
27
|
-
"_disabled": "
|
|
28
|
-
"__SInner": "
|
|
29
|
-
"__SText": "
|
|
30
|
-
"__SAddon": "
|
|
31
|
-
"__SBaseAddon": "
|
|
32
|
-
"_neighborLocation_right": "
|
|
33
|
-
"_neighborLocation_both": "
|
|
34
|
-
"_neighborLocation_left": "
|
|
35
|
-
"_display-placeholder": "__display-
|
|
36
|
-
"_state_valid": "
|
|
37
|
-
"__SInvalidPattern": "
|
|
38
|
-
"_size_m": "
|
|
39
|
-
"_size_l": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"_state_invalid": "
|
|
29
|
+
"__SBaseTrigger": "___SBaseTrigger_ed4s9_gg_",
|
|
30
|
+
"_disabled": "__disabled_ed4s9_gg_",
|
|
31
|
+
"__SInner": "___SInner_ed4s9_gg_",
|
|
32
|
+
"__SText": "___SText_ed4s9_gg_",
|
|
33
|
+
"__SAddon": "___SAddon_ed4s9_gg_",
|
|
34
|
+
"__SBaseAddon": "___SBaseAddon_ed4s9_gg_",
|
|
35
|
+
"_neighborLocation_right": "_neighborLocation_right_ed4s9_gg_",
|
|
36
|
+
"_neighborLocation_both": "_neighborLocation_both_ed4s9_gg_",
|
|
37
|
+
"_neighborLocation_left": "_neighborLocation_left_ed4s9_gg_",
|
|
38
|
+
"_display-placeholder": "__display-placeholder_ed4s9_gg_",
|
|
39
|
+
"_state_valid": "_state_valid_ed4s9_gg_",
|
|
40
|
+
"__SInvalidPattern": "___SInvalidPattern_ed4s9_gg_",
|
|
41
|
+
"_size_m": "_size_m_ed4s9_gg_",
|
|
42
|
+
"_size_l": "_size_l_ed4s9_gg_",
|
|
43
|
+
"_active": "__active_ed4s9_gg_",
|
|
44
|
+
"_state_invalid": "_state_invalid_ed4s9_gg_"
|
|
42
45
|
});
|
|
43
46
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
44
|
-
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
|
45
|
-
var _super = (0, _createSuper2["default"])(RootBaseTrigger);
|
|
46
47
|
function RootBaseTrigger() {
|
|
47
48
|
(0, _classCallCheck2["default"])(this, RootBaseTrigger);
|
|
48
|
-
return
|
|
49
|
+
return _callSuper(this, RootBaseTrigger, arguments);
|
|
49
50
|
}
|
|
50
|
-
(0,
|
|
51
|
+
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
|
52
|
+
return (0, _createClass2["default"])(RootBaseTrigger, [{
|
|
51
53
|
key: "getTextProps",
|
|
52
54
|
value: function getTextProps() {
|
|
53
55
|
var _this$asProps = this.asProps,
|
|
@@ -73,7 +75,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
73
75
|
empty = _this$asProps2.empty,
|
|
74
76
|
state = _this$asProps2.state,
|
|
75
77
|
size = _this$asProps2.size;
|
|
76
|
-
_logger["default"].warn(theme !== undefined,
|
|
78
|
+
_logger["default"].warn(theme !== undefined, 'The \'theme\' property is deprecated, use \'state\'', this.asProps['data-ui-name'] || BaseTrigger.displayName);
|
|
77
79
|
|
|
78
80
|
// TODO: add aria
|
|
79
81
|
return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
|
|
@@ -92,7 +94,6 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
92
94
|
});
|
|
93
95
|
}
|
|
94
96
|
}]);
|
|
95
|
-
return RootBaseTrigger;
|
|
96
97
|
}(_core.Component);
|
|
97
98
|
(0, _defineProperty2["default"])(RootBaseTrigger, "displayName", 'BaseTrigger');
|
|
98
99
|
(0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _useCssVariable.cssVariableEnhance)({
|
|
@@ -133,6 +134,5 @@ var BaseTrigger = (0, _core.createComponent)(RootBaseTrigger, {
|
|
|
133
134
|
Text: Text,
|
|
134
135
|
Addon: Addon
|
|
135
136
|
});
|
|
136
|
-
var _default = BaseTrigger;
|
|
137
|
-
exports["default"] = _default;
|
|
137
|
+
var _default = exports["default"] = BaseTrigger;
|
|
138
138
|
//# sourceMappingURL=BaseTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTrigger.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_logger","_useCssVariable","_flexBox","_neighborLocation","_react","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","RootBaseTrigger","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.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 logger from '@semcore/core/lib/utils/logger';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport React from 'react';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\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 style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'span';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n 'The \\'theme\\' property is deprecated, use \\'state\\'',\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger\n render={Box}\n tag='button'\n type='button'\n tabIndex={0}\n neighborLocation={neighborLocation}\n state={theme}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -1,38 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports["default"] = void 0;
|
|
8
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
11
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
12
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
10
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
11
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
12
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
15
|
var _core = require("@semcore/core");
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
16
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
|
|
16
|
-
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
17
|
-
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
18
|
-
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
19
17
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
|
|
20
18
|
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
19
|
+
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
20
|
+
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
21
|
+
var _react = _interopRequireDefault(require("react"));
|
|
22
|
+
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
23
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
21
24
|
/*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
22
|
-
var style = (
|
|
25
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_126vx_gg_{width:12px;height:12px}.___SButtonTriggerSpin_126vx_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}", /*__inner_css_end__*/"126vx_gg_"),
|
|
23
26
|
/*__reshadow_css_end__*/
|
|
24
27
|
{
|
|
25
|
-
"__SButtonAddon": "
|
|
26
|
-
"__SButtonTriggerSpin": "
|
|
28
|
+
"__SButtonAddon": "___SButtonAddon_126vx_gg_",
|
|
29
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_126vx_gg_"
|
|
27
30
|
});
|
|
28
31
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
29
|
-
(0, _inherits2["default"])(RootButtonTrigger, _Component);
|
|
30
|
-
var _super = (0, _createSuper2["default"])(RootButtonTrigger);
|
|
31
32
|
function RootButtonTrigger() {
|
|
32
33
|
(0, _classCallCheck2["default"])(this, RootButtonTrigger);
|
|
33
|
-
return
|
|
34
|
+
return _callSuper(this, RootButtonTrigger, arguments);
|
|
34
35
|
}
|
|
35
|
-
(0,
|
|
36
|
+
(0, _inherits2["default"])(RootButtonTrigger, _Component);
|
|
37
|
+
return (0, _createClass2["default"])(RootButtonTrigger, [{
|
|
36
38
|
key: "getTextProps",
|
|
37
39
|
value: function getTextProps() {
|
|
38
40
|
return {
|
|
@@ -67,7 +69,6 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
67
69
|
})) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
|
|
68
70
|
}
|
|
69
71
|
}]);
|
|
70
|
-
return RootButtonTrigger;
|
|
71
72
|
}(_core.Component);
|
|
72
73
|
(0, _defineProperty2["default"])(RootButtonTrigger, "displayName", 'ButtonTrigger');
|
|
73
74
|
(0, _defineProperty2["default"])(RootButtonTrigger, "style", style);
|
|
@@ -89,6 +90,5 @@ var ButtonTrigger = (0, _core.createComponent)(RootButtonTrigger, {
|
|
|
89
90
|
}, {
|
|
90
91
|
parent: _BaseTrigger["default"]
|
|
91
92
|
});
|
|
92
|
-
var _default = ButtonTrigger;
|
|
93
|
-
exports["default"] = _default;
|
|
93
|
+
var _default = exports["default"] = ButtonTrigger;
|
|
94
94
|
//# sourceMappingURL=ButtonTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct2","Reflect","construct","constructor","apply","style","sstyled","insert","RootButtonTrigger","_Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","chevron","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"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, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} tabIndex={loading ? -1 : 0}>\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/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,64 +11,65 @@ 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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
15
|
+
var _isNativeReflectConstruct2 = _interopRequireDefault(require("@babel/runtime/helpers/isNativeReflectConstruct"));
|
|
16
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
15
17
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
16
|
-
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
17
18
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
18
19
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
19
20
|
var _core = require("@semcore/core");
|
|
20
|
-
var _react = _interopRequireDefault(require("react"));
|
|
21
|
-
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
22
|
-
var _flexBox = require("@semcore/flex-box");
|
|
23
|
-
var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
|
|
24
|
-
var _dot = _interopRequireDefault(require("@semcore/dot"));
|
|
25
|
-
var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
26
|
-
var _m2 = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
27
|
-
var _assignProps5 = require("@semcore/core/lib/utils/assignProps");
|
|
28
21
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
|
|
29
|
-
var
|
|
30
|
-
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
22
|
+
var _assignProps5 = require("@semcore/core/lib/utils/assignProps");
|
|
31
23
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
|
|
32
|
-
var
|
|
24
|
+
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
25
|
+
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
33
26
|
var _inputProps = _interopRequireWildcard(require("@semcore/core/lib/utils/inputProps"));
|
|
27
|
+
var _ScreenReaderOnly = require("@semcore/core/lib/utils/ScreenReaderOnly");
|
|
34
28
|
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
35
29
|
var _useFocusLock = require("@semcore/core/lib/utils/use/useFocusLock");
|
|
36
|
-
var
|
|
30
|
+
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
31
|
+
var _dot = _interopRequireDefault(require("@semcore/dot"));
|
|
32
|
+
var _flexBox = require("@semcore/flex-box");
|
|
33
|
+
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
34
|
+
var _m2 = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
35
|
+
var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
|
|
37
36
|
var _tooltip = require("@semcore/tooltip");
|
|
38
|
-
var
|
|
37
|
+
var _react = _interopRequireDefault(require("react"));
|
|
38
|
+
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
39
|
+
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
39
40
|
var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
|
|
41
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
40
42
|
/*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
41
|
-
var style = (
|
|
43
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_1qylf_gg_.__selected_1qylf_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_1qylf_gg_.__selected_1qylf_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1qylf_gg_.__selected_1qylf_gg_.__active_1qylf_gg_,.___SFilterTrigger_1qylf_gg_.__selected_1qylf_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1qylf_gg_{display:inline-flex}.___SWrapper_1qylf_gg_:focus{outline:0}.___SCounter_1qylf_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}", /*__inner_css_end__*/"1qylf_gg_"),
|
|
42
44
|
/*__reshadow_css_end__*/
|
|
43
45
|
{
|
|
44
|
-
"__SCounter": "
|
|
45
|
-
"__SFilterTrigger": "
|
|
46
|
-
"_selected": "
|
|
47
|
-
"_active": "
|
|
48
|
-
"__SWrapper": "
|
|
46
|
+
"__SCounter": "___SCounter_1qylf_gg_",
|
|
47
|
+
"__SFilterTrigger": "___SFilterTrigger_1qylf_gg_",
|
|
48
|
+
"_selected": "__selected_1qylf_gg_",
|
|
49
|
+
"_active": "__active_1qylf_gg_",
|
|
50
|
+
"__SWrapper": "___SWrapper_1qylf_gg_"
|
|
49
51
|
});
|
|
50
52
|
var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
|
|
51
53
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
52
|
-
(0, _inherits2["default"])(RootFilterTrigger, _Component);
|
|
53
|
-
var _super = (0, _createSuper2["default"])(RootFilterTrigger);
|
|
54
54
|
function RootFilterTrigger() {
|
|
55
55
|
var _this;
|
|
56
56
|
(0, _classCallCheck2["default"])(this, RootFilterTrigger);
|
|
57
57
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
58
58
|
args[_key] = arguments[_key];
|
|
59
59
|
}
|
|
60
|
-
_this =
|
|
61
|
-
(0, _defineProperty2["default"])(
|
|
60
|
+
_this = _callSuper(this, RootFilterTrigger, [].concat(args));
|
|
61
|
+
(0, _defineProperty2["default"])(_this, "handleStopPropagation", function (e) {
|
|
62
62
|
return e.stopPropagation();
|
|
63
63
|
});
|
|
64
|
-
(0, _defineProperty2["default"])(
|
|
64
|
+
(0, _defineProperty2["default"])(_this, "handleClear", function () {
|
|
65
65
|
requestAnimationFrame(function () {
|
|
66
66
|
(0, _useFocusLock.setFocus)(_this.asProps.triggerRef.current);
|
|
67
67
|
});
|
|
68
68
|
});
|
|
69
69
|
return _this;
|
|
70
70
|
}
|
|
71
|
-
(0,
|
|
71
|
+
(0, _inherits2["default"])(RootFilterTrigger, _Component);
|
|
72
|
+
return (0, _createClass2["default"])(RootFilterTrigger, [{
|
|
72
73
|
key: "getTriggerButtonProps",
|
|
73
74
|
value: function getTriggerButtonProps() {
|
|
74
75
|
var _this$asProps = this.asProps,
|
|
@@ -79,7 +80,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
79
80
|
disabled = _this$asProps.disabled,
|
|
80
81
|
includeInputProps = _this$asProps.includeInputProps,
|
|
81
82
|
triggerRef = _this$asProps.triggerRef,
|
|
82
|
-
|
|
83
|
+
_dataUiName = _this$asProps['data-ui-name'],
|
|
83
84
|
other = (0, _objectWithoutProperties2["default"])(_this$asProps, _excluded);
|
|
84
85
|
var _getInputProps = (0, _inputProps["default"])(other, includeInputProps),
|
|
85
86
|
_getInputProps2 = (0, _slicedToArray2["default"])(_getInputProps, 1),
|
|
@@ -148,7 +149,6 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
148
149
|
}, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _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))));
|
|
149
150
|
}
|
|
150
151
|
}]);
|
|
151
|
-
return RootFilterTrigger;
|
|
152
152
|
}(_core.Component);
|
|
153
153
|
(0, _defineProperty2["default"])(RootFilterTrigger, "displayName", 'FilterTrigger');
|
|
154
154
|
(0, _defineProperty2["default"])(RootFilterTrigger, "style", style);
|
|
@@ -171,13 +171,12 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
171
171
|
};
|
|
172
172
|
});
|
|
173
173
|
var TriggerButton = /*#__PURE__*/function (_Component2) {
|
|
174
|
-
(0, _inherits2["default"])(TriggerButton, _Component2);
|
|
175
|
-
var _super2 = (0, _createSuper2["default"])(TriggerButton);
|
|
176
174
|
function TriggerButton() {
|
|
177
175
|
(0, _classCallCheck2["default"])(this, TriggerButton);
|
|
178
|
-
return
|
|
176
|
+
return _callSuper(this, TriggerButton, arguments);
|
|
179
177
|
}
|
|
180
|
-
(0,
|
|
178
|
+
(0, _inherits2["default"])(TriggerButton, _Component2);
|
|
179
|
+
return (0, _createClass2["default"])(TriggerButton, [{
|
|
181
180
|
key: "render",
|
|
182
181
|
value: function render() {
|
|
183
182
|
var _ref2 = this.asProps,
|
|
@@ -196,22 +195,20 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
|
|
|
196
195
|
"ref": triggerRef,
|
|
197
196
|
"animationsDisabled": true
|
|
198
197
|
}, _ref2))), (0, _addonTextChildren["default"])(Children, FilterTrigger.Text, [FilterTrigger.Addon, FilterTrigger.Counter], empty), empty && /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
|
|
199
|
-
tag:
|
|
198
|
+
tag: _m["default"]
|
|
200
199
|
}));
|
|
201
200
|
}
|
|
202
201
|
}]);
|
|
203
|
-
return TriggerButton;
|
|
204
202
|
}(_core.Component);
|
|
205
203
|
(0, _defineProperty2["default"])(TriggerButton, "displayName", 'TriggerButton');
|
|
206
204
|
(0, _defineProperty2["default"])(TriggerButton, "style", style);
|
|
207
205
|
var ClearButton = /*#__PURE__*/function (_Component3) {
|
|
208
|
-
(0, _inherits2["default"])(ClearButton, _Component3);
|
|
209
|
-
var _super3 = (0, _createSuper2["default"])(ClearButton);
|
|
210
206
|
function ClearButton() {
|
|
211
207
|
(0, _classCallCheck2["default"])(this, ClearButton);
|
|
212
|
-
return
|
|
208
|
+
return _callSuper(this, ClearButton, arguments);
|
|
213
209
|
}
|
|
214
|
-
(0,
|
|
210
|
+
(0, _inherits2["default"])(ClearButton, _Component3);
|
|
211
|
+
return (0, _createClass2["default"])(ClearButton, [{
|
|
215
212
|
key: "render",
|
|
216
213
|
value: function render() {
|
|
217
214
|
var _ref3 = this.asProps,
|
|
@@ -231,11 +228,10 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
|
|
|
231
228
|
"disabled": disabled,
|
|
232
229
|
"aria-label": getI18nText('clear')
|
|
233
230
|
}, _ref3))), /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
|
|
234
|
-
tag:
|
|
231
|
+
tag: _m2["default"]
|
|
235
232
|
}))), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint.Popper, null, getI18nText('clear')));
|
|
236
233
|
}
|
|
237
234
|
}]);
|
|
238
|
-
return ClearButton;
|
|
239
235
|
}(_core.Component);
|
|
240
236
|
(0, _defineProperty2["default"])(ClearButton, "displayName", 'ClearButton');
|
|
241
237
|
(0, _defineProperty2["default"])(ClearButton, "style", style);
|
|
@@ -260,6 +256,5 @@ var FilterTrigger = (0, _core.createComponent)(RootFilterTrigger, {
|
|
|
260
256
|
}, {
|
|
261
257
|
parent: _BaseTrigger["default"]
|
|
262
258
|
});
|
|
263
|
-
var _default = FilterTrigger;
|
|
264
|
-
exports["default"] = _default;
|
|
259
|
+
var _default = exports["default"] = FilterTrigger;
|
|
265
260
|
//# sourceMappingURL=FilterTrigger.js.map
|