@semcore/base-trigger 16.5.0 → 16.5.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 +1 -1
- package/lib/cjs/BaseTrigger.js +35 -49
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +4 -5
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +39 -48
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +66 -27
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/style/base-trigger.shadow.css +4 -4
- package/lib/cjs/style/filter-trigger.shadow.css +5 -1
- package/lib/cjs/style/link-trigger.shadow.css +96 -0
- package/lib/es6/BaseTrigger.js +31 -45
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +4 -5
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +36 -45
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +71 -29
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/style/base-trigger.shadow.css +4 -4
- package/lib/es6/style/filter-trigger.shadow.css +5 -1
- package/lib/es6/style/link-trigger.shadow.css +96 -0
- package/lib/esm/BaseTrigger.mjs +33 -44
- package/lib/esm/ButtonTrigger.mjs +7 -7
- package/lib/esm/FilterTrigger.mjs +25 -30
- package/lib/esm/LinkTrigger.mjs +64 -25
- package/lib/esm/style/base-trigger.shadow.css +4 -4
- package/lib/esm/style/filter-trigger.shadow.css +5 -1
- package/lib/esm/style/link-trigger.shadow.css +96 -0
- package/lib/types/index.d.ts +24 -14
- package/package.json +8 -8
package/CHANGELOG.md
CHANGED
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -12,43 +12,38 @@ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSup
|
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
14
|
var _core = require("@semcore/core");
|
|
15
|
-
var _baseComponents = require("@semcore/base-components");
|
|
16
15
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
|
|
17
16
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
|
|
17
|
+
var _logger = _interopRequireDefault(require("@semcore/core/lib/utils/logger"));
|
|
18
18
|
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
19
|
-
var
|
|
19
|
+
var _flexBox = require("@semcore/flex-box");
|
|
20
|
+
var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
|
|
20
21
|
var _react = _interopRequireDefault(require("react"));
|
|
21
22
|
/*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
23
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_ffk25_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, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_ffk25_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_ffk25_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_ffk25_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_ffk25_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_ffk25_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_ffk25_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419))}@media (hover:hover){.___SBaseTrigger_ffk25_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_ffk25_gg_.__active_ffk25_gg_,.___SBaseTrigger_ffk25_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_ffk25_gg_.__disabled_ffk25_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_ffk25_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_ffk25_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_ffk25_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_ffk25_gg_{width:12px;height:12px}.___SBaseTrigger_ffk25_gg_._size_m_ffk25_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_ffk25_gg_._size_m_ffk25_gg_ .___SAddon_ffk25_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ffk25_gg_._size_m_ffk25_gg_ .___SAddon_ffk25_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ffk25_gg_._size_l_ffk25_gg_ .___SAddon_ffk25_gg_:only-child,.___SBaseTrigger_ffk25_gg_._size_m_ffk25_gg_ .___SAddon_ffk25_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_ffk25_gg_._size_l_ffk25_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_ffk25_gg_._size_l_ffk25_gg_ .___SAddon_ffk25_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ffk25_gg_._size_l_ffk25_gg_ .___SAddon_ffk25_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_ffk25_gg_._neighborLocation_right_ffk25_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_ffk25_gg_._neighborLocation_both_ffk25_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_ffk25_gg_._neighborLocation_left_ffk25_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_ffk25_gg_._neighborLocation_left_ffk25_gg_.__disabled_ffk25_gg_{border-left:none;margin-left:0}.___SText_ffk25_gg_.__display-placeholder_ffk25_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_ffk25_gg_._state_valid_ffk25_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_ffk25_gg_._state_valid_ffk25_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_ffk25_gg_._state_valid_ffk25_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_ffk25_gg_._state_invalid_ffk25_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_ffk25_gg_._state_invalid_ffk25_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_ffk25_gg_._state_invalid_ffk25_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_ffk25_gg_._state_invalid_ffk25_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 2, 7, 0.652))}.___SInvalidPattern_ffk25_gg_._size_m_ffk25_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_ffk25_gg_._size_l_ffk25_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"ffk25_gg_"),
|
|
23
24
|
/*__reshadow_css_end__*/
|
|
24
25
|
{
|
|
25
|
-
"__SBaseTrigger": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"__SInner": "
|
|
28
|
-
"__SText": "
|
|
29
|
-
"__SAddon": "
|
|
30
|
-
"__SBaseAddon": "
|
|
31
|
-
"_neighborLocation_right": "
|
|
32
|
-
"_neighborLocation_both": "
|
|
33
|
-
"_display-placeholder": "__display-
|
|
34
|
-
"_state_valid": "
|
|
35
|
-
"__SInvalidPattern": "
|
|
36
|
-
"_size_m": "
|
|
37
|
-
"_size_l": "
|
|
38
|
-
"_active": "
|
|
39
|
-
"_neighborLocation_left": "
|
|
40
|
-
"_state_invalid": "
|
|
26
|
+
"__SBaseTrigger": "___SBaseTrigger_ffk25_gg_",
|
|
27
|
+
"_disabled": "__disabled_ffk25_gg_",
|
|
28
|
+
"__SInner": "___SInner_ffk25_gg_",
|
|
29
|
+
"__SText": "___SText_ffk25_gg_",
|
|
30
|
+
"__SAddon": "___SAddon_ffk25_gg_",
|
|
31
|
+
"__SBaseAddon": "___SBaseAddon_ffk25_gg_",
|
|
32
|
+
"_neighborLocation_right": "_neighborLocation_right_ffk25_gg_",
|
|
33
|
+
"_neighborLocation_both": "_neighborLocation_both_ffk25_gg_",
|
|
34
|
+
"_display-placeholder": "__display-placeholder_ffk25_gg_",
|
|
35
|
+
"_state_valid": "_state_valid_ffk25_gg_",
|
|
36
|
+
"__SInvalidPattern": "___SInvalidPattern_ffk25_gg_",
|
|
37
|
+
"_size_m": "_size_m_ffk25_gg_",
|
|
38
|
+
"_size_l": "_size_l_ffk25_gg_",
|
|
39
|
+
"_active": "__active_ffk25_gg_",
|
|
40
|
+
"_neighborLocation_left": "_neighborLocation_left_ffk25_gg_",
|
|
41
|
+
"_state_invalid": "_state_invalid_ffk25_gg_"
|
|
41
42
|
});
|
|
42
43
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
43
44
|
function RootBaseTrigger() {
|
|
44
|
-
var _this;
|
|
45
45
|
(0, _classCallCheck2["default"])(this, RootBaseTrigger);
|
|
46
|
-
|
|
47
|
-
args[_key] = arguments[_key];
|
|
48
|
-
}
|
|
49
|
-
_this = (0, _callSuper2["default"])(this, RootBaseTrigger, [].concat(args));
|
|
50
|
-
(0, _defineProperty2["default"])(_this, "triggerRef", /*#__PURE__*/_react["default"].createRef());
|
|
51
|
-
return _this;
|
|
46
|
+
return (0, _callSuper2["default"])(this, RootBaseTrigger, arguments);
|
|
52
47
|
}
|
|
53
48
|
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
|
54
49
|
return (0, _createClass2["default"])(RootBaseTrigger, [{
|
|
@@ -59,18 +54,17 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
59
54
|
empty = _this$asProps.empty;
|
|
60
55
|
return {
|
|
61
56
|
placeholder: placeholder,
|
|
62
|
-
empty: empty
|
|
63
|
-
triggerRef: this.triggerRef
|
|
57
|
+
empty: empty
|
|
64
58
|
};
|
|
65
59
|
}
|
|
66
60
|
}, {
|
|
67
61
|
key: "render",
|
|
68
62
|
value: function render() {
|
|
69
63
|
var _ref = this.asProps,
|
|
70
|
-
|
|
71
|
-
var SBaseTrigger =
|
|
64
|
+
_this = this;
|
|
65
|
+
var SBaseTrigger = _flexBox.Box;
|
|
72
66
|
var SInner = 'span';
|
|
73
|
-
var SInvalidPattern =
|
|
67
|
+
var SInvalidPattern = _flexBox.InvalidStateBox;
|
|
74
68
|
var _this$asProps2 = this.asProps,
|
|
75
69
|
Children = _this$asProps2.Children,
|
|
76
70
|
styles = _this$asProps2.styles,
|
|
@@ -79,9 +73,10 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
79
73
|
empty = _this$asProps2.empty,
|
|
80
74
|
state = _this$asProps2.state,
|
|
81
75
|
size = _this$asProps2.size;
|
|
76
|
+
_logger["default"].warn(theme !== undefined, 'The \'theme\' property is deprecated, use \'state\'', this.asProps['data-ui-name'] || BaseTrigger.displayName);
|
|
82
77
|
|
|
83
78
|
// TODO: add aria
|
|
84
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
79
|
+
return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
|
|
85
80
|
neighborLocation: neighborLocation
|
|
86
81
|
}, function (neighborLocation) {
|
|
87
82
|
var _ref4;
|
|
@@ -90,12 +85,11 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
90
85
|
"type": 'button',
|
|
91
86
|
"tabIndex": 0,
|
|
92
87
|
"neighborLocation": neighborLocation,
|
|
93
|
-
"state": theme
|
|
94
|
-
"ref": _this2.triggerRef
|
|
88
|
+
"state": theme
|
|
95
89
|
}, _ref))), state === 'invalid' && /*#__PURE__*/_react["default"].createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
|
|
96
90
|
"size": size
|
|
97
91
|
})), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {
|
|
98
|
-
"data-ui-name": "".concat(
|
|
92
|
+
"data-ui-name": "".concat(_this.asProps['data-ui-name'], ".InnerTriggerWrapper")
|
|
99
93
|
}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
|
|
100
94
|
});
|
|
101
95
|
}
|
|
@@ -119,28 +113,20 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
119
113
|
function Text(props) {
|
|
120
114
|
var _ref2 = arguments[0],
|
|
121
115
|
_ref5;
|
|
122
|
-
var SText =
|
|
123
|
-
var textRef = _react["default"].useRef();
|
|
116
|
+
var SText = _flexBox.Box;
|
|
124
117
|
var children = props.children,
|
|
125
118
|
styles = props.styles,
|
|
126
119
|
empty = props.empty,
|
|
127
|
-
placeholder = props.placeholder
|
|
128
|
-
|
|
129
|
-
_props$ellipsis = props.ellipsis,
|
|
130
|
-
ellipsis = _props$ellipsis === void 0 ? false : _props$ellipsis;
|
|
131
|
-
var content = empty ? placeholder : children;
|
|
132
|
-
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
120
|
+
placeholder = props.placeholder;
|
|
121
|
+
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
133
122
|
"display-placeholder": empty,
|
|
134
|
-
"aria-hidden": empty
|
|
135
|
-
|
|
136
|
-
"ellipsis": ellipsis,
|
|
137
|
-
"hint:triggerRef": triggerRef
|
|
138
|
-
}, _ref2))), content));
|
|
123
|
+
"aria-hidden": empty
|
|
124
|
+
}, _ref2))), empty ? placeholder : children);
|
|
139
125
|
}
|
|
140
126
|
function Addon(props) {
|
|
141
127
|
var _ref3 = arguments[0],
|
|
142
128
|
_ref6;
|
|
143
|
-
var SAddon =
|
|
129
|
+
var SAddon = _flexBox.Box;
|
|
144
130
|
var styles = props.styles;
|
|
145
131
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
146
132
|
}
|
|
@@ -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","style","sstyled","insert","RootBaseTrigger","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_this","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","concat","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 data-ui-name={`${this.asProps['data-ui-name']}.InnerTriggerWrapper`}>\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
|
@@ -19,11 +19,11 @@ var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
|
19
19
|
var _react = _interopRequireDefault(require("react"));
|
|
20
20
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
21
21
|
/*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
22
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_1d85s_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1d85s_gg_{fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}", /*__inner_css_end__*/"1d85s_gg_"),
|
|
23
23
|
/*__reshadow_css_end__*/
|
|
24
24
|
{
|
|
25
|
-
"__SButtonAddon": "
|
|
26
|
-
"__SButtonTriggerSpin": "
|
|
25
|
+
"__SButtonAddon": "___SButtonAddon_1d85s_gg_",
|
|
26
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1d85s_gg_"
|
|
27
27
|
});
|
|
28
28
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
29
29
|
function RootButtonTrigger() {
|
|
@@ -56,11 +56,10 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
56
56
|
Children = _this$asProps.Children,
|
|
57
57
|
styles = _this$asProps.styles,
|
|
58
58
|
loading = _this$asProps.loading,
|
|
59
|
-
disabled = _this$asProps.disabled,
|
|
60
59
|
chevron = _this$asProps.chevron,
|
|
61
60
|
empty = _this$asProps.empty;
|
|
62
61
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({
|
|
63
|
-
"
|
|
62
|
+
"tabIndex": loading ? -1 : 0
|
|
64
63
|
}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
65
64
|
"size": 'xs',
|
|
66
65
|
"theme": false
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","style","sstyled","insert","RootButtonTrigger","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","style","sstyled","insert","RootButtonTrigger","_Component","_classCallCheck2","_callSuper2","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
|
@@ -16,31 +16,35 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
|
|
|
16
16
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
17
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
18
18
|
var _core = require("@semcore/core");
|
|
19
|
-
var _baseComponents = require("@semcore/base-components");
|
|
20
19
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
|
|
21
20
|
var _assignProps5 = require("@semcore/core/lib/utils/assignProps");
|
|
22
21
|
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
|
|
23
22
|
var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
|
|
24
23
|
var _findComponent = require("@semcore/core/lib/utils/findComponent");
|
|
25
24
|
var _inputProps = _interopRequireWildcard(require("@semcore/core/lib/utils/inputProps"));
|
|
25
|
+
var _ScreenReaderOnly = require("@semcore/core/lib/utils/ScreenReaderOnly");
|
|
26
26
|
var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
|
|
27
27
|
var _useFocusLock = require("@semcore/core/lib/utils/use/useFocusLock");
|
|
28
28
|
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
29
|
-
var
|
|
29
|
+
var _dot = _interopRequireDefault(require("@semcore/dot"));
|
|
30
|
+
var _flexBox = require("@semcore/flex-box");
|
|
30
31
|
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
31
32
|
var _m2 = _interopRequireDefault(require("@semcore/icon/Close/m"));
|
|
33
|
+
var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
|
|
34
|
+
var _tooltip = require("@semcore/tooltip");
|
|
32
35
|
var _react = _interopRequireDefault(require("react"));
|
|
33
36
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
34
37
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
35
38
|
var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
|
|
36
39
|
/*!__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
37
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
40
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFilterTrigger_paxe8_gg_.__selected_paxe8_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_paxe8_gg_.__selected_paxe8_gg_{background-color:var(--intergalactic-control-secondary-info, rgba(0, 81, 255, 0.039))}@media (color-gamut:p3){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_{background-color:var(--intergalactic-control-secondary-info, color(display-p3 0.12567 0.31309 0.96324 / 0.039))}}}@media (hover:hover){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_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_paxe8_gg_.__selected_paxe8_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 80, 255, 0.077))}@media (color-gamut:p3){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, color(display-p3 0.12402 0.30857 0.96259 / 0.077))}}}}.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_.__active_paxe8_gg_,.___SFilterTrigger_paxe8_gg_.__selected_paxe8_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_paxe8_gg_.__selected_paxe8_gg_.__active_paxe8_gg_,.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(1, 79, 255, 0.116))}@media (color-gamut:p3){.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_.__active_paxe8_gg_,.___SFilterTrigger_paxe8_gg_.__selected_paxe8_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, color(display-p3 0.12361 0.30547 0.96332 / 0.116))}}}.___SWrapper_paxe8_gg_{display:inline-flex}.___SWrapper_paxe8_gg_:focus{outline:0}.___SCounter_paxe8_gg_{background-color:var(--intergalactic-bg-primary-info, rgb(118, 128, 231))}", /*__inner_css_end__*/"paxe8_gg_"),
|
|
38
41
|
/*__reshadow_css_end__*/
|
|
39
42
|
{
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"
|
|
43
|
-
"
|
|
43
|
+
"__SCounter": "___SCounter_paxe8_gg_",
|
|
44
|
+
"__SFilterTrigger": "___SFilterTrigger_paxe8_gg_",
|
|
45
|
+
"_selected": "__selected_paxe8_gg_",
|
|
46
|
+
"_active": "__active_paxe8_gg_",
|
|
47
|
+
"__SWrapper": "___SWrapper_paxe8_gg_"
|
|
44
48
|
});
|
|
45
49
|
var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
|
|
46
50
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -110,12 +114,9 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
110
114
|
}, {
|
|
111
115
|
key: "getCounterProps",
|
|
112
116
|
value: function getCounterProps() {
|
|
113
|
-
var
|
|
114
|
-
getI18nText = _this$asProps3.getI18nText,
|
|
115
|
-
size = _this$asProps3.size;
|
|
117
|
+
var getI18nText = this.asProps.getI18nText;
|
|
116
118
|
return {
|
|
117
|
-
getI18nText: getI18nText
|
|
118
|
-
size: size
|
|
119
|
+
getI18nText: getI18nText
|
|
119
120
|
};
|
|
120
121
|
}
|
|
121
122
|
}, {
|
|
@@ -123,13 +124,13 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
123
124
|
value: function render() {
|
|
124
125
|
var _ref = this.asProps,
|
|
125
126
|
_ref5;
|
|
126
|
-
var SWrapper =
|
|
127
|
-
var _this$
|
|
128
|
-
Children = _this$
|
|
129
|
-
styles = _this$
|
|
130
|
-
getI18nText = _this$
|
|
131
|
-
empty = _this$
|
|
132
|
-
forcedAdvancedMode = _this$
|
|
127
|
+
var SWrapper = _flexBox.Box;
|
|
128
|
+
var _this$asProps3 = this.asProps,
|
|
129
|
+
Children = _this$asProps3.Children,
|
|
130
|
+
styles = _this$asProps3.styles,
|
|
131
|
+
getI18nText = _this$asProps3.getI18nText,
|
|
132
|
+
empty = _this$asProps3.empty,
|
|
133
|
+
forcedAdvancedMode = _this$asProps3.forcedAdvancedMode;
|
|
133
134
|
var advancedMode = forcedAdvancedMode || (0, _findComponent.isAdvanceMode)(Children, [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName], true);
|
|
134
135
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref5.cn("SWrapper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
135
136
|
"aria-label": getI18nText('filter'),
|
|
@@ -143,7 +144,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
143
144
|
"use:aria-activedescendant": undefined,
|
|
144
145
|
"use:aria-label": undefined,
|
|
145
146
|
"use:aria-labelledby": undefined
|
|
146
|
-
}, _ref))), /*#__PURE__*/_react["default"].createElement(
|
|
147
|
+
}, _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))));
|
|
147
148
|
}
|
|
148
149
|
}]);
|
|
149
150
|
}(_core.Component);
|
|
@@ -179,11 +180,11 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
|
|
|
179
180
|
var _ref2 = this.asProps,
|
|
180
181
|
_ref6;
|
|
181
182
|
var SFilterTrigger = _BaseTrigger["default"];
|
|
182
|
-
var _this$
|
|
183
|
-
Children = _this$
|
|
184
|
-
styles = _this$
|
|
185
|
-
empty = _this$
|
|
186
|
-
triggerRef = _this$
|
|
183
|
+
var _this$asProps4 = this.asProps,
|
|
184
|
+
Children = _this$asProps4.Children,
|
|
185
|
+
styles = _this$asProps4.styles,
|
|
186
|
+
empty = _this$asProps4.empty,
|
|
187
|
+
triggerRef = _this$asProps4.triggerRef;
|
|
187
188
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref6.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
188
189
|
"use:role": 'combobox',
|
|
189
190
|
"w": '100%',
|
|
@@ -201,14 +202,8 @@ var TriggerButton = /*#__PURE__*/function (_Component2) {
|
|
|
201
202
|
(0, _defineProperty2["default"])(TriggerButton, "style", style);
|
|
202
203
|
var ClearButton = /*#__PURE__*/function (_Component3) {
|
|
203
204
|
function ClearButton() {
|
|
204
|
-
var _this2;
|
|
205
205
|
(0, _classCallCheck2["default"])(this, ClearButton);
|
|
206
|
-
|
|
207
|
-
args[_key2] = arguments[_key2];
|
|
208
|
-
}
|
|
209
|
-
_this2 = (0, _callSuper2["default"])(this, ClearButton, [].concat(args));
|
|
210
|
-
(0, _defineProperty2["default"])(_this2, "triggerRef", /*#__PURE__*/_react["default"].createRef());
|
|
211
|
-
return _this2;
|
|
206
|
+
return (0, _callSuper2["default"])(this, ClearButton, arguments);
|
|
212
207
|
}
|
|
213
208
|
(0, _inherits2["default"])(ClearButton, _Component3);
|
|
214
209
|
return (0, _createClass2["default"])(ClearButton, [{
|
|
@@ -219,17 +214,16 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
|
|
|
219
214
|
_ref9,
|
|
220
215
|
_ref0;
|
|
221
216
|
var SFilterTrigger = _BaseTrigger["default"];
|
|
222
|
-
var _this$
|
|
223
|
-
styles = _this$
|
|
224
|
-
empty = _this$
|
|
225
|
-
size = _this$
|
|
226
|
-
disabled = _this$
|
|
227
|
-
getI18nText = _this$
|
|
228
|
-
ariaLabel = _this$
|
|
229
|
-
title = _this$
|
|
217
|
+
var _this$asProps5 = this.asProps,
|
|
218
|
+
styles = _this$asProps5.styles,
|
|
219
|
+
empty = _this$asProps5.empty,
|
|
220
|
+
size = _this$asProps5.size,
|
|
221
|
+
disabled = _this$asProps5.disabled,
|
|
222
|
+
getI18nText = _this$asProps5.getI18nText,
|
|
223
|
+
ariaLabel = _this$asProps5['aria-label'],
|
|
224
|
+
title = _this$asProps5.title;
|
|
230
225
|
if (empty) return null;
|
|
231
|
-
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].
|
|
232
|
-
"ref": this.triggerRef,
|
|
226
|
+
return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint, _ref7.cn("Hint", {}), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint.Trigger, null, /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref7.cn("SFilterTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
233
227
|
"size": size,
|
|
234
228
|
"empty": empty,
|
|
235
229
|
"selected": true,
|
|
@@ -238,9 +232,7 @@ var ClearButton = /*#__PURE__*/function (_Component3) {
|
|
|
238
232
|
"__excludeProps": ['title']
|
|
239
233
|
}, _ref3))), /*#__PURE__*/_react["default"].createElement(FilterTrigger.Addon, {
|
|
240
234
|
tag: _m2["default"]
|
|
241
|
-
})), /*#__PURE__*/_react["default"].createElement(
|
|
242
|
-
"triggerRef": this.triggerRef
|
|
243
|
-
}), (_ref0 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref0 !== void 0 ? _ref0 : getI18nText('clear')));
|
|
235
|
+
}))), /*#__PURE__*/_react["default"].createElement(_tooltip.Hint.Popper, null, (_ref0 = title !== null && title !== void 0 ? title : ariaLabel) !== null && _ref0 !== void 0 ? _ref0 : getI18nText('clear')));
|
|
244
236
|
}
|
|
245
237
|
}]);
|
|
246
238
|
}(_core.Component);
|
|
@@ -255,9 +247,8 @@ function Counter(_ref1) {
|
|
|
255
247
|
getI18nText = _ref1.getI18nText;
|
|
256
248
|
var SCounter = _BaseTrigger["default"].Addon;
|
|
257
249
|
return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref8.cn("SCounter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
258
|
-
"tag":
|
|
259
|
-
|
|
260
|
-
}, _ref4))), count !== undefined ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, count, /*#__PURE__*/_react["default"].createElement(_baseComponents.ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label'))) : /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
|
|
250
|
+
"tag": _dot["default"]
|
|
251
|
+
}, _ref4))), count !== undefined ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, count, /*#__PURE__*/_react["default"].createElement(_ScreenReaderOnly.ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label'))) : /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {})));
|
|
261
252
|
}
|
|
262
253
|
var FilterTrigger = (0, _core.createComponent)(RootFilterTrigger, {
|
|
263
254
|
Text: _BaseTrigger["default"].Text,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_assignProps5","_animatedSizeEnhance","_i18nEnhance","_findComponent","_inputProps","_interopRequireWildcard","_uniqueID","_useFocusLock","_useCssVariable","_counter","_m","_m2","_react","_BaseTrigger","_intergalacticDynamicLocales","_excluded","style","sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray2","inputProps","RootFilterTrigger","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","_defineProperty2","e","key","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","_inherits2","_createClass2","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","_dataUiName","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","_objectSpread2","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","_this$asProps3","render","_ref","_ref5","SWrapper","Box","_this$asProps4","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","NeighborLocation","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_Component2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps5","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_this2","_len2","_key2","_ref3","_ref7","_ref9","_ref0","_this$asProps6","ariaLabel","title","Close","Hint","_ref1","_ref4","arguments[0]","_ref8","count","SCounter","SemcoreCounter","ScreenReaderOnly","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, ScreenReaderOnly, Hint } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { default as SemcoreCounter } from '@semcore/counter';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Close from '@semcore/icon/Close/m';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\nimport style from './style/filter-trigger.shadow.css';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => {\n if (e.key === 'Escape') return;\n\n e.stopPropagation();\n };\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': _dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText, size } = this.asProps;\n\n return {\n getI18nText,\n size,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode\n ? (\n <Children />\n )\n : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n use:role='combobox'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n triggerRef = React.createRef();\n\n render() {\n const SFilterTrigger = Root;\n const {\n styles,\n empty,\n size,\n disabled,\n getI18nText,\n 'aria-label': ariaLabel,\n title,\n } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <>\n <SFilterTrigger\n ref={this.triggerRef}\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={title ?? ariaLabel ?? getI18nText('clear')}\n __excludeProps={['title']}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n\n <Hint triggerRef={this.triggerRef}>{title ?? ariaLabel ?? getI18nText('clear')}</Hint>\n </>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={SemcoreCounter} theme='info'>\n {count !== undefined\n ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n )\n : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_assignProps5","_animatedSizeEnhance","_i18nEnhance","_findComponent","_inputProps","_interopRequireWildcard","_ScreenReaderOnly","_uniqueID","_useFocusLock","_useCssVariable","_dot","_flexBox","_m","_m2","_neighborLocation","_tooltip","_react","_BaseTrigger","_intergalacticDynamicLocales","_excluded","style","sstyled","insert","filterTriggerInputProps","concat","_toConsumableArray2","inputProps","RootFilterTrigger","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","_defineProperty2","e","key","stopPropagation","requestAnimationFrame","setFocus","asProps","triggerRef","current","_inherits2","_createClass2","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","_dataUiName","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","_objectSpread2","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","callAllEventHandlers","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","Box","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","assignProps","undefined","Fragment","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","uniqueIDEnhancement","i18n","locale","React","createRef","role","_Component2","_ref2","_ref6","SFilterTrigger","BaseTrigger","_this$asProps4","addonTextChildren","Text","Addon","Counter","tag","ChevronDown","_Component3","_ref3","_ref7","_ref9","_ref0","_this$asProps5","ariaLabel","title","Hint","Trigger","Close","Popper","_ref1","_ref4","arguments[0]","_ref8","count","SCounter","Dot","ScreenReaderOnly","createComponent","parent","_default","exports"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import { 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 { ScreenReaderOnly } from '@semcore/core/lib/utils/ScreenReaderOnly';\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 Dot from '@semcore/dot';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Close from '@semcore/icon/Close/m';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport { Hint } from '@semcore/tooltip';\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 } = 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 ? (\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 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 <Hint>\n <Hint.Trigger>\n <SFilterTrigger\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 </Hint.Trigger>\n <Hint.Popper>{title ?? ariaLabel ?? 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 <>\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":[]}
|