@semcore/base-trigger 4.54.0-prerelease.5 → 4.54.0-prerelease.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/BaseTrigger.js +53 -64
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +22 -20
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +85 -90
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +82 -37
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/style/base-trigger.shadow.css +10 -9
- package/lib/cjs/style/filter-trigger.shadow.css +8 -0
- package/lib/cjs/style/link-trigger.shadow.css +104 -0
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +5 -4
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/cjs/translations/de.json +1 -2
- package/lib/cjs/translations/es.json +1 -2
- package/lib/cjs/translations/fr.json +1 -2
- package/lib/cjs/translations/it.json +1 -2
- package/lib/cjs/translations/ja.json +1 -2
- package/lib/cjs/translations/ko.json +1 -2
- package/lib/cjs/translations/nl.json +1 -2
- package/lib/cjs/translations/pl.json +1 -2
- package/lib/cjs/translations/pt.json +1 -2
- package/lib/cjs/translations/sv.json +1 -2
- package/lib/cjs/translations/tr.json +1 -2
- package/lib/cjs/translations/vi.json +1 -2
- package/lib/cjs/translations/zh.json +1 -2
- package/lib/es6/BaseTrigger.js +44 -58
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +17 -18
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +76 -83
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +80 -35
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/index.js.map +1 -1
- package/lib/es6/style/base-trigger.shadow.css +10 -9
- package/lib/es6/style/filter-trigger.shadow.css +8 -0
- package/lib/es6/style/link-trigger.shadow.css +104 -0
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
- package/lib/es6/translations/de.json +1 -2
- package/lib/es6/translations/es.json +1 -2
- package/lib/es6/translations/fr.json +1 -2
- package/lib/es6/translations/it.json +1 -2
- package/lib/es6/translations/ja.json +1 -2
- package/lib/es6/translations/ko.json +1 -2
- package/lib/es6/translations/nl.json +1 -2
- package/lib/es6/translations/pl.json +1 -2
- package/lib/es6/translations/pt.json +1 -2
- package/lib/es6/translations/sv.json +1 -2
- package/lib/es6/translations/tr.json +1 -2
- package/lib/es6/translations/vi.json +1 -2
- package/lib/es6/translations/zh.json +1 -2
- package/lib/esm/BaseTrigger.mjs +49 -58
- package/lib/esm/ButtonTrigger.mjs +21 -20
- package/lib/esm/FilterTrigger.mjs +70 -68
- package/lib/esm/LinkTrigger.mjs +76 -33
- package/lib/esm/style/base-trigger.shadow.css +10 -9
- package/lib/esm/style/filter-trigger.shadow.css +8 -0
- package/lib/esm/style/link-trigger.shadow.css +104 -0
- package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
- package/lib/esm/translations/de.json.mjs +1 -2
- package/lib/esm/translations/es.json.mjs +1 -2
- package/lib/esm/translations/fr.json.mjs +1 -2
- package/lib/esm/translations/it.json.mjs +1 -2
- package/lib/esm/translations/ja.json.mjs +1 -2
- package/lib/esm/translations/ko.json.mjs +1 -2
- package/lib/esm/translations/nl.json.mjs +1 -2
- package/lib/esm/translations/pl.json.mjs +1 -2
- package/lib/esm/translations/pt.json.mjs +1 -2
- package/lib/esm/translations/sv.json.mjs +1 -2
- package/lib/esm/translations/tr.json.mjs +1 -2
- package/lib/esm/translations/vi.json.mjs +1 -2
- package/lib/esm/translations/zh.json.mjs +1 -2
- package/lib/types/index.d.ts +33 -22
- package/package.json +9 -9
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
@@ -8,50 +9,49 @@ exports["default"] = void 0;
|
|
|
8
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
9
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
10
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
|
-
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
13
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
|
|
17
|
-
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
|
|
18
|
-
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
19
|
-
var _typography = require("@semcore/typography");
|
|
15
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
16
|
+
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
20
17
|
var _react = _interopRequireDefault(require("react"));
|
|
18
|
+
var _flexBox = require("@semcore/flex-box");
|
|
19
|
+
var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
|
|
20
|
+
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
21
|
+
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
22
|
+
var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
|
|
23
|
+
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
24
|
+
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
21
25
|
/*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_wi64k_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;outline:0;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_wi64k_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_wi64k_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_wi64k_gg_:active,.___SBaseTrigger_wi64k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_wi64k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@media (hover:hover){.___SBaseTrigger_wi64k_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_wi64k_gg_.__active_wi64k_gg_,.___SBaseTrigger_wi64k_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_wi64k_gg_.__disabled_wi64k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_wi64k_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_wi64k_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_wi64k_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_wi64k_gg_{width:12px;height:12px}.___SBaseTrigger_wi64k_gg_._size_m_wi64k_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_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:only-child,.___SBaseTrigger_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_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_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._neighborLocation_right_wi64k_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_wi64k_gg_._neighborLocation_both_wi64k_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_wi64k_gg_._neighborLocation_left_wi64k_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_wi64k_gg_.__display-placeholder_wi64k_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 2, 7, 0.652))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SInvalidPattern_wi64k_gg_._size_m_wi64k_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_wi64k_gg_._size_l_wi64k_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"wi64k_gg_"),
|
|
23
27
|
/*__reshadow_css_end__*/
|
|
24
28
|
{
|
|
25
|
-
"__SBaseTrigger": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"__SInner": "
|
|
28
|
-
"__SText": "
|
|
29
|
-
"__SAddon": "
|
|
30
|
-
"__SBaseAddon": "
|
|
31
|
-
"_neighborLocation_right": "
|
|
32
|
-
"_neighborLocation_both": "
|
|
33
|
-
"
|
|
34
|
-
"
|
|
35
|
-
"
|
|
36
|
-
"
|
|
37
|
-
"
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
"
|
|
29
|
+
"__SBaseTrigger": "___SBaseTrigger_wi64k_gg_",
|
|
30
|
+
"_disabled": "__disabled_wi64k_gg_",
|
|
31
|
+
"__SInner": "___SInner_wi64k_gg_",
|
|
32
|
+
"__SText": "___SText_wi64k_gg_",
|
|
33
|
+
"__SAddon": "___SAddon_wi64k_gg_",
|
|
34
|
+
"__SBaseAddon": "___SBaseAddon_wi64k_gg_",
|
|
35
|
+
"_neighborLocation_right": "_neighborLocation_right_wi64k_gg_",
|
|
36
|
+
"_neighborLocation_both": "_neighborLocation_both_wi64k_gg_",
|
|
37
|
+
"_neighborLocation_left": "_neighborLocation_left_wi64k_gg_",
|
|
38
|
+
"_display-placeholder": "__display-placeholder_wi64k_gg_",
|
|
39
|
+
"_state_valid": "_state_valid_wi64k_gg_",
|
|
40
|
+
"__SInvalidPattern": "___SInvalidPattern_wi64k_gg_",
|
|
41
|
+
"_size_m": "_size_m_wi64k_gg_",
|
|
42
|
+
"_size_l": "_size_l_wi64k_gg_",
|
|
43
|
+
"_keyboardFocused": "__keyboardFocused_wi64k_gg_",
|
|
44
|
+
"_active": "__active_wi64k_gg_",
|
|
45
|
+
"_state_invalid": "_state_invalid_wi64k_gg_"
|
|
41
46
|
});
|
|
42
47
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
48
|
+
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
|
49
|
+
var _super = (0, _createSuper2["default"])(RootBaseTrigger);
|
|
43
50
|
function RootBaseTrigger() {
|
|
44
|
-
var _this;
|
|
45
51
|
(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;
|
|
52
|
+
return _super.apply(this, arguments);
|
|
52
53
|
}
|
|
53
|
-
(0,
|
|
54
|
-
return (0, _createClass2["default"])(RootBaseTrigger, [{
|
|
54
|
+
(0, _createClass2["default"])(RootBaseTrigger, [{
|
|
55
55
|
key: "getTextProps",
|
|
56
56
|
value: function getTextProps() {
|
|
57
57
|
var _this$asProps = this.asProps,
|
|
@@ -59,18 +59,16 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
59
59
|
empty = _this$asProps.empty;
|
|
60
60
|
return {
|
|
61
61
|
placeholder: placeholder,
|
|
62
|
-
empty: empty
|
|
63
|
-
triggerRef: this.triggerRef
|
|
62
|
+
empty: empty
|
|
64
63
|
};
|
|
65
64
|
}
|
|
66
65
|
}, {
|
|
67
66
|
key: "render",
|
|
68
67
|
value: function render() {
|
|
69
|
-
var _ref = this.asProps
|
|
70
|
-
|
|
71
|
-
var SBaseTrigger = _baseComponents.Box;
|
|
68
|
+
var _ref = this.asProps;
|
|
69
|
+
var SBaseTrigger = _flexBox.Box;
|
|
72
70
|
var SInner = 'span';
|
|
73
|
-
var SInvalidPattern =
|
|
71
|
+
var SInvalidPattern = _flexBox.InvalidStateBox;
|
|
74
72
|
var _this$asProps2 = this.asProps,
|
|
75
73
|
Children = _this$asProps2.Children,
|
|
76
74
|
styles = _this$asProps2.styles,
|
|
@@ -79,30 +77,28 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
79
77
|
empty = _this$asProps2.empty,
|
|
80
78
|
state = _this$asProps2.state,
|
|
81
79
|
size = _this$asProps2.size;
|
|
80
|
+
_logger["default"].warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName);
|
|
82
81
|
|
|
83
82
|
// TODO: add aria
|
|
84
|
-
return /*#__PURE__*/_react["default"].createElement(
|
|
83
|
+
return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
|
|
85
84
|
neighborLocation: neighborLocation
|
|
86
85
|
}, function (neighborLocation) {
|
|
87
86
|
var _ref4;
|
|
88
87
|
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
89
88
|
"tag": 'button',
|
|
90
89
|
"type": 'button',
|
|
91
|
-
"tabIndex": 0,
|
|
92
90
|
"neighborLocation": neighborLocation,
|
|
93
|
-
"state": theme
|
|
94
|
-
"ref": _this2.triggerRef
|
|
91
|
+
"state": theme
|
|
95
92
|
}, _ref))), state === 'invalid' && /*#__PURE__*/_react["default"].createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
|
|
96
93
|
"size": size
|
|
97
|
-
})), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {
|
|
98
|
-
"data-ui-name": "".concat(_this2.asProps['data-ui-name'], ".InnerTriggerWrapper")
|
|
99
|
-
}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
|
|
94
|
+
})), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
|
|
100
95
|
});
|
|
101
96
|
}
|
|
102
97
|
}]);
|
|
98
|
+
return RootBaseTrigger;
|
|
103
99
|
}(_core.Component);
|
|
104
100
|
(0, _defineProperty2["default"])(RootBaseTrigger, "displayName", 'BaseTrigger');
|
|
105
|
-
(0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _useCssVariable.cssVariableEnhance)({
|
|
101
|
+
(0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _useCssVariable.cssVariableEnhance)({
|
|
106
102
|
variable: '--intergalactic-duration-control',
|
|
107
103
|
fallback: '200',
|
|
108
104
|
map: Number.parseInt,
|
|
@@ -119,34 +115,27 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
119
115
|
function Text(props) {
|
|
120
116
|
var _ref2 = arguments[0],
|
|
121
117
|
_ref5;
|
|
122
|
-
var SText =
|
|
123
|
-
var textRef = _react["default"].useRef();
|
|
118
|
+
var SText = _flexBox.Box;
|
|
124
119
|
var children = props.children,
|
|
125
120
|
styles = props.styles,
|
|
126
121
|
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)({
|
|
122
|
+
placeholder = props.placeholder;
|
|
123
|
+
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
133
124
|
"display-placeholder": empty,
|
|
134
|
-
"aria-hidden": empty
|
|
135
|
-
|
|
136
|
-
"ellipsis": ellipsis,
|
|
137
|
-
"hint:triggerRef": triggerRef
|
|
138
|
-
}, _ref2))), content));
|
|
125
|
+
"aria-hidden": empty
|
|
126
|
+
}, _ref2))), empty ? placeholder : children);
|
|
139
127
|
}
|
|
140
128
|
function Addon(props) {
|
|
141
129
|
var _ref3 = arguments[0],
|
|
142
130
|
_ref6;
|
|
143
|
-
var SAddon =
|
|
131
|
+
var SAddon = _flexBox.Box;
|
|
144
132
|
var styles = props.styles;
|
|
145
133
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
146
134
|
}
|
|
147
|
-
var BaseTrigger = (0, _core
|
|
135
|
+
var BaseTrigger = (0, _core["default"])(RootBaseTrigger, {
|
|
148
136
|
Text: Text,
|
|
149
137
|
Addon: Addon
|
|
150
138
|
});
|
|
151
|
-
var _default =
|
|
139
|
+
var _default = BaseTrigger;
|
|
140
|
+
exports["default"] = _default;
|
|
152
141
|
//# sourceMappingURL=BaseTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTrigger.js","names":["_core","
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_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","keyboardFocusEnhance","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 React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } 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 = '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 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 }\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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"}
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -1,37 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports["default"] = void 0;
|
|
8
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
10
|
-
var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
|
|
11
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
12
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
12
13
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
var
|
|
14
|
-
var
|
|
15
|
-
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
|
|
16
|
-
var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
|
|
17
|
-
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
18
|
-
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
14
|
+
var _index = require("@semcore/utils/lib/core/index");
|
|
15
|
+
var _core = _interopRequireWildcard(require("@semcore/core"));
|
|
19
16
|
var _react = _interopRequireDefault(require("react"));
|
|
17
|
+
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
18
|
+
var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
|
|
20
19
|
var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
|
|
20
|
+
var _spin = _interopRequireDefault(require("@semcore/spin"));
|
|
21
|
+
var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
|
|
22
|
+
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
21
23
|
/*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
22
|
-
var style = (/*__reshadow_css_start__*/
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1bty7_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1bty7_gg_{fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}", /*__inner_css_end__*/"1bty7_gg_"),
|
|
23
25
|
/*__reshadow_css_end__*/
|
|
24
26
|
{
|
|
25
|
-
"__SButtonAddon": "
|
|
26
|
-
"__SButtonTriggerSpin": "
|
|
27
|
+
"__SButtonAddon": "___SButtonAddon_1bty7_gg_",
|
|
28
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1bty7_gg_"
|
|
27
29
|
});
|
|
28
30
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
31
|
+
(0, _inherits2["default"])(RootButtonTrigger, _Component);
|
|
32
|
+
var _super = (0, _createSuper2["default"])(RootButtonTrigger);
|
|
29
33
|
function RootButtonTrigger() {
|
|
30
34
|
(0, _classCallCheck2["default"])(this, RootButtonTrigger);
|
|
31
|
-
return (
|
|
35
|
+
return _super.apply(this, arguments);
|
|
32
36
|
}
|
|
33
|
-
(0,
|
|
34
|
-
return (0, _createClass2["default"])(RootButtonTrigger, [{
|
|
37
|
+
(0, _createClass2["default"])(RootButtonTrigger, [{
|
|
35
38
|
key: "getTextProps",
|
|
36
39
|
value: function getTextProps() {
|
|
37
40
|
return {
|
|
@@ -56,17 +59,15 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
56
59
|
Children = _this$asProps.Children,
|
|
57
60
|
styles = _this$asProps.styles,
|
|
58
61
|
loading = _this$asProps.loading,
|
|
59
|
-
disabled = _this$asProps.disabled,
|
|
60
62
|
chevron = _this$asProps.chevron,
|
|
61
63
|
empty = _this$asProps.empty;
|
|
62
|
-
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({
|
|
63
|
-
"use:disabled": disabled || loading
|
|
64
|
-
}, _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", {
|
|
64
|
+
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), (chevron || loading) && /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
65
65
|
"size": 'xs',
|
|
66
66
|
"theme": false
|
|
67
67
|
})) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
|
|
68
68
|
}
|
|
69
69
|
}]);
|
|
70
|
+
return RootButtonTrigger;
|
|
70
71
|
}(_core.Component);
|
|
71
72
|
(0, _defineProperty2["default"])(RootButtonTrigger, "displayName", 'ButtonTrigger');
|
|
72
73
|
(0, _defineProperty2["default"])(RootButtonTrigger, "style", style);
|
|
@@ -82,11 +83,12 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
82
83
|
(0, _defineProperty2["default"])(RootButtonTrigger, "defaultProps", {
|
|
83
84
|
chevron: true
|
|
84
85
|
});
|
|
85
|
-
var ButtonTrigger = (0, _core
|
|
86
|
+
var ButtonTrigger = (0, _core["default"])(RootButtonTrigger, {
|
|
86
87
|
Text: _BaseTrigger["default"].Text,
|
|
87
88
|
Addon: _BaseTrigger["default"].Addon
|
|
88
89
|
}, {
|
|
89
90
|
parent: _BaseTrigger["default"]
|
|
90
91
|
});
|
|
91
|
-
var _default =
|
|
92
|
+
var _default = ButtonTrigger;
|
|
93
|
+
exports["default"] = _default;
|
|
92
94
|
//# sourceMappingURL=ButtonTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["_core","require","
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_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 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 static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\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}>\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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"}
|