@semcore/base-trigger 3.5.1 → 3.5.3
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 +8 -0
- package/lib/cjs/BaseTrigger.js +28 -40
- package/lib/cjs/BaseTrigger.js.map +1 -1
- package/lib/cjs/ButtonTrigger.js +8 -18
- package/lib/cjs/ButtonTrigger.js.map +1 -1
- package/lib/cjs/FilterTrigger.js +24 -36
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +23 -35
- package/lib/cjs/LinkTrigger.js.map +1 -1
- package/lib/es6/BaseTrigger.js +21 -30
- package/lib/es6/BaseTrigger.js.map +1 -1
- package/lib/es6/ButtonTrigger.js +5 -11
- package/lib/es6/ButtonTrigger.js.map +1 -1
- package/lib/es6/FilterTrigger.js +18 -27
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +16 -25
- package/lib/es6/LinkTrigger.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [3.5.3] - 2023-02-24
|
|
6
|
+
|
|
7
|
+
### Changed
|
|
8
|
+
|
|
9
|
+
- Version patch update due to children dependencies update (`@semcore/icon` [3.12.0 ~> 3.13.0]).
|
|
10
|
+
|
|
11
|
+
## [3.5.2] - 2023-02-22
|
|
12
|
+
|
|
5
13
|
## [3.5.1] - 2023-02-21
|
|
6
14
|
|
|
7
15
|
### Changed
|
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
10
|
exports["default"] = void 0;
|
|
11
11
|
|
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
|
|
12
14
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
15
|
|
|
14
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
17
|
|
|
16
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
19
|
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
20
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
21
21
|
|
|
22
22
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
23
|
|
|
@@ -39,51 +39,39 @@ var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/en
|
|
|
39
39
|
|
|
40
40
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
41
41
|
|
|
42
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
43
|
-
|
|
44
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
45
|
-
|
|
46
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
47
|
-
|
|
48
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
49
|
-
|
|
50
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
51
|
-
|
|
52
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
53
|
-
|
|
54
42
|
/*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
55
43
|
var style = (
|
|
56
44
|
/*__reshadow_css_start__*/
|
|
57
45
|
_core.sstyled.insert(
|
|
58
46
|
/*__inner_css_start__*/
|
|
59
|
-
".
|
|
47
|
+
".___SBaseTrigger_1yh3g_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_1yh3g_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1yh3g_gg_:active,.___SBaseTrigger_1yh3g_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1yh3g_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1yh3g_gg_.__keyboardFocused_1yh3g_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_1yh3g_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1yh3g_gg_.__active_1yh3g_gg_,.___SBaseTrigger_1yh3g_gg_:active{background-color:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SBaseTrigger_1yh3g_gg_.__disabled_1yh3g_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBaseTrigger_1yh3g_gg_.__keyboardFocused_1yh3g_gg_{z-index:1}.___SInner_1yh3g_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1yh3g_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_1yh3g_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1yh3g_gg_{width:12px;height:12px}.___SBaseTrigger_1yh3g_gg_._size_m_1yh3g_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_1yh3g_gg_._size_m_1yh3g_gg_ .___SAddon_1yh3g_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1yh3g_gg_._size_m_1yh3g_gg_ .___SAddon_1yh3g_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1yh3g_gg_._size_l_1yh3g_gg_ .___SAddon_1yh3g_gg_:only-child,.___SBaseTrigger_1yh3g_gg_._size_m_1yh3g_gg_ .___SAddon_1yh3g_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1yh3g_gg_._size_l_1yh3g_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_1yh3g_gg_._size_l_1yh3g_gg_ .___SAddon_1yh3g_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1yh3g_gg_._size_l_1yh3g_gg_ .___SAddon_1yh3g_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1yh3g_gg_._neighborLocation_right_1yh3g_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1yh3g_gg_._neighborLocation_both_1yh3g_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1yh3g_gg_._neighborLocation_left_1yh3g_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1yh3g_gg_.__placeholder_1yh3g_gg_{color:var(--intergalactic-text-placeholder, #a9abb6)}.___SBaseTrigger_1yh3g_gg_._state_normal_1yh3g_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1yh3g_gg_._state_valid_1yh3g_gg_{border-color:var(--intergalactic-border-success, #59ddaa)}.___SBaseTrigger_1yh3g_gg_._state_invalid_1yh3g_gg_{border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SBaseTrigger_1yh3g_gg_._state_invalid_1yh3g_gg_.__keyboardFocused_1yh3g_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))}"
|
|
60
48
|
/*__inner_css_end__*/
|
|
61
|
-
, "
|
|
49
|
+
, "1yh3g_gg_")
|
|
62
50
|
/*__reshadow_css_end__*/
|
|
63
51
|
, {
|
|
64
|
-
"__SBaseTrigger": "
|
|
65
|
-
"_keyboardFocused": "
|
|
66
|
-
"_active": "
|
|
67
|
-
"_disabled": "
|
|
68
|
-
"__SInner": "
|
|
69
|
-
"__SText": "
|
|
70
|
-
"__SAddon": "
|
|
71
|
-
"__SBaseAddon": "
|
|
72
|
-
"_size_m": "
|
|
73
|
-
"_size_l": "
|
|
74
|
-
"_neighborLocation_right": "
|
|
75
|
-
"_neighborLocation_both": "
|
|
76
|
-
"_neighborLocation_left": "
|
|
77
|
-
"_placeholder": "
|
|
78
|
-
"_state_normal": "
|
|
79
|
-
"_state_valid": "
|
|
80
|
-
"_state_invalid": "
|
|
52
|
+
"__SBaseTrigger": "___SBaseTrigger_1yh3g_gg_",
|
|
53
|
+
"_keyboardFocused": "__keyboardFocused_1yh3g_gg_",
|
|
54
|
+
"_active": "__active_1yh3g_gg_",
|
|
55
|
+
"_disabled": "__disabled_1yh3g_gg_",
|
|
56
|
+
"__SInner": "___SInner_1yh3g_gg_",
|
|
57
|
+
"__SText": "___SText_1yh3g_gg_",
|
|
58
|
+
"__SAddon": "___SAddon_1yh3g_gg_",
|
|
59
|
+
"__SBaseAddon": "___SBaseAddon_1yh3g_gg_",
|
|
60
|
+
"_size_m": "_size_m_1yh3g_gg_",
|
|
61
|
+
"_size_l": "_size_l_1yh3g_gg_",
|
|
62
|
+
"_neighborLocation_right": "_neighborLocation_right_1yh3g_gg_",
|
|
63
|
+
"_neighborLocation_both": "_neighborLocation_both_1yh3g_gg_",
|
|
64
|
+
"_neighborLocation_left": "_neighborLocation_left_1yh3g_gg_",
|
|
65
|
+
"_placeholder": "__placeholder_1yh3g_gg_",
|
|
66
|
+
"_state_normal": "_state_normal_1yh3g_gg_",
|
|
67
|
+
"_state_valid": "_state_valid_1yh3g_gg_",
|
|
68
|
+
"_state_invalid": "_state_invalid_1yh3g_gg_"
|
|
81
69
|
});
|
|
82
70
|
|
|
83
71
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
84
72
|
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
|
85
73
|
|
|
86
|
-
var _super =
|
|
74
|
+
var _super = (0, _createSuper2["default"])(RootBaseTrigger);
|
|
87
75
|
|
|
88
76
|
function RootBaseTrigger() {
|
|
89
77
|
(0, _classCallCheck2["default"])(this, RootBaseTrigger);
|
|
@@ -122,7 +110,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
|
122
110
|
}, function (neighborLocation) {
|
|
123
111
|
var _ref4;
|
|
124
112
|
|
|
125
|
-
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger",
|
|
113
|
+
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
126
114
|
"neighborLocation": neighborLocation,
|
|
127
115
|
"state": theme
|
|
128
116
|
}, _ref))), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
|
|
@@ -161,7 +149,7 @@ function Text(props) {
|
|
|
161
149
|
/*#__PURE__*/
|
|
162
150
|
|
|
163
151
|
/* "use:" prefix was used for backward compatibility (by lsroman) */
|
|
164
|
-
_react["default"].createElement(SText, _ref5.cn("SText",
|
|
152
|
+
_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
165
153
|
"use:placeholder": empty
|
|
166
154
|
}, _ref2))), empty ? placeholder : children);
|
|
167
155
|
}
|
|
@@ -171,7 +159,7 @@ function Addon(props) {
|
|
|
171
159
|
_ref6;
|
|
172
160
|
|
|
173
161
|
var SAddon = _flexBox.Box;
|
|
174
|
-
return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon",
|
|
162
|
+
return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
175
163
|
}
|
|
176
164
|
|
|
177
165
|
var BaseTrigger = (0, _core["default"])(RootBaseTrigger, {
|
|
@@ -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","sstyled","addonTextChildren","Text","Addon","Component","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","style","size","props","SText","children","SAddon","createComponent"],"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":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","Box","SInner","Children","styles","theme","neighborLocation","logger","warn","undefined","BaseTrigger","displayName","sstyled","addonTextChildren","Text","Addon","Component","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","style","size","props","SText","children","SAddon","createComponent"],"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,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -15,9 +15,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
|
15
15
|
|
|
16
16
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
17
|
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
18
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
21
19
|
|
|
22
20
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
21
|
|
|
@@ -37,32 +35,24 @@ var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/en
|
|
|
37
35
|
|
|
38
36
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
39
37
|
|
|
40
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
41
|
-
|
|
42
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
43
|
-
|
|
44
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
45
|
-
|
|
46
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
47
|
-
|
|
48
38
|
/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
49
39
|
var style = (
|
|
50
40
|
/*__reshadow_css_start__*/
|
|
51
41
|
_core.sstyled.insert(
|
|
52
42
|
/*__inner_css_start__*/
|
|
53
|
-
".
|
|
43
|
+
".___SButtonAddon_1otij_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1otij_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}"
|
|
54
44
|
/*__inner_css_end__*/
|
|
55
|
-
, "
|
|
45
|
+
, "1otij_gg_")
|
|
56
46
|
/*__reshadow_css_end__*/
|
|
57
47
|
, {
|
|
58
|
-
"__SButtonAddon": "
|
|
59
|
-
"__SButtonTriggerSpin": "
|
|
48
|
+
"__SButtonAddon": "___SButtonAddon_1otij_gg_",
|
|
49
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1otij_gg_"
|
|
60
50
|
});
|
|
61
51
|
|
|
62
52
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
63
53
|
(0, _inherits2["default"])(RootButtonTrigger, _Component);
|
|
64
54
|
|
|
65
|
-
var _super =
|
|
55
|
+
var _super = (0, _createSuper2["default"])(RootButtonTrigger);
|
|
66
56
|
|
|
67
57
|
function RootButtonTrigger() {
|
|
68
58
|
(0, _classCallCheck2["default"])(this, RootButtonTrigger);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","asProps","Children","styles","loading","empty","sstyled","BaseTrigger","addonTextChildren","Text","Component","style","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent"],"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":"
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","asProps","Children","styles","loading","empty","sstyled","BaseTrigger","addonTextChildren","Text","Component","style","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent"],"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":";;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;WAgBJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;MACA,IAAMC,kBAAkB,GAAGC,gBAA3B;MACA,oBAA6C,KAAKC,OAAlD;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAAA,IAAmCC,KAAnC,iBAAmCA,KAAnC;MAEA,eAAO,IAAAC,aAAA,EAAQH,MAAR,CAAP,eACE,gCAAcI,uBAAd,oCACG,IAAAC,6BAAA,EAAkBN,QAAlB,EAA4BL,aAAa,CAACY,IAA1C,EAAgDZ,aAAa,CAACC,KAA9D,EAAqEO,KAArE,CADH,eAEE,gCAAC,YAAD,gCACGD,OAAO,gBAAG,gCAAC,kBAAD;QAAA,QAAyB,IAAzB;QAAA,SAAqC;MAArC,GAAH,gBAAoD,gCAAC,aAAD,8BAD9D,CAFF,CADF;IAQD;;;EA7B6BM,e;;iCAA1Bf,iB,iBACiB,e;iCADjBA,iB,WAEWgB,K;iCAFXhB,iB,aAGa,CACf,IAAAiB,kCAAA,EAAmB;EACjBC,QAAQ,EAAE,kCADO;EAEjBC,QAAQ,EAAE,KAFO;EAGjBC,GAAG,EAAEC,MAAM,CAACC,QAHK;EAIjBC,IAAI,EAAE;AAJW,CAAnB,CADe,EAOf,IAAAC,+BAAA,EAAoB;EAClBC,YAAY,EAAE,CAAC,OAAD,CADI;EAElBC,UAAU,EAAE,CAAC,OAAD;AAFM,CAApB,CAPe,C;AA6BnB,IAAMxB,aAAa,GAAG,IAAAyB,gBAAA,EACpB3B,iBADoB,EAEpB;EACEc,IAAI,EAAEF,uBAAA,CAAYE,IADpB;EAEEX,KAAK,EAAES,uBAAA,CAAYT;AAFrB,CAFoB,EAMpB;EACEyB,MAAM,EAAEhB;AADV,CANoB,CAAtB;eAWeV,a"}
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
10
|
exports["default"] = void 0;
|
|
11
11
|
|
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
|
|
12
14
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
15
|
|
|
14
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
@@ -17,9 +19,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
17
19
|
|
|
18
20
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
21
|
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
22
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
23
23
|
|
|
24
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
@@ -51,48 +51,36 @@ var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/en
|
|
|
51
51
|
|
|
52
52
|
var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
|
|
53
53
|
|
|
54
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
55
|
-
|
|
56
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
57
|
-
|
|
58
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
59
|
-
|
|
60
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
61
|
-
|
|
62
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
63
|
-
|
|
64
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
65
|
-
|
|
66
54
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
67
55
|
var style = (
|
|
68
56
|
/*__reshadow_css_start__*/
|
|
69
57
|
_core.sstyled.insert(
|
|
70
58
|
/*__inner_css_start__*/
|
|
71
|
-
".
|
|
59
|
+
".___SButtonTrigger_x9ids_gg_{border:1px solid var(--intergalactic-border-primary, #c4c7cf);background:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23)}.___SButtonTrigger_x9ids_gg_::-moz-focus-inner{border:0;padding:0}.___SButtonTrigger_x9ids_gg_:active,.___SButtonTrigger_x9ids_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButtonTrigger_x9ids_gg_:hover{outline:0;text-decoration:none}}.___SButtonTrigger_x9ids_gg_.__active_x9ids_gg_,.___SButtonTrigger_x9ids_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}@media (hover:hover){.___SButtonTrigger_x9ids_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}}.___SButtonTrigger_x9ids_gg_._size_m_x9ids_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButtonTrigger_x9ids_gg_._size_l_x9ids_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SText_x9ids_gg_.__placeholder_x9ids_gg_{color:var(--intergalactic-text-placeholder, #a9abb6)}.___SButtonTrigger_x9ids_gg_._state_normal_x9ids_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButtonTrigger_x9ids_gg_._state_valid_x9ids_gg_{border-color:var(--intergalactic-border-success, #59ddaa)}.___SButtonTrigger_x9ids_gg_._state_invalid_x9ids_gg_{border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SFilterTrigger_x9ids_gg_.__selected_x9ids_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_x9ids_gg_.__selected_x9ids_gg_.__active_x9ids_gg_{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}@media (hover:hover){.___SFilterTrigger_x9ids_gg_.__selected_x9ids_gg_:hover{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}}.___SWrapper_x9ids_gg_{display:inline-flex}.___SWrapper_x9ids_gg_:focus{outline:0}.___SWrapper_x9ids_gg_.__keyboardFocused_x9ids_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCounter_x9ids_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}"
|
|
72
60
|
/*__inner_css_end__*/
|
|
73
|
-
, "
|
|
61
|
+
, "x9ids_gg_")
|
|
74
62
|
/*__reshadow_css_end__*/
|
|
75
63
|
, {
|
|
76
|
-
"__SButtonTrigger": "
|
|
77
|
-
"_active": "
|
|
78
|
-
"_size_m": "
|
|
79
|
-
"_size_l": "
|
|
80
|
-
"__SText": "
|
|
81
|
-
"_placeholder": "
|
|
82
|
-
"_state_normal": "
|
|
83
|
-
"_state_valid": "
|
|
84
|
-
"_state_invalid": "
|
|
85
|
-
"__SFilterTrigger": "
|
|
86
|
-
"_selected": "
|
|
87
|
-
"__SWrapper": "
|
|
88
|
-
"_keyboardFocused": "
|
|
89
|
-
"__SCounter": "
|
|
64
|
+
"__SButtonTrigger": "___SButtonTrigger_x9ids_gg_",
|
|
65
|
+
"_active": "__active_x9ids_gg_",
|
|
66
|
+
"_size_m": "_size_m_x9ids_gg_",
|
|
67
|
+
"_size_l": "_size_l_x9ids_gg_",
|
|
68
|
+
"__SText": "___SText_x9ids_gg_",
|
|
69
|
+
"_placeholder": "__placeholder_x9ids_gg_",
|
|
70
|
+
"_state_normal": "_state_normal_x9ids_gg_",
|
|
71
|
+
"_state_valid": "_state_valid_x9ids_gg_",
|
|
72
|
+
"_state_invalid": "_state_invalid_x9ids_gg_",
|
|
73
|
+
"__SFilterTrigger": "___SFilterTrigger_x9ids_gg_",
|
|
74
|
+
"_selected": "__selected_x9ids_gg_",
|
|
75
|
+
"__SWrapper": "___SWrapper_x9ids_gg_",
|
|
76
|
+
"_keyboardFocused": "__keyboardFocused_x9ids_gg_",
|
|
77
|
+
"__SCounter": "___SCounter_x9ids_gg_"
|
|
90
78
|
});
|
|
91
79
|
|
|
92
80
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
93
81
|
(0, _inherits2["default"])(RootFilterTrigger, _Component);
|
|
94
82
|
|
|
95
|
-
var _super =
|
|
83
|
+
var _super = (0, _createSuper2["default"])(RootFilterTrigger);
|
|
96
84
|
|
|
97
85
|
function RootFilterTrigger() {
|
|
98
86
|
var _this;
|
|
@@ -133,7 +121,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
133
121
|
this.asProps.role = 'group';
|
|
134
122
|
}
|
|
135
123
|
|
|
136
|
-
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref3.cn("SWrapper",
|
|
124
|
+
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref3.cn("SWrapper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
137
125
|
"aria-label": getI18nText('filter')
|
|
138
126
|
}, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
139
127
|
"w": "100%",
|
|
@@ -183,7 +171,7 @@ function Counter(props) {
|
|
|
183
171
|
_ref4;
|
|
184
172
|
|
|
185
173
|
var SCounter = _BaseTrigger["default"].Addon;
|
|
186
|
-
return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref4.cn("SCounter",
|
|
174
|
+
return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SCounter, _ref4.cn("SCounter", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
187
175
|
"tag": _dot["default"]
|
|
188
176
|
}, _ref2))));
|
|
189
177
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","role","sstyled","addonTextChildren","FilterTrigger","Text","Addon","Counter","ChevronDown","callAllEventHandlers","handleStopPropagation","Close","Component","style","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","i18n","locale","props","SCounter","Dot","createComponent","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/filter-trigger.shadow.css';\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 ];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled, getI18nText } =\n this.asProps;\n\n if (this.asProps.role === 'button') {\n this.asProps.role = 'group';\n }\n\n return sstyled(styles)(\n <SWrapper render={Box} aria-label={getI18nText('filter')}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\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 {!empty && (\n <SFilterTrigger\n tag=\"button\"\n aria-label={getI18nText('clear')}\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["RootFilterTrigger","e","stopPropagation","SWrapper","Box","SFilterTrigger","BaseTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","role","sstyled","addonTextChildren","FilterTrigger","Text","Addon","Counter","ChevronDown","callAllEventHandlers","handleStopPropagation","Close","Component","style","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","i18n","locale","props","SCounter","Dot","createComponent","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/filter-trigger.shadow.css';\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 ];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled, getI18nText } =\n this.asProps;\n\n if (this.asProps.role === 'button') {\n this.asProps.role = 'group';\n }\n\n return sstyled(styles)(\n <SWrapper render={Box} aria-label={getI18nText('filter')}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\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 {!empty && (\n <SFilterTrigger\n tag=\"button\"\n aria-label={getI18nText('clear')}\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;;;;8GAqBoB,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACC,eAAF,EAAP;IAAA,C;;;;;;WAExB,kBAAS;MAAA;MAAA;;MACP,IAAMC,QAAQ,GAUMC,YAVpB;MACA,IAAMC,cAAc,GAAGC,uBAAvB;MACA,oBACE,KAAKC,OADP;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,KAA1B,iBAA0BA,KAA1B;MAAA,IAAiCC,OAAjC,iBAAiCA,OAAjC;MAAA,IAA0CC,IAA1C,iBAA0CA,IAA1C;MAAA,IAAgDC,WAAhD,iBAAgDA,WAAhD;MAAA,IAA6DC,MAA7D,iBAA6DA,MAA7D;MAAA,IAAqEC,QAArE,iBAAqEA,QAArE;MAAA,IAA+EC,WAA/E,iBAA+EA,WAA/E;;MAGA,IAAI,KAAKT,OAAL,CAAaU,IAAb,KAAsB,QAA1B,EAAoC;QAClC,KAAKV,OAAL,CAAaU,IAAb,GAAoB,OAApB;MACD;;MAED,eAAO,IAAAC,aAAA,EAAQT,MAAR,CAAP,eACE,gCAAC,QAAD;QAAA,cAAmCO,WAAW,CAAC,QAAD;MAA9C,yBACE,gCAAC,4BAAD,iDACE,gCAAC,cAAD;QAAA,KACI,MADJ;QAAA,QAEQJ,IAFR;QAAA,eAGeC,WAHf;QAAA,SAISH,KAJT;QAAA,YAKY,CAACA,KALb;QAAA,UAMUI,MANV;QAAA,YAOYC;MAPZ,IASG,IAAAI,6BAAA,EACCX,QADD,EAECY,aAAa,CAACC,IAFf,EAGC,CAACD,aAAa,CAACE,KAAf,EAAsBF,aAAa,CAACG,OAApC,CAHD,EAICb,KAJD,CATH,EAeGA,KAAK,iBAAI,gCAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEc;MAA1B,EAfZ,CADF,EAkBG,CAACd,KAAD,iBACC,gCAAC,cAAD;QAAA,OACM,QADN;QAAA,cAEcM,WAAW,CAAC,OAAD,CAFzB;QAAA,QAGQJ,IAHR;QAAA,SAISF,KAJT;QAAA;QAAA,WAMW,IAAAe,kCAAA,EAAqBd,OAArB,EAA8B,KAAKe,qBAAnC,CANX;QAAA,aAOa,KAAKA,qBAPlB;QAAA,YAQYX;MARZ,iBAUE,gCAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEY;MAA1B,EAVF,CAnBJ,CADF,CADF;IAqCD;;;EAtE6BC,e;;iCAA1B5B,iB,iBACiB,e;iCADjBA,iB,WAEW6B,K;iCAFX7B,iB,aAGa,CACf,IAAA8B,uBAAA,EAAYC,8CAAZ,CADe,EAEf,IAAAC,kCAAA,EAAmB;EACjBC,QAAQ,EAAE,kCADO;EAEjBC,QAAQ,EAAE,KAFO;EAGjBC,GAAG,EAAEC,MAAM,CAACC,QAHK;EAIjBC,IAAI,EAAE;AAJW,CAAnB,CAFe,EAQf,IAAAC,+BAAA,EAAoB;EAClBC,YAAY,EAAE,CAAC,OAAD,CADI;EAElBC,UAAU,EAAE,CAAC,OAAD;AAFM,CAApB,CARe,C;iCAHbzC,iB,kBAgBkB;EACpB0C,IAAI,EAAEX,8CADc;EAEpBY,MAAM,EAAE;AAFY,C;;AAyDxB,SAASpB,OAAT,CAAiBqB,KAAjB,EAAwB;EAAA;EAAA;;EACtB,IAAMC,QAAQ,GACiCvC,uBAAA,CAAYgB,KAD3D;EACA,eAAO,IAAAJ,aAAA,EAAQ0B,KAAK,CAACnC,MAAd,CAAP,eAA6B,gCAAC,QAAD;IAAA,OAA0CqC;EAA1C,YAA7B;AACD;;AAED,IAAM1B,aAAa,GAAG,IAAA2B,gBAAA,EACpB/C,iBADoB,EAEpB;EACEqB,IAAI,EAAEf,uBAAA,CAAYe,IADpB;EAEEC,KAAK,EAAEhB,uBAAA,CAAYgB,KAFrB;EAGEC,OAAO,EAAPA;AAHF,CAFoB,EAOpB;EACEyB,MAAM,EAAE1C;AADV,CAPoB,CAAtB;eAYec,a"}
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
10
|
exports["default"] = void 0;
|
|
11
11
|
|
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
|
|
12
14
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
15
|
|
|
14
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
17
|
|
|
16
18
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
19
|
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
20
|
+
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
|
21
21
|
|
|
22
22
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
23
|
|
|
@@ -37,46 +37,34 @@ var _color = _interopRequireWildcard(require("@semcore/utils/lib/color"));
|
|
|
37
37
|
|
|
38
38
|
var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
|
|
39
39
|
|
|
40
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
41
|
-
|
|
42
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
43
|
-
|
|
44
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
45
|
-
|
|
46
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
47
|
-
|
|
48
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
49
|
-
|
|
50
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
51
|
-
|
|
52
40
|
/*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
53
41
|
var style = (
|
|
54
42
|
/*__reshadow_css_start__*/
|
|
55
43
|
_core.sstyled.insert(
|
|
56
44
|
/*__inner_css_start__*/
|
|
57
|
-
".
|
|
45
|
+
".___SLinkTrigger_zlctg_gg_{display:inline-flex;align-items: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;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_zlctg_gg_.__active_zlctg_gg_,.___SLinkTrigger_zlctg_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_zlctg_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_zlctg_gg_.__active_zlctg_gg_ .___SText_zlctg_gg_,.___SLinkTrigger_zlctg_gg_:active .___SText_zlctg_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_zlctg_gg_:hover .___SText_zlctg_gg_{border-color:currentColor}}.___SLinkTrigger_zlctg_gg_ .___SText_zlctg_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_zlctg_gg_.__color_zlctg_gg_{color:var(--color_zlctg)}@media (hover:hover){.___SLinkTrigger_zlctg_gg_.__color_zlctg_gg_:hover{color:var(--color-hover_zlctg)}}.___SLinkTrigger_zlctg_gg_.__disabled_zlctg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_zlctg_gg_.__keyboardFocused_zlctg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SAddon_zlctg_gg_,.___SLinkAddon_zlctg_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_zlctg_gg_:not(:only-child):first-child,.___SLinkAddon_zlctg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_zlctg_gg_:not(:only-child):last-child,.___SLinkAddon_zlctg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_zlctg_gg_{width:16px;height:16px}.___SLinkTrigger_zlctg_gg_._size_m_zlctg_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_zlctg_gg_._size_l_zlctg_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_zlctg_gg_,.___SLinkTrigger_zlctg_gg_ .___SText_zlctg_gg_{transition:none}}"
|
|
58
46
|
/*__inner_css_end__*/
|
|
59
|
-
, "
|
|
47
|
+
, "zlctg_gg_")
|
|
60
48
|
/*__reshadow_css_end__*/
|
|
61
49
|
, {
|
|
62
|
-
"__SLinkTrigger": "
|
|
63
|
-
"_active": "
|
|
64
|
-
"__SText": "
|
|
65
|
-
"_color": "
|
|
66
|
-
"--color": "--
|
|
67
|
-
"--color-hover": "--color-
|
|
68
|
-
"_disabled": "
|
|
69
|
-
"_keyboardFocused": "
|
|
70
|
-
"__SAddon": "
|
|
71
|
-
"__SLinkAddon": "
|
|
72
|
-
"_size_m": "
|
|
73
|
-
"_size_l": "
|
|
50
|
+
"__SLinkTrigger": "___SLinkTrigger_zlctg_gg_",
|
|
51
|
+
"_active": "__active_zlctg_gg_",
|
|
52
|
+
"__SText": "___SText_zlctg_gg_",
|
|
53
|
+
"_color": "__color_zlctg_gg_",
|
|
54
|
+
"--color": "--color_zlctg",
|
|
55
|
+
"--color-hover": "--color-hover_zlctg",
|
|
56
|
+
"_disabled": "__disabled_zlctg_gg_",
|
|
57
|
+
"_keyboardFocused": "__keyboardFocused_zlctg_gg_",
|
|
58
|
+
"__SAddon": "___SAddon_zlctg_gg_",
|
|
59
|
+
"__SLinkAddon": "___SLinkAddon_zlctg_gg_",
|
|
60
|
+
"_size_m": "_size_m_zlctg_gg_",
|
|
61
|
+
"_size_l": "_size_l_zlctg_gg_"
|
|
74
62
|
});
|
|
75
63
|
|
|
76
64
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
77
65
|
(0, _inherits2["default"])(RootLinkTrigger, _Component);
|
|
78
66
|
|
|
79
|
-
var _super =
|
|
67
|
+
var _super = (0, _createSuper2["default"])(RootLinkTrigger);
|
|
80
68
|
|
|
81
69
|
function RootLinkTrigger() {
|
|
82
70
|
(0, _classCallCheck2["default"])(this, RootLinkTrigger);
|
|
@@ -110,7 +98,7 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
|
110
98
|
providedColor = _this$asProps2.color;
|
|
111
99
|
var color = (0, _color["default"])(providedColor);
|
|
112
100
|
var colorHover = (0, _color.shade)(color, -0.12);
|
|
113
|
-
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLinkTrigger, _ref4.cn("SLinkTrigger",
|
|
101
|
+
return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
114
102
|
"use:color": color,
|
|
115
103
|
"use:color-hover": colorHover
|
|
116
104
|
}, _ref))), (0, _addonTextChildren["default"])(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(_spin["default"], _ref4.cn("Spin", {
|
|
@@ -142,7 +130,7 @@ function Text(props) {
|
|
|
142
130
|
/*#__PURE__*/
|
|
143
131
|
|
|
144
132
|
/* "use:" prefix was used for backward compatibility (by lsroman) */
|
|
145
|
-
_react["default"].createElement(SText, _ref5.cn("SText",
|
|
133
|
+
_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
146
134
|
"use:placeholder": empty
|
|
147
135
|
}, _ref2))), empty ? placeholder : children);
|
|
148
136
|
}
|
|
@@ -152,7 +140,7 @@ function Addon(props) {
|
|
|
152
140
|
_ref6;
|
|
153
141
|
|
|
154
142
|
var SAddon = _flexBox.Box;
|
|
155
|
-
return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon",
|
|
143
|
+
return _ref6 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
|
|
156
144
|
}
|
|
157
145
|
|
|
158
146
|
var LinkTrigger = (0, _core["default"])(RootLinkTrigger, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkTrigger.js","names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","resolveColor","colorHover","shade","sstyled","addonTextChildren","Text","Component","style","size","keyboardFocusEnhance","props","SText","children","SAddon","createComponent"],"sources":["../../src/LinkTrigger.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 Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size=\"xs\" theme=\"currentColor\" /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\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 LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA
|
|
1
|
+
{"version":3,"file":"LinkTrigger.js","names":["RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","Box","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","resolveColor","colorHover","shade","sstyled","addonTextChildren","Text","Component","style","size","keyboardFocusEnhance","props","SText","children","SAddon","createComponent"],"sources":["../../src/LinkTrigger.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 Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size=\"xs\" theme=\"currentColor\" /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\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 LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA;;AADA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,e;;;;;;;;;;;;WAQJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAQMC,YARxB;MACA,IAAMC,UAAU,GAAGC,WAAW,CAACC,KAA/B;MACA,qBAAmE,KAAKP,OAAxE;MAAA,IAAQQ,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,OAAlB,kBAAkBA,OAAlB;MAAA,IAA2BC,MAA3B,kBAA2BA,MAA3B;MAAA,IAAmCR,KAAnC,kBAAmCA,KAAnC;MAAA,IAAiDS,aAAjD,kBAA0CC,KAA1C;MAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAA,EAAaF,aAAb,CAAd;MACA,IAAMG,UAAU,GAAG,IAAAC,YAAA,EAAMH,KAAN,EAAa,CAAC,IAAd,CAAnB;MAEA,eAAO,IAAAI,aAAA,EAAQN,MAAR,CAAP,eACE,gCAAC,YAAD;QAAA,aAAsCE,KAAtC;QAAA,mBAA8DE;MAA9D,YACG,IAAAG,6BAAA,EAAkBT,QAAlB,EAA4BF,WAAW,CAACY,IAAxC,EAA8CZ,WAAW,CAACC,KAA1D,EAAiEL,KAAjE,CADH,eAEE,gCAAC,UAAD,8BACGO,OAAO,gBAAG,gCAAC,gBAAD;QAAA,QAAW,IAAX;QAAA,SAAsB;MAAtB,GAAH,gBAA6C,gCAAC,aAAD,8BADvD,CAFF,CADF;IAQD;;;EAhC2BU,e;;iCAAxBpB,e,iBACiB,a;iCADjBA,e,WAEWqB,K;iCAFXrB,e,kBAGkB;EACpBsB,IAAI,EAAE;AADc,C;iCAHlBtB,e,aAMa,CAAC,IAAAuB,gCAAA,GAAD,C;;AA6BnB,SAASJ,IAAT,CAAcK,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMpB,YALjB;EACA,IAAQqB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBf,MAAlB,GAAiDa,KAAjD,CAAkBb,MAAlB;EAAA,IAA0BR,KAA1B,GAAiDqB,KAAjD,CAA0BrB,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDsB,KAAjD,CAAiCtB,WAAjC;EAEA,eAAO,IAAAe,aAAA,EAAQN,MAAR,CAAP;EAAA;;EACE;EACA,gCAAC,KAAD;IAAA,mBAAqCR;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBwB,QADzB,CAFF;AAMD;;AAED,SAASlB,KAAT,CAAegB,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCtB,YAD7C;EACA,eAAO,IAAAY,aAAA,EAAQO,KAAK,CAACb,MAAd,CAAP,eAA6B,gCAAC,MAAD,4FAA7B;AACD;;AAED,IAAMJ,WAAW,GAAG,IAAAqB,gBAAA,EAAgB5B,eAAhB,EAAiC;EACnDmB,IAAI,EAAJA,IADmD;EAEnDX,KAAK,EAALA;AAFmD,CAAjC,CAApB;eAKeD,W"}
|
package/lib/es6/BaseTrigger.js
CHANGED
|
@@ -1,22 +1,13 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
1
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
4
|
-
import
|
|
5
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
|
+
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
7
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
8
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
10
10
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
11
|
-
|
|
12
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
-
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
|
-
|
|
16
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
17
|
-
|
|
18
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
19
|
-
|
|
20
11
|
import React from 'react';
|
|
21
12
|
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
22
13
|
import { Box } from '@semcore/flex-box';
|
|
@@ -32,28 +23,28 @@ var style = (
|
|
|
32
23
|
/*__reshadow_css_start__*/
|
|
33
24
|
_sstyled.insert(
|
|
34
25
|
/*__inner_css_start__*/
|
|
35
|
-
".
|
|
26
|
+
".___SBaseTrigger_1yh3g_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_1yh3g_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1yh3g_gg_:active,.___SBaseTrigger_1yh3g_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1yh3g_gg_:hover{outline:0;text-decoration:none}}.___SBaseTrigger_1yh3g_gg_.__keyboardFocused_1yh3g_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_1yh3g_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1yh3g_gg_.__active_1yh3g_gg_,.___SBaseTrigger_1yh3g_gg_:active{background-color:var(--intergalactic-bg-primary-neutral-active, #e0e1e9)}.___SBaseTrigger_1yh3g_gg_.__disabled_1yh3g_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBaseTrigger_1yh3g_gg_.__keyboardFocused_1yh3g_gg_{z-index:1}.___SInner_1yh3g_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1yh3g_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_1yh3g_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1yh3g_gg_{width:12px;height:12px}.___SBaseTrigger_1yh3g_gg_._size_m_1yh3g_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_1yh3g_gg_._size_m_1yh3g_gg_ .___SAddon_1yh3g_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1yh3g_gg_._size_m_1yh3g_gg_ .___SAddon_1yh3g_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1yh3g_gg_._size_l_1yh3g_gg_ .___SAddon_1yh3g_gg_:only-child,.___SBaseTrigger_1yh3g_gg_._size_m_1yh3g_gg_ .___SAddon_1yh3g_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1yh3g_gg_._size_l_1yh3g_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_1yh3g_gg_._size_l_1yh3g_gg_ .___SAddon_1yh3g_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1yh3g_gg_._size_l_1yh3g_gg_ .___SAddon_1yh3g_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1yh3g_gg_._neighborLocation_right_1yh3g_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1yh3g_gg_._neighborLocation_both_1yh3g_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1yh3g_gg_._neighborLocation_left_1yh3g_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1yh3g_gg_.__placeholder_1yh3g_gg_{color:var(--intergalactic-text-placeholder, #a9abb6)}.___SBaseTrigger_1yh3g_gg_._state_normal_1yh3g_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SBaseTrigger_1yh3g_gg_._state_valid_1yh3g_gg_{border-color:var(--intergalactic-border-success, #59ddaa)}.___SBaseTrigger_1yh3g_gg_._state_invalid_1yh3g_gg_{border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SBaseTrigger_1yh3g_gg_._state_invalid_1yh3g_gg_.__keyboardFocused_1yh3g_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))}"
|
|
36
27
|
/*__inner_css_end__*/
|
|
37
|
-
, "
|
|
28
|
+
, "1yh3g_gg_")
|
|
38
29
|
/*__reshadow_css_end__*/
|
|
39
30
|
, {
|
|
40
|
-
"__SBaseTrigger": "
|
|
41
|
-
"_keyboardFocused": "
|
|
42
|
-
"_active": "
|
|
43
|
-
"_disabled": "
|
|
44
|
-
"__SInner": "
|
|
45
|
-
"__SText": "
|
|
46
|
-
"__SAddon": "
|
|
47
|
-
"__SBaseAddon": "
|
|
48
|
-
"_size_m": "
|
|
49
|
-
"_size_l": "
|
|
50
|
-
"_neighborLocation_right": "
|
|
51
|
-
"_neighborLocation_both": "
|
|
52
|
-
"_neighborLocation_left": "
|
|
53
|
-
"_placeholder": "
|
|
54
|
-
"_state_normal": "
|
|
55
|
-
"_state_valid": "
|
|
56
|
-
"_state_invalid": "
|
|
31
|
+
"__SBaseTrigger": "___SBaseTrigger_1yh3g_gg_",
|
|
32
|
+
"_keyboardFocused": "__keyboardFocused_1yh3g_gg_",
|
|
33
|
+
"_active": "__active_1yh3g_gg_",
|
|
34
|
+
"_disabled": "__disabled_1yh3g_gg_",
|
|
35
|
+
"__SInner": "___SInner_1yh3g_gg_",
|
|
36
|
+
"__SText": "___SText_1yh3g_gg_",
|
|
37
|
+
"__SAddon": "___SAddon_1yh3g_gg_",
|
|
38
|
+
"__SBaseAddon": "___SBaseAddon_1yh3g_gg_",
|
|
39
|
+
"_size_m": "_size_m_1yh3g_gg_",
|
|
40
|
+
"_size_l": "_size_l_1yh3g_gg_",
|
|
41
|
+
"_neighborLocation_right": "_neighborLocation_right_1yh3g_gg_",
|
|
42
|
+
"_neighborLocation_both": "_neighborLocation_both_1yh3g_gg_",
|
|
43
|
+
"_neighborLocation_left": "_neighborLocation_left_1yh3g_gg_",
|
|
44
|
+
"_placeholder": "__placeholder_1yh3g_gg_",
|
|
45
|
+
"_state_normal": "_state_normal_1yh3g_gg_",
|
|
46
|
+
"_state_valid": "_state_valid_1yh3g_gg_",
|
|
47
|
+
"_state_invalid": "_state_invalid_1yh3g_gg_"
|
|
57
48
|
});
|
|
58
49
|
|
|
59
50
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","neighborLocation","warn","undefined","BaseTrigger","displayName","Text","Addon","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","style","size","props","SText","children","SAddon"],"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":"
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","RootBaseTrigger","asProps","placeholder","empty","SBaseTrigger","SInner","Children","styles","theme","neighborLocation","warn","undefined","BaseTrigger","displayName","Text","Addon","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","style","size","props","SText","children","SAddon"],"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/es6/ButtonTrigger.js
CHANGED
|
@@ -1,16 +1,10 @@
|
|
|
1
1
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
2
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
3
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
4
|
-
import
|
|
5
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
4
|
+
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
5
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
6
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
7
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
9
|
-
|
|
10
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
11
|
-
|
|
12
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
13
|
-
|
|
14
8
|
import React from 'react';
|
|
15
9
|
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
16
10
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
@@ -25,13 +19,13 @@ var style = (
|
|
|
25
19
|
/*__reshadow_css_start__*/
|
|
26
20
|
_sstyled.insert(
|
|
27
21
|
/*__inner_css_start__*/
|
|
28
|
-
".
|
|
22
|
+
".___SButtonAddon_1otij_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1otij_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}"
|
|
29
23
|
/*__inner_css_end__*/
|
|
30
|
-
, "
|
|
24
|
+
, "1otij_gg_")
|
|
31
25
|
/*__reshadow_css_end__*/
|
|
32
26
|
, {
|
|
33
|
-
"__SButtonAddon": "
|
|
34
|
-
"__SButtonTriggerSpin": "
|
|
27
|
+
"__SButtonAddon": "___SButtonAddon_1otij_gg_",
|
|
28
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_1otij_gg_"
|
|
35
29
|
});
|
|
36
30
|
|
|
37
31
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","asProps","Children","styles","loading","empty","Text","style","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"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":"
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","RootButtonTrigger","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","asProps","Children","styles","loading","empty","Text","style","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","parent"],"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":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,IAAP,MAAiB,eAAjB;AACA,OAAOC,mBAAP,MAAgC,iDAAhC;AACA,SAASC,kBAAT,QAAmC,mCAAnC;;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;WAgBJ,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAnC;MACA,IAAMC,kBAAkB,GAAGP,IAA3B;MACA,oBAA6C,KAAKQ,OAAlD;MAAA,IAAQC,QAAR,iBAAQA,QAAR;MAAA,IAAkBC,MAAlB,iBAAkBA,MAAlB;MAAA,IAA0BC,OAA1B,iBAA0BA,OAA1B;MAAA,IAAmCC,KAAnC,iBAAmCA,KAAnC;MAEA,eAAOhB,OAAO,CAACc,MAAD,CAAd,eACE,oBAAcX,WAAd,0BACGF,iBAAiB,CAACY,QAAD,EAAWJ,aAAa,CAACQ,IAAzB,EAA+BR,aAAa,CAACC,KAA7C,EAAoDM,KAApD,CADpB,eAEE,oBAAC,YAAD,gCACGD,OAAO,gBAAG,oBAAC,kBAAD;QAAA,QAAyB,IAAzB;QAAA,SAAqC;MAArC,GAAH,gBAAoD,oBAAC,WAAD,8BAD9D,CAFF,CADF;IAQD;;;;EA7B6BjB,S;;gBAA1BS,iB,iBACiB,e;;gBADjBA,iB,WAEWW,K;;gBAFXX,iB,aAGa,CACfD,kBAAkB,CAAC;EACjBa,QAAQ,EAAE,kCADO;EAEjBC,QAAQ,EAAE,KAFO;EAGjBC,GAAG,EAAEC,MAAM,CAACC,QAHK;EAIjBC,IAAI,EAAE;AAJW,CAAD,CADH,EAOfnB,mBAAmB,CAAC;EAClBoB,YAAY,EAAE,CAAC,OAAD,CADI;EAElBC,UAAU,EAAE,CAAC,OAAD;AAFM,CAAD,CAPJ,C;;AA6BnB,IAAMjB,aAAa,GAAGZ,eAAe,CACnCU,iBADmC,EAEnC;EACEU,IAAI,EAAEd,WAAW,CAACc,IADpB;EAEEP,KAAK,EAAEP,WAAW,CAACO;AAFrB,CAFmC,EAMnC;EACEiB,MAAM,EAAExB;AADV,CANmC,CAArC;AAWA,eAAeM,aAAf"}
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -1,22 +1,13 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
1
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
4
|
import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
|
|
4
5
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
5
|
-
import
|
|
6
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
6
|
+
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
8
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
10
10
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
11
|
-
|
|
12
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
-
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
|
-
|
|
16
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
17
|
-
|
|
18
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
19
|
-
|
|
20
11
|
import React from 'react';
|
|
21
12
|
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
22
13
|
import BaseTrigger from './BaseTrigger';
|
|
@@ -37,25 +28,25 @@ var style = (
|
|
|
37
28
|
/*__reshadow_css_start__*/
|
|
38
29
|
_sstyled.insert(
|
|
39
30
|
/*__inner_css_start__*/
|
|
40
|
-
".
|
|
31
|
+
".___SButtonTrigger_x9ids_gg_{border:1px solid var(--intergalactic-border-primary, #c4c7cf);background:var(--intergalactic-bg-primary-neutral, #ffffff);color:var(--intergalactic-text-primary, #191b23)}.___SButtonTrigger_x9ids_gg_::-moz-focus-inner{border:0;padding:0}.___SButtonTrigger_x9ids_gg_:active,.___SButtonTrigger_x9ids_gg_:focus{outline:0;text-decoration:none}@media (hover:hover){.___SButtonTrigger_x9ids_gg_:hover{outline:0;text-decoration:none}}.___SButtonTrigger_x9ids_gg_.__active_x9ids_gg_,.___SButtonTrigger_x9ids_gg_:active{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}@media (hover:hover){.___SButtonTrigger_x9ids_gg_:hover{background-color:var(--intergalactic-control-secondary-neutral-hover,\n rgba(138, 142, 155, 0.2)\n )}}.___SButtonTrigger_x9ids_gg_._size_m_x9ids_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-200, 14px)}.___SButtonTrigger_x9ids_gg_._size_l_x9ids_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);font-size:var(--intergalactic-fs-300, 16px)}.___SText_x9ids_gg_.__placeholder_x9ids_gg_{color:var(--intergalactic-text-placeholder, #a9abb6)}.___SButtonTrigger_x9ids_gg_._state_normal_x9ids_gg_{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SButtonTrigger_x9ids_gg_._state_valid_x9ids_gg_{border-color:var(--intergalactic-border-success, #59ddaa)}.___SButtonTrigger_x9ids_gg_._state_invalid_x9ids_gg_{border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SFilterTrigger_x9ids_gg_.__selected_x9ids_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_x9ids_gg_.__selected_x9ids_gg_.__active_x9ids_gg_{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}@media (hover:hover){.___SFilterTrigger_x9ids_gg_.__selected_x9ids_gg_:hover{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}}.___SWrapper_x9ids_gg_{display:inline-flex}.___SWrapper_x9ids_gg_:focus{outline:0}.___SWrapper_x9ids_gg_.__keyboardFocused_x9ids_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3))}.___SCounter_x9ids_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}"
|
|
41
32
|
/*__inner_css_end__*/
|
|
42
|
-
, "
|
|
33
|
+
, "x9ids_gg_")
|
|
43
34
|
/*__reshadow_css_end__*/
|
|
44
35
|
, {
|
|
45
|
-
"__SButtonTrigger": "
|
|
46
|
-
"_active": "
|
|
47
|
-
"_size_m": "
|
|
48
|
-
"_size_l": "
|
|
49
|
-
"__SText": "
|
|
50
|
-
"_placeholder": "
|
|
51
|
-
"_state_normal": "
|
|
52
|
-
"_state_valid": "
|
|
53
|
-
"_state_invalid": "
|
|
54
|
-
"__SFilterTrigger": "
|
|
55
|
-
"_selected": "
|
|
56
|
-
"__SWrapper": "
|
|
57
|
-
"_keyboardFocused": "
|
|
58
|
-
"__SCounter": "
|
|
36
|
+
"__SButtonTrigger": "___SButtonTrigger_x9ids_gg_",
|
|
37
|
+
"_active": "__active_x9ids_gg_",
|
|
38
|
+
"_size_m": "_size_m_x9ids_gg_",
|
|
39
|
+
"_size_l": "_size_l_x9ids_gg_",
|
|
40
|
+
"__SText": "___SText_x9ids_gg_",
|
|
41
|
+
"_placeholder": "__placeholder_x9ids_gg_",
|
|
42
|
+
"_state_normal": "_state_normal_x9ids_gg_",
|
|
43
|
+
"_state_valid": "_state_valid_x9ids_gg_",
|
|
44
|
+
"_state_invalid": "_state_invalid_x9ids_gg_",
|
|
45
|
+
"__SFilterTrigger": "___SFilterTrigger_x9ids_gg_",
|
|
46
|
+
"_selected": "__selected_x9ids_gg_",
|
|
47
|
+
"__SWrapper": "___SWrapper_x9ids_gg_",
|
|
48
|
+
"_keyboardFocused": "__keyboardFocused_x9ids_gg_",
|
|
49
|
+
"__SCounter": "___SCounter_x9ids_gg_"
|
|
59
50
|
});
|
|
60
51
|
|
|
61
52
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","RootFilterTrigger","e","stopPropagation","SWrapper","SFilterTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","role","FilterTrigger","Text","Addon","Counter","handleStopPropagation","style","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","props","SCounter","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/filter-trigger.shadow.css';\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 ];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled, getI18nText } =\n this.asProps;\n\n if (this.asProps.role === 'button') {\n this.asProps.role = 'group';\n }\n\n return sstyled(styles)(\n <SWrapper render={Box} aria-label={getI18nText('filter')}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\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 {!empty && (\n <SFilterTrigger\n tag=\"button\"\n aria-label={getI18nText('clear')}\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","RootFilterTrigger","e","stopPropagation","SWrapper","SFilterTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","role","FilterTrigger","Text","Addon","Counter","handleStopPropagation","style","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","props","SCounter","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/filter-trigger.shadow.css';\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 ];\n static defaultProps = {\n i18n: localizedMessages,\n locale: 'en',\n };\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n render() {\n const SWrapper = Root;\n const SFilterTrigger = BaseTrigger;\n const { Children, styles, empty, onClear, size, placeholder, active, disabled, getI18nText } =\n this.asProps;\n\n if (this.asProps.role === 'button') {\n this.asProps.role = 'group';\n }\n\n return sstyled(styles)(\n <SWrapper render={Box} aria-label={getI18nText('filter')}>\n <NeighborLocation>\n <SFilterTrigger\n w=\"100%\"\n size={size}\n placeholder={placeholder}\n empty={empty}\n selected={!empty}\n active={active}\n disabled={disabled}\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 {!empty && (\n <SFilterTrigger\n tag=\"button\"\n aria-label={getI18nText('clear')}\n size={size}\n empty={empty}\n selected\n onClick={callAllEventHandlers(onClear, this.handleStopPropagation)}\n onKeyDown={this.handleStopPropagation}\n disabled={disabled}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nfunction Counter(props) {\n const SCounter = Root;\n return sstyled(props.styles)(<SCounter render={BaseTrigger.Addon} tag={Dot} />);\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
|
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -1,22 +1,13 @@
|
|
|
1
|
+
import _objectSpread from "@babel/runtime/helpers/objectSpread2";
|
|
1
2
|
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
|
|
2
3
|
import _createClass from "@babel/runtime/helpers/createClass";
|
|
3
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
|
4
|
-
import
|
|
5
|
-
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
5
|
+
import _createSuper from "@babel/runtime/helpers/createSuper";
|
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
7
7
|
import { sstyled as _sstyled } from "@semcore/core";
|
|
8
8
|
import { assignProps as _assignProps3 } from "@semcore/core";
|
|
9
9
|
import { assignProps as _assignProps2 } from "@semcore/core";
|
|
10
10
|
import { assignProps as _assignProps } from "@semcore/core";
|
|
11
|
-
|
|
12
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
13
|
-
|
|
14
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
15
|
-
|
|
16
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
17
|
-
|
|
18
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
19
|
-
|
|
20
11
|
import React from 'react';
|
|
21
12
|
import createComponent, { Component, Root, sstyled } from '@semcore/core';
|
|
22
13
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
@@ -31,23 +22,23 @@ var style = (
|
|
|
31
22
|
/*__reshadow_css_start__*/
|
|
32
23
|
_sstyled.insert(
|
|
33
24
|
/*__inner_css_start__*/
|
|
34
|
-
".
|
|
25
|
+
".___SLinkTrigger_zlctg_gg_{display:inline-flex;align-items: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;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_zlctg_gg_.__active_zlctg_gg_,.___SLinkTrigger_zlctg_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_zlctg_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_zlctg_gg_.__active_zlctg_gg_ .___SText_zlctg_gg_,.___SLinkTrigger_zlctg_gg_:active .___SText_zlctg_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_zlctg_gg_:hover .___SText_zlctg_gg_{border-color:currentColor}}.___SLinkTrigger_zlctg_gg_ .___SText_zlctg_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_zlctg_gg_.__color_zlctg_gg_{color:var(--color_zlctg)}@media (hover:hover){.___SLinkTrigger_zlctg_gg_.__color_zlctg_gg_:hover{color:var(--color-hover_zlctg)}}.___SLinkTrigger_zlctg_gg_.__disabled_zlctg_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_zlctg_gg_.__keyboardFocused_zlctg_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.3));z-index:1}.___SAddon_zlctg_gg_,.___SLinkAddon_zlctg_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_zlctg_gg_:not(:only-child):first-child,.___SLinkAddon_zlctg_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_zlctg_gg_:not(:only-child):last-child,.___SLinkAddon_zlctg_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_zlctg_gg_{width:16px;height:16px}.___SLinkTrigger_zlctg_gg_._size_m_zlctg_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_zlctg_gg_._size_l_zlctg_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_zlctg_gg_,.___SLinkTrigger_zlctg_gg_ .___SText_zlctg_gg_{transition:none}}"
|
|
35
26
|
/*__inner_css_end__*/
|
|
36
|
-
, "
|
|
27
|
+
, "zlctg_gg_")
|
|
37
28
|
/*__reshadow_css_end__*/
|
|
38
29
|
, {
|
|
39
|
-
"__SLinkTrigger": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"__SText": "
|
|
42
|
-
"_color": "
|
|
43
|
-
"--color": "--
|
|
44
|
-
"--color-hover": "--color-
|
|
45
|
-
"_disabled": "
|
|
46
|
-
"_keyboardFocused": "
|
|
47
|
-
"__SAddon": "
|
|
48
|
-
"__SLinkAddon": "
|
|
49
|
-
"_size_m": "
|
|
50
|
-
"_size_l": "
|
|
30
|
+
"__SLinkTrigger": "___SLinkTrigger_zlctg_gg_",
|
|
31
|
+
"_active": "__active_zlctg_gg_",
|
|
32
|
+
"__SText": "___SText_zlctg_gg_",
|
|
33
|
+
"_color": "__color_zlctg_gg_",
|
|
34
|
+
"--color": "--color_zlctg",
|
|
35
|
+
"--color-hover": "--color-hover_zlctg",
|
|
36
|
+
"_disabled": "__disabled_zlctg_gg_",
|
|
37
|
+
"_keyboardFocused": "__keyboardFocused_zlctg_gg_",
|
|
38
|
+
"__SAddon": "___SAddon_zlctg_gg_",
|
|
39
|
+
"__SLinkAddon": "___SLinkAddon_zlctg_gg_",
|
|
40
|
+
"_size_m": "_size_m_zlctg_gg_",
|
|
41
|
+
"_size_l": "_size_l_zlctg_gg_"
|
|
51
42
|
});
|
|
52
43
|
|
|
53
44
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColor","shade","keyboardFocusEnhance","RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","style","size","props","SText","children","SAddon"],"sources":["../../src/LinkTrigger.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 Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size=\"xs\" theme=\"currentColor\" /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\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 LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColor","shade","keyboardFocusEnhance","RootLinkTrigger","asProps","placeholder","empty","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","Children","loading","styles","providedColor","color","colorHover","Text","style","size","props","SText","children","SAddon"],"sources":["../../src/LinkTrigger.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 Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColor, { shade } from '@semcore/utils/lib/color';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n const colorHover = shade(color, -0.12);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} use:color={color} use:color-hover={colorHover}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size=\"xs\" theme=\"currentColor\" /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\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 LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,OAAOC,IAAP,MAAiB,eAAjB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,YAAP,IAAuBC,KAAvB,QAAoC,0BAApC;AACA,OAAOC,oBAAP,MAAiC,kDAAjC;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,e;;;;;;;;;;;;;WAQJ,wBAAe;MACb,oBAA+B,KAAKC,OAApC;MAAA,IAAQC,WAAR,iBAAQA,WAAR;MAAA,IAAqBC,KAArB,iBAAqBA,KAArB;MACA,OAAO;QACLD,WAAW,EAAXA,WADK;QAELC,KAAK,EAALA;MAFK,CAAP;IAID;;;WAED,kBAAS;MAAA;MAAA;;MACP,IAAMC,YAAY,GAQMR,GARxB;MACA,IAAMS,UAAU,GAAGC,WAAW,CAACC,KAA/B;MACA,qBAAmE,KAAKN,OAAxE;MAAA,IAAQO,QAAR,kBAAQA,QAAR;MAAA,IAAkBC,OAAlB,kBAAkBA,OAAlB;MAAA,IAA2BC,MAA3B,kBAA2BA,MAA3B;MAAA,IAAmCP,KAAnC,kBAAmCA,KAAnC;MAAA,IAAiDQ,aAAjD,kBAA0CC,KAA1C;MAEA,IAAMA,KAAK,GAAGf,YAAY,CAACc,aAAD,CAA1B;MACA,IAAME,UAAU,GAAGf,KAAK,CAACc,KAAD,EAAQ,CAAC,IAAT,CAAxB;MAEA,eAAOpB,OAAO,CAACkB,MAAD,CAAd,eACE,oBAAC,YAAD;QAAA,aAAsCE,KAAtC;QAAA,mBAA8DC;MAA9D,YACGpB,iBAAiB,CAACe,QAAD,EAAWF,WAAW,CAACQ,IAAvB,EAA6BR,WAAW,CAACC,KAAzC,EAAgDJ,KAAhD,CADpB,eAEE,oBAAC,UAAD,8BACGM,OAAO,gBAAG,oBAAC,IAAD;QAAA,QAAW,IAAX;QAAA,SAAsB;MAAtB,GAAH,gBAA6C,oBAAC,WAAD,8BADvD,CAFF,CADF;IAQD;;;;EAhC2BnB,S;;gBAAxBU,e,iBACiB,a;;gBADjBA,e,WAEWe,K;;gBAFXf,e,kBAGkB;EACpBgB,IAAI,EAAE;AADc,C;;gBAHlBhB,e,aAMa,CAACD,oBAAoB,EAArB,C;;AA6BnB,SAASe,IAAT,CAAcG,KAAd,EAAqB;EAAA;EAAA;;EACnB,IAAMC,KAAK,GAKMtB,GALjB;EACA,IAAQuB,QAAR,GAAiDF,KAAjD,CAAQE,QAAR;EAAA,IAAkBT,MAAlB,GAAiDO,KAAjD,CAAkBP,MAAlB;EAAA,IAA0BP,KAA1B,GAAiDc,KAAjD,CAA0Bd,KAA1B;EAAA,IAAiCD,WAAjC,GAAiDe,KAAjD,CAAiCf,WAAjC;EAEA,eAAOV,OAAO,CAACkB,MAAD,CAAd;EAAA;;EACE;EACA,oBAAC,KAAD;IAAA,mBAAqCP;EAArC,aACGA,KAAK,GAAGD,WAAH,GAAiBiB,QADzB,CAFF;AAMD;;AAED,SAASZ,KAAT,CAAeU,KAAf,EAAsB;EAAA;EAAA;;EACpB,IAAMG,MAAM,GACiCxB,GAD7C;EACA,eAAOJ,OAAO,CAACyB,KAAK,CAACP,MAAP,CAAd,eAA6B,oBAAC,MAAD,kEAA7B;AACD;;AAED,IAAMJ,WAAW,GAAGjB,eAAe,CAACW,eAAD,EAAkB;EACnDc,IAAI,EAAJA,IADmD;EAEnDP,KAAK,EAALA;AAFmD,CAAlB,CAAnC;AAKA,eAAeD,WAAf"}
|