@semcore/base-trigger 3.5.13 → 3.5.15
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 +2 -2
- package/lib/cjs/BaseTrigger.js +33 -72
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +8 -38
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +26 -72
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +26 -63
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.js +0 -5
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +0 -13
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/BaseTrigger.js +33 -58
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +8 -28
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +26 -55
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +26 -52
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
-
## [3.5.
|
|
5
|
+
## [3.5.15] - 2023-04-14
|
|
6
6
|
|
|
7
7
|
### Changed
|
|
8
8
|
|
|
9
|
-
- Version patch update due to children dependencies update (`@semcore/utils` [3.
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/utils` [3.50.0 ~> 3.50.2]).
|
|
10
10
|
|
|
11
11
|
## [3.5.4] - 2023-03-01
|
|
12
12
|
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -1,89 +1,59 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
21
|
-
|
|
22
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
15
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
17
|
var _flexBox = require("@semcore/flex-box");
|
|
29
|
-
|
|
30
18
|
var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
|
|
31
|
-
|
|
32
19
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
33
|
-
|
|
34
20
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
35
|
-
|
|
36
21
|
var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
37
|
-
|
|
38
22
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
39
|
-
|
|
40
23
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
41
|
-
|
|
42
24
|
/*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
43
|
-
var style = (
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
"
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
,
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"
|
|
61
|
-
"_size_l": "_size_l_1fni6_gg_",
|
|
62
|
-
"_neighborLocation_right": "_neighborLocation_right_1fni6_gg_",
|
|
63
|
-
"_neighborLocation_both": "_neighborLocation_both_1fni6_gg_",
|
|
64
|
-
"_neighborLocation_left": "_neighborLocation_left_1fni6_gg_",
|
|
65
|
-
"_placeholder": "__placeholder_1fni6_gg_",
|
|
66
|
-
"_state_normal": "_state_normal_1fni6_gg_",
|
|
67
|
-
"_state_valid": "_state_valid_1fni6_gg_",
|
|
68
|
-
"_state_invalid": "_state_invalid_1fni6_gg_"
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1o9i7_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;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;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_1o9i7_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1o9i7_gg_:active,.___SBaseTrigger_1o9i7_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1o9i7_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1o9i7_gg_.__keyboardFocused_1o9i7_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}@media (hover:hover){.___SBaseTrigger_1o9i7_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1o9i7_gg_.__active_1o9i7_gg_,.___SBaseTrigger_1o9i7_gg_:active{background-color:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SBaseTrigger_1o9i7_gg_.__disabled_1o9i7_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBaseTrigger_1o9i7_gg_.__keyboardFocused_1o9i7_gg_{z-index:1}.___SInner_1o9i7_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1o9i7_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_1o9i7_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1o9i7_gg_{width:12px;height:12px}.___SBaseTrigger_1o9i7_gg_._size_m_1o9i7_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_1o9i7_gg_._size_m_1o9i7_gg_ .___SAddon_1o9i7_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1o9i7_gg_._size_m_1o9i7_gg_ .___SAddon_1o9i7_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1o9i7_gg_._size_l_1o9i7_gg_ .___SAddon_1o9i7_gg_:only-child,.___SBaseTrigger_1o9i7_gg_._size_m_1o9i7_gg_ .___SAddon_1o9i7_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1o9i7_gg_._size_l_1o9i7_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_1o9i7_gg_._size_l_1o9i7_gg_ .___SAddon_1o9i7_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1o9i7_gg_._size_l_1o9i7_gg_ .___SAddon_1o9i7_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1o9i7_gg_._neighborLocation_right_1o9i7_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1o9i7_gg_._neighborLocation_both_1o9i7_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1o9i7_gg_._neighborLocation_left_1o9i7_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1o9i7_gg_.__placeholder_1o9i7_gg_{color:var(--intergalactic-text-placeholder, #a9abb6)}.___SBaseTrigger_1o9i7_gg_._state_normal_1o9i7_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1o9i7_gg_._state_valid_1o9i7_gg_{border-color:var(--intergalactic-border-success, #59ddaa)}.___SBaseTrigger_1o9i7_gg_._state_invalid_1o9i7_gg_{border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SBaseTrigger_1o9i7_gg_._state_invalid_1o9i7_gg_.__keyboardFocused_1o9i7_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.3))}" /*__inner_css_end__*/, "1o9i7_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SBaseTrigger": "___SBaseTrigger_1o9i7_gg_",
|
|
27
|
+
"_keyboardFocused": "__keyboardFocused_1o9i7_gg_",
|
|
28
|
+
"_active": "__active_1o9i7_gg_",
|
|
29
|
+
"_disabled": "__disabled_1o9i7_gg_",
|
|
30
|
+
"__SInner": "___SInner_1o9i7_gg_",
|
|
31
|
+
"__SText": "___SText_1o9i7_gg_",
|
|
32
|
+
"__SAddon": "___SAddon_1o9i7_gg_",
|
|
33
|
+
"__SBaseAddon": "___SBaseAddon_1o9i7_gg_",
|
|
34
|
+
"_size_m": "_size_m_1o9i7_gg_",
|
|
35
|
+
"_size_l": "_size_l_1o9i7_gg_",
|
|
36
|
+
"_neighborLocation_right": "_neighborLocation_right_1o9i7_gg_",
|
|
37
|
+
"_neighborLocation_both": "_neighborLocation_both_1o9i7_gg_",
|
|
38
|
+
"_neighborLocation_left": "_neighborLocation_left_1o9i7_gg_",
|
|
39
|
+
"_placeholder": "__placeholder_1o9i7_gg_",
|
|
40
|
+
"_state_normal": "_state_normal_1o9i7_gg_",
|
|
41
|
+
"_state_valid": "_state_valid_1o9i7_gg_",
|
|
42
|
+
"_state_invalid": "_state_invalid_1o9i7_gg_"
|
|
69
43
|
});
|
|
70
|
-
|
|
71
44
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
72
45
|
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
|
73
|
-
|
|
74
46
|
var _super = (0, _createSuper2["default"])(RootBaseTrigger);
|
|
75
|
-
|
|
76
47
|
function RootBaseTrigger() {
|
|
77
48
|
(0, _classCallCheck2["default"])(this, RootBaseTrigger);
|
|
78
49
|
return _super.apply(this, arguments);
|
|
79
50
|
}
|
|
80
|
-
|
|
81
51
|
(0, _createClass2["default"])(RootBaseTrigger, [{
|
|
82
52
|
key: "getTextProps",
|
|
83
53
|
value: function getTextProps() {
|
|
84
54
|
var _this$asProps = this.asProps,
|
|
85
|
-
|
|
86
|
-
|
|
55
|
+
placeholder = _this$asProps.placeholder,
|
|
56
|
+
empty = _this$asProps.empty;
|
|
87
57
|
return {
|
|
88
58
|
placeholder: placeholder,
|
|
89
59
|
empty: empty
|
|
@@ -96,20 +66,18 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
96
66
|
var SBaseTrigger = _flexBox.Box;
|
|
97
67
|
var SInner = 'div';
|
|
98
68
|
var _this$asProps2 = this.asProps,
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
69
|
+
Children = _this$asProps2.Children,
|
|
70
|
+
styles = _this$asProps2.styles,
|
|
71
|
+
theme = _this$asProps2.theme,
|
|
72
|
+
neighborLocation = _this$asProps2.neighborLocation,
|
|
73
|
+
empty = _this$asProps2.empty;
|
|
74
|
+
_logger["default"].warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName);
|
|
75
|
+
|
|
76
|
+
// TODO: add aria
|
|
108
77
|
return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
|
|
109
78
|
neighborLocation: neighborLocation
|
|
110
79
|
}, function (neighborLocation) {
|
|
111
80
|
var _ref4;
|
|
112
|
-
|
|
113
81
|
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
114
82
|
"neighborLocation": neighborLocation,
|
|
115
83
|
"state": theme
|
|
@@ -119,7 +87,6 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
119
87
|
}]);
|
|
120
88
|
return RootBaseTrigger;
|
|
121
89
|
}(_core.Component);
|
|
122
|
-
|
|
123
90
|
(0, _defineProperty2["default"])(RootBaseTrigger, "displayName", 'BaseTrigger');
|
|
124
91
|
(0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _useCssVariable.cssVariableEnhance)({
|
|
125
92
|
variable: '--intergalactic-duration-control',
|
|
@@ -135,33 +102,27 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
135
102
|
size: 'm',
|
|
136
103
|
empty: false
|
|
137
104
|
});
|
|
138
|
-
|
|
139
105
|
function Text(props) {
|
|
140
106
|
var _ref2 = arguments[0],
|
|
141
|
-
|
|
142
|
-
|
|
107
|
+
_ref5;
|
|
143
108
|
var SText = _flexBox.Box;
|
|
144
109
|
var children = props.children,
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
110
|
+
styles = props.styles,
|
|
111
|
+
empty = props.empty,
|
|
112
|
+
placeholder = props.placeholder;
|
|
148
113
|
return _ref5 = (0, _core.sstyled)(styles),
|
|
149
114
|
/*#__PURE__*/
|
|
150
|
-
|
|
151
115
|
/* "use:" prefix was used for backward compatibility (by lsroman) */
|
|
152
116
|
_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
153
117
|
"use:placeholder": empty
|
|
154
118
|
}, _ref2))), empty ? placeholder : children);
|
|
155
119
|
}
|
|
156
|
-
|
|
157
120
|
function Addon(props) {
|
|
158
121
|
var _ref3 = arguments[0],
|
|
159
|
-
|
|
160
|
-
|
|
122
|
+
_ref6;
|
|
161
123
|
var SAddon = _flexBox.Box;
|
|
162
124
|
return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
163
125
|
}
|
|
164
|
-
|
|
165
126
|
var BaseTrigger = (0, _core["default"])(RootBaseTrigger, {
|
|
166
127
|
Text: Text,
|
|
167
128
|
Addon: Addon
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTrigger.js","names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","neighborLocation","logger","warn","undefined","BaseTrigger","displayName","
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","_this$asProps2","Children","styles","theme","neighborLocation","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","size","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\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 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 = 'div';\n const { Children, styles, theme, neighborLocation, empty } = 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 render={Box} neighborLocation={neighborLocation} state={theme}>\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )\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 /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} use:placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -1,77 +1,48 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
19
|
-
|
|
20
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
|
|
22
14
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
16
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
27
|
-
|
|
28
17
|
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
29
|
-
|
|
30
18
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
31
|
-
|
|
32
19
|
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
33
|
-
|
|
34
20
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
35
|
-
|
|
36
21
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
37
|
-
|
|
38
22
|
/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
39
|
-
var style = (
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
/*__inner_css_start__*/
|
|
43
|
-
".___SButtonAddon_1tmaz_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1tmaz_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}"
|
|
44
|
-
/*__inner_css_end__*/
|
|
45
|
-
, "1tmaz_gg_")
|
|
46
|
-
/*__reshadow_css_end__*/
|
|
47
|
-
, {
|
|
48
|
-
"__SButtonAddon": "___SButtonAddon_1tmaz_gg_",
|
|
49
|
-
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1tmaz_gg_"
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_12b0o_gg_{width:12px;height:12px}.___SButtonTriggerSpin_12b0o_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "12b0o_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SButtonAddon": "___SButtonAddon_12b0o_gg_",
|
|
25
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_12b0o_gg_"
|
|
50
26
|
});
|
|
51
|
-
|
|
52
27
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
53
28
|
(0, _inherits2["default"])(RootButtonTrigger, _Component);
|
|
54
|
-
|
|
55
29
|
var _super = (0, _createSuper2["default"])(RootButtonTrigger);
|
|
56
|
-
|
|
57
30
|
function RootButtonTrigger() {
|
|
58
31
|
(0, _classCallCheck2["default"])(this, RootButtonTrigger);
|
|
59
32
|
return _super.apply(this, arguments);
|
|
60
33
|
}
|
|
61
|
-
|
|
62
34
|
(0, _createClass2["default"])(RootButtonTrigger, [{
|
|
63
35
|
key: "render",
|
|
64
36
|
value: function render() {
|
|
65
37
|
var _ref = this.asProps,
|
|
66
|
-
|
|
67
|
-
|
|
38
|
+
_ref2;
|
|
68
39
|
var SButtonAddon = ButtonTrigger.Addon;
|
|
69
40
|
var SButtonTriggerSpin = _spin["default"];
|
|
70
41
|
var _this$asProps = this.asProps,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
42
|
+
Children = _this$asProps.Children,
|
|
43
|
+
styles = _this$asProps.styles,
|
|
44
|
+
loading = _this$asProps.loading,
|
|
45
|
+
empty = _this$asProps.empty;
|
|
75
46
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
76
47
|
"size": "xs",
|
|
77
48
|
"theme": false
|
|
@@ -80,7 +51,6 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
80
51
|
}]);
|
|
81
52
|
return RootButtonTrigger;
|
|
82
53
|
}(_core.Component);
|
|
83
|
-
|
|
84
54
|
(0, _defineProperty2["default"])(RootButtonTrigger, "displayName", 'ButtonTrigger');
|
|
85
55
|
(0, _defineProperty2["default"])(RootButtonTrigger, "style", style);
|
|
86
56
|
(0, _defineProperty2["default"])(RootButtonTrigger, "enhance", [(0, _useCssVariable.cssVariableEnhance)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","asProps","Children","styles","loading","empty","
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","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 React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\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 render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size=\"xs\" theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -1,126 +1,84 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
-
|
|
5
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
-
|
|
14
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
|
-
|
|
18
12
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
14
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
27
|
-
|
|
28
17
|
var _react = _interopRequireDefault(require("react"));
|
|
29
|
-
|
|
30
18
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
31
|
-
|
|
32
19
|
var _flexBox = require("@semcore/flex-box");
|
|
33
|
-
|
|
34
20
|
var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
|
|
35
|
-
|
|
36
21
|
var _dot = _interopRequireDefault(require("@semcore/dot"));
|
|
37
|
-
|
|
38
22
|
var _m = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
39
|
-
|
|
40
23
|
var _m2 = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
41
|
-
|
|
42
24
|
var _assignProps3 = require("@semcore/utils/lib/assignProps");
|
|
43
|
-
|
|
44
25
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
45
|
-
|
|
46
26
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
47
|
-
|
|
48
27
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
49
|
-
|
|
50
28
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
51
|
-
|
|
52
29
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
53
|
-
|
|
54
30
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
55
|
-
var style = (
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
"
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
,
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
"
|
|
70
|
-
"_state_normal": "_state_normal_jc8cc_gg_",
|
|
71
|
-
"_state_valid": "_state_valid_jc8cc_gg_",
|
|
72
|
-
"_state_invalid": "_state_invalid_jc8cc_gg_",
|
|
73
|
-
"__SFilterTrigger": "___SFilterTrigger_jc8cc_gg_",
|
|
74
|
-
"_selected": "__selected_jc8cc_gg_",
|
|
75
|
-
"__SWrapper": "___SWrapper_jc8cc_gg_",
|
|
76
|
-
"_keyboardFocused": "__keyboardFocused_jc8cc_gg_",
|
|
77
|
-
"__SCounter": "___SCounter_jc8cc_gg_"
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonTrigger_1mpej_gg_{border:1px solid var(--intergalactic-border-primary, #c4c7cf);background:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23)}.___SButtonTrigger_1mpej_gg_::-moz-focus-inner{border:0;padding:0}.___SButtonTrigger_1mpej_gg_:active,.___SButtonTrigger_1mpej_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButtonTrigger_1mpej_gg_:hover{outline:0;text-decoration:none}}.___SButtonTrigger_1mpej_gg_.__active_1mpej_gg_,.___SButtonTrigger_1mpej_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}@media (hover:hover){.___SButtonTrigger_1mpej_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}}.___SButtonTrigger_1mpej_gg_._size_m_1mpej_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButtonTrigger_1mpej_gg_._size_l_1mpej_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SText_1mpej_gg_.__placeholder_1mpej_gg_{color:var(--intergalactic-text-placeholder, #a9abb6)}.___SButtonTrigger_1mpej_gg_._state_normal_1mpej_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButtonTrigger_1mpej_gg_._state_valid_1mpej_gg_{border-color:var(--intergalactic-border-success, #59ddaa)}.___SButtonTrigger_1mpej_gg_._state_invalid_1mpej_gg_{border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SFilterTrigger_1mpej_gg_.__selected_1mpej_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SFilterTrigger_1mpej_gg_.__selected_1mpej_gg_.__active_1mpej_gg_{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}@media (hover:hover){.___SFilterTrigger_1mpej_gg_.__selected_1mpej_gg_:hover{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}}.___SWrapper_1mpej_gg_{display:inline-flex}.___SWrapper_1mpej_gg_:focus{outline:0}.___SWrapper_1mpej_gg_.__keyboardFocused_1mpej_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCounter_1mpej_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1mpej_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SButtonTrigger": "___SButtonTrigger_1mpej_gg_",
|
|
33
|
+
"_active": "__active_1mpej_gg_",
|
|
34
|
+
"_size_m": "_size_m_1mpej_gg_",
|
|
35
|
+
"_size_l": "_size_l_1mpej_gg_",
|
|
36
|
+
"__SText": "___SText_1mpej_gg_",
|
|
37
|
+
"_placeholder": "__placeholder_1mpej_gg_",
|
|
38
|
+
"_state_normal": "_state_normal_1mpej_gg_",
|
|
39
|
+
"_state_valid": "_state_valid_1mpej_gg_",
|
|
40
|
+
"_state_invalid": "_state_invalid_1mpej_gg_",
|
|
41
|
+
"__SFilterTrigger": "___SFilterTrigger_1mpej_gg_",
|
|
42
|
+
"_selected": "__selected_1mpej_gg_",
|
|
43
|
+
"__SWrapper": "___SWrapper_1mpej_gg_",
|
|
44
|
+
"_keyboardFocused": "__keyboardFocused_1mpej_gg_",
|
|
45
|
+
"__SCounter": "___SCounter_1mpej_gg_"
|
|
78
46
|
});
|
|
79
|
-
|
|
80
47
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
81
48
|
(0, _inherits2["default"])(RootFilterTrigger, _Component);
|
|
82
|
-
|
|
83
49
|
var _super = (0, _createSuper2["default"])(RootFilterTrigger);
|
|
84
|
-
|
|
85
50
|
function RootFilterTrigger() {
|
|
86
51
|
var _this;
|
|
87
|
-
|
|
88
52
|
(0, _classCallCheck2["default"])(this, RootFilterTrigger);
|
|
89
|
-
|
|
90
53
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
91
54
|
args[_key] = arguments[_key];
|
|
92
55
|
}
|
|
93
|
-
|
|
94
56
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
95
57
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleStopPropagation", function (e) {
|
|
96
58
|
return e.stopPropagation();
|
|
97
59
|
});
|
|
98
60
|
return _this;
|
|
99
61
|
}
|
|
100
|
-
|
|
101
62
|
(0, _createClass2["default"])(RootFilterTrigger, [{
|
|
102
63
|
key: "render",
|
|
103
64
|
value: function render() {
|
|
104
65
|
var _ref = this.asProps,
|
|
105
|
-
|
|
106
|
-
|
|
66
|
+
_ref3;
|
|
107
67
|
var SWrapper = _flexBox.Box;
|
|
108
68
|
var SFilterTrigger = _BaseTrigger["default"];
|
|
109
69
|
var _this$asProps = this.asProps,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
70
|
+
Children = _this$asProps.Children,
|
|
71
|
+
styles = _this$asProps.styles,
|
|
72
|
+
empty = _this$asProps.empty,
|
|
73
|
+
onClear = _this$asProps.onClear,
|
|
74
|
+
size = _this$asProps.size,
|
|
75
|
+
placeholder = _this$asProps.placeholder,
|
|
76
|
+
active = _this$asProps.active,
|
|
77
|
+
disabled = _this$asProps.disabled,
|
|
78
|
+
getI18nText = _this$asProps.getI18nText;
|
|
120
79
|
if (this.asProps.role === 'button') {
|
|
121
80
|
this.asProps.role = 'group';
|
|
122
81
|
}
|
|
123
|
-
|
|
124
82
|
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref3.cn("SWrapper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
125
83
|
"aria-label": getI18nText('filter')
|
|
126
84
|
}, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
@@ -149,7 +107,6 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
149
107
|
}]);
|
|
150
108
|
return RootFilterTrigger;
|
|
151
109
|
}(_core.Component);
|
|
152
|
-
|
|
153
110
|
(0, _defineProperty2["default"])(RootFilterTrigger, "displayName", 'FilterTrigger');
|
|
154
111
|
(0, _defineProperty2["default"])(RootFilterTrigger, "style", style);
|
|
155
112
|
(0, _defineProperty2["default"])(RootFilterTrigger, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _useCssVariable.cssVariableEnhance)({
|
|
@@ -165,17 +122,14 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
165
122
|
i18n: _intergalacticDynamicLocales.localizedMessages,
|
|
166
123
|
locale: 'en'
|
|
167
124
|
});
|
|
168
|
-
|
|
169
125
|
function Counter(props) {
|
|
170
126
|
var _ref2 = arguments[0],
|
|
171
|
-
|
|
172
|
-
|
|
127
|
+
_ref4;
|
|
173
128
|
var SCounter = _BaseTrigger["default"].Addon;
|
|
174
129
|
return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref4.cn("SCounter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
175
130
|
"tag": _dot["default"]
|
|
176
131
|
}, _ref2))));
|
|
177
132
|
}
|
|
178
|
-
|
|
179
133
|
var FilterTrigger = (0, _core["default"])(RootFilterTrigger, {
|
|
180
134
|
Text: _BaseTrigger["default"].Text,
|
|
181
135
|
Addon: _BaseTrigger["default"].Addon,
|