@semcore/base-trigger 3.3.3 → 3.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/lib/cjs/BaseTrigger.js +19 -19
- package/lib/cjs/ButtonTrigger.js +4 -4
- package/lib/cjs/FilterTrigger.js +29 -19
- package/lib/cjs/FilterTrigger.js.map +1 -1
- package/lib/cjs/LinkTrigger.js +14 -14
- package/lib/cjs/index.d.js.map +1 -1
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js +46 -0
- package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -0
- package/lib/cjs/translations/de.json +4 -0
- package/lib/cjs/translations/en.json +4 -0
- package/lib/cjs/translations/es.json +4 -0
- package/lib/cjs/translations/fr.json +4 -0
- package/lib/cjs/translations/it.json +4 -0
- package/lib/cjs/translations/ja.json +4 -0
- package/lib/cjs/translations/ko.json +4 -0
- package/lib/cjs/translations/pt.json +4 -0
- package/lib/cjs/translations/tr.json +4 -0
- package/lib/cjs/translations/vi.json +4 -0
- package/lib/cjs/translations/zh.json +4 -0
- package/lib/es6/BaseTrigger.js +19 -19
- package/lib/es6/ButtonTrigger.js +4 -4
- package/lib/es6/FilterTrigger.js +29 -19
- package/lib/es6/FilterTrigger.js.map +1 -1
- package/lib/es6/LinkTrigger.js +14 -14
- package/lib/es6/index.d.js.map +1 -1
- package/lib/es6/translations/__intergalactic-dynamic-locales.js +25 -0
- package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -0
- package/lib/es6/translations/de.json +4 -0
- package/lib/es6/translations/en.json +4 -0
- package/lib/es6/translations/es.json +4 -0
- package/lib/es6/translations/fr.json +4 -0
- package/lib/es6/translations/it.json +4 -0
- package/lib/es6/translations/ja.json +4 -0
- package/lib/es6/translations/ko.json +4 -0
- package/lib/es6/translations/pt.json +4 -0
- package/lib/es6/translations/tr.json +4 -0
- package/lib/es6/translations/vi.json +4 -0
- package/lib/es6/translations/zh.json +4 -0
- package/lib/types/index.d.ts +1 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/lib/cjs/BaseTrigger.js
CHANGED
|
@@ -52,28 +52,28 @@ var style = (
|
|
|
52
52
|
/*__reshadow_css_start__*/
|
|
53
53
|
_core.sstyled.insert(
|
|
54
54
|
/*__inner_css_start__*/
|
|
55
|
-
".
|
|
55
|
+
".___SBaseTrigger_15fxn_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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;background:var(--intergalactic-bg-primary-neutral,#fff);font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#c4c7cf);color:var(--intergalactic-text-primary,#191b23)}.___SBaseTrigger_15fxn_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_15fxn_gg_:active,.___SBaseTrigger_15fxn_gg_:focus,.___SBaseTrigger_15fxn_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_15fxn_gg_.__keyboardFocused_15fxn_gg_{border:1px solid var(--intergalactic-border-info-active,#006dca);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SBaseTrigger_15fxn_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover,#f4f5f9)}.___SBaseTrigger_15fxn_gg_:active,.___SBaseTrigger_15fxn_gg_.__active_15fxn_gg_{background-color:var(--intergalactic-bg-primary-neutral-active,#e0e1e9)}.___SBaseTrigger_15fxn_gg_.__disabled_15fxn_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SBaseTrigger_15fxn_gg_.__keyboardFocused_15fxn_gg_{z-index:1}.___SInner_15fxn_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_15fxn_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_15fxn_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_15fxn_gg_{width:12px;height:12px}.___SBaseTrigger_15fxn_gg_._size_m_15fxn_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_15fxn_gg_._size_m_15fxn_gg_ .___SAddon_15fxn_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_15fxn_gg_._size_m_15fxn_gg_ .___SAddon_15fxn_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_15fxn_gg_._size_m_15fxn_gg_ .___SAddon_15fxn_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_15fxn_gg_._size_l_15fxn_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_15fxn_gg_._size_l_15fxn_gg_ .___SAddon_15fxn_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_15fxn_gg_._size_l_15fxn_gg_ .___SAddon_15fxn_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_15fxn_gg_._size_l_15fxn_gg_ .___SAddon_15fxn_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_15fxn_gg_._neighborLocation_right_15fxn_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_15fxn_gg_._neighborLocation_both_15fxn_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_15fxn_gg_._neighborLocation_left_15fxn_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_15fxn_gg_.__placeholder_15fxn_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SBaseTrigger_15fxn_gg_._state_normal_15fxn_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SBaseTrigger_15fxn_gg_._state_valid_15fxn_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SBaseTrigger_15fxn_gg_._state_invalid_15fxn_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SBaseTrigger_15fxn_gg_._state_invalid_15fxn_gg_.__keyboardFocused_15fxn_gg_{border-color:var(--intergalactic-border-danger-active,#d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid,0 0 0 3px rgba(255,73,83,.3))}"
|
|
56
56
|
/*__inner_css_end__*/
|
|
57
|
-
, "
|
|
57
|
+
, "15fxn_gg_")
|
|
58
58
|
/*__reshadow_css_end__*/
|
|
59
59
|
, {
|
|
60
|
-
"__SBaseTrigger": "
|
|
61
|
-
"_keyboardFocused": "
|
|
62
|
-
"_active": "
|
|
63
|
-
"_disabled": "
|
|
64
|
-
"__SInner": "
|
|
65
|
-
"__SText": "
|
|
66
|
-
"__SAddon": "
|
|
67
|
-
"__SBaseAddon": "
|
|
68
|
-
"_size_m": "
|
|
69
|
-
"_size_l": "
|
|
70
|
-
"_neighborLocation_right": "
|
|
71
|
-
"_neighborLocation_both": "
|
|
72
|
-
"_neighborLocation_left": "
|
|
73
|
-
"_placeholder": "
|
|
74
|
-
"_state_normal": "
|
|
75
|
-
"_state_valid": "
|
|
76
|
-
"_state_invalid": "
|
|
60
|
+
"__SBaseTrigger": "___SBaseTrigger_15fxn_gg_",
|
|
61
|
+
"_keyboardFocused": "__keyboardFocused_15fxn_gg_",
|
|
62
|
+
"_active": "__active_15fxn_gg_",
|
|
63
|
+
"_disabled": "__disabled_15fxn_gg_",
|
|
64
|
+
"__SInner": "___SInner_15fxn_gg_",
|
|
65
|
+
"__SText": "___SText_15fxn_gg_",
|
|
66
|
+
"__SAddon": "___SAddon_15fxn_gg_",
|
|
67
|
+
"__SBaseAddon": "___SBaseAddon_15fxn_gg_",
|
|
68
|
+
"_size_m": "_size_m_15fxn_gg_",
|
|
69
|
+
"_size_l": "_size_l_15fxn_gg_",
|
|
70
|
+
"_neighborLocation_right": "_neighborLocation_right_15fxn_gg_",
|
|
71
|
+
"_neighborLocation_both": "_neighborLocation_both_15fxn_gg_",
|
|
72
|
+
"_neighborLocation_left": "_neighborLocation_left_15fxn_gg_",
|
|
73
|
+
"_placeholder": "__placeholder_15fxn_gg_",
|
|
74
|
+
"_state_normal": "_state_normal_15fxn_gg_",
|
|
75
|
+
"_state_valid": "_state_valid_15fxn_gg_",
|
|
76
|
+
"_state_invalid": "_state_invalid_15fxn_gg_"
|
|
77
77
|
});
|
|
78
78
|
|
|
79
79
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/ButtonTrigger.js
CHANGED
|
@@ -46,13 +46,13 @@ var style = (
|
|
|
46
46
|
/*__reshadow_css_start__*/
|
|
47
47
|
_core.sstyled.insert(
|
|
48
48
|
/*__inner_css_start__*/
|
|
49
|
-
".
|
|
49
|
+
".___SButtonAddon_e9rhu_gg_{width:12px;height:12px}.___SButtonTriggerSpin_e9rhu_gg_{fill:var(--intergalactic-icon-primary-neutral,#6c6e79)}"
|
|
50
50
|
/*__inner_css_end__*/
|
|
51
|
-
, "
|
|
51
|
+
, "e9rhu_gg_")
|
|
52
52
|
/*__reshadow_css_end__*/
|
|
53
53
|
, {
|
|
54
|
-
"__SButtonAddon": "
|
|
55
|
-
"__SButtonTriggerSpin": "
|
|
54
|
+
"__SButtonAddon": "___SButtonAddon_e9rhu_gg_",
|
|
55
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_e9rhu_gg_"
|
|
56
56
|
});
|
|
57
57
|
|
|
58
58
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/FilterTrigger.js
CHANGED
|
@@ -43,6 +43,10 @@ var _assignProps3 = require("@semcore/utils/lib/assignProps");
|
|
|
43
43
|
|
|
44
44
|
var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
|
|
45
45
|
|
|
46
|
+
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
47
|
+
|
|
48
|
+
var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
|
|
49
|
+
|
|
46
50
|
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); }
|
|
47
51
|
|
|
48
52
|
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; }
|
|
@@ -60,25 +64,25 @@ var style = (
|
|
|
60
64
|
/*__reshadow_css_start__*/
|
|
61
65
|
_core.sstyled.insert(
|
|
62
66
|
/*__inner_css_start__*/
|
|
63
|
-
".
|
|
67
|
+
".___SButtonTrigger_1p62z_gg_{border:1px solid var(--intergalactic-border-primary,#c4c7cf);background:var(--intergalactic-bg-primary-neutral,#fff);color:var(--intergalactic-text-primary,#191b23)}.___SButtonTrigger_1p62z_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1p62z_gg_:active,.___SButtonTrigger_1p62z_gg_:focus,.___SButtonTrigger_1p62z_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1p62z_gg_:active,.___SButtonTrigger_1p62z_gg_:hover,.___SButtonTrigger_1p62z_gg_.__active_1p62z_gg_{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(138,142,155,.2))}.___SButtonTrigger_1p62z_gg_._size_m_1p62z_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButtonTrigger_1p62z_gg_._size_l_1p62z_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-300,16px)}.___SText_1p62z_gg_.__placeholder_1p62z_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SButtonTrigger_1p62z_gg_._state_normal_1p62z_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SButtonTrigger_1p62z_gg_._state_valid_1p62z_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SButtonTrigger_1p62z_gg_._state_invalid_1p62z_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SFilterTrigger_1p62z_gg_.__selected_1p62z_gg_{border-color:var(--intergalactic-border-info-active,#006dca);background-color:var(--intergalactic-control-secondary-info-hover,rgba(0,143,248,.2));color:var(--intergalactic-text-primary,#191b23)}.___SFilterTrigger_1p62z_gg_.__selected_1p62z_gg_:hover,.___SFilterTrigger_1p62z_gg_.__selected_1p62z_gg_.__active_1p62z_gg_{background-color:var(--intergalactic-control-secondary-info-active,rgba(0,143,248,.3))}.___SWrapper_1p62z_gg_{display:inline-flex}.___SWrapper_1p62z_gg_:focus{outline:none}.___SWrapper_1p62z_gg_.__keyboardFocused_1p62z_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCounter_1p62z_gg_{background-color:var(--intergalactic-bg-primary-info,#008ff8)}"
|
|
64
68
|
/*__inner_css_end__*/
|
|
65
|
-
, "
|
|
69
|
+
, "1p62z_gg_")
|
|
66
70
|
/*__reshadow_css_end__*/
|
|
67
71
|
, {
|
|
68
|
-
"__SButtonTrigger": "
|
|
69
|
-
"_active": "
|
|
70
|
-
"_size_m": "
|
|
71
|
-
"_size_l": "
|
|
72
|
-
"__SText": "
|
|
73
|
-
"_placeholder": "
|
|
74
|
-
"_state_normal": "
|
|
75
|
-
"_state_valid": "
|
|
76
|
-
"_state_invalid": "
|
|
77
|
-
"__SFilterTrigger": "
|
|
78
|
-
"_selected": "
|
|
79
|
-
"__SWrapper": "
|
|
80
|
-
"_keyboardFocused": "
|
|
81
|
-
"__SCounter": "
|
|
72
|
+
"__SButtonTrigger": "___SButtonTrigger_1p62z_gg_",
|
|
73
|
+
"_active": "__active_1p62z_gg_",
|
|
74
|
+
"_size_m": "_size_m_1p62z_gg_",
|
|
75
|
+
"_size_l": "_size_l_1p62z_gg_",
|
|
76
|
+
"__SText": "___SText_1p62z_gg_",
|
|
77
|
+
"_placeholder": "__placeholder_1p62z_gg_",
|
|
78
|
+
"_state_normal": "_state_normal_1p62z_gg_",
|
|
79
|
+
"_state_valid": "_state_valid_1p62z_gg_",
|
|
80
|
+
"_state_invalid": "_state_invalid_1p62z_gg_",
|
|
81
|
+
"__SFilterTrigger": "___SFilterTrigger_1p62z_gg_",
|
|
82
|
+
"_selected": "__selected_1p62z_gg_",
|
|
83
|
+
"__SWrapper": "___SWrapper_1p62z_gg_",
|
|
84
|
+
"_keyboardFocused": "__keyboardFocused_1p62z_gg_",
|
|
85
|
+
"__SCounter": "___SCounter_1p62z_gg_"
|
|
82
86
|
});
|
|
83
87
|
|
|
84
88
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -118,14 +122,15 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
118
122
|
size = _this$asProps.size,
|
|
119
123
|
placeholder = _this$asProps.placeholder,
|
|
120
124
|
active = _this$asProps.active,
|
|
121
|
-
disabled = _this$asProps.disabled
|
|
125
|
+
disabled = _this$asProps.disabled,
|
|
126
|
+
getI18nText = _this$asProps.getI18nText;
|
|
122
127
|
|
|
123
128
|
if (this.asProps.role === 'button') {
|
|
124
129
|
this.asProps.role = 'group';
|
|
125
130
|
}
|
|
126
131
|
|
|
127
132
|
return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWrapper, _ref3.cn("SWrapper", _objectSpread({}, (0, _core.assignProps)({
|
|
128
|
-
"aria-label":
|
|
133
|
+
"aria-label": getI18nText('filter')
|
|
129
134
|
}, _ref))), /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"], _ref3.cn("NeighborLocation", {}), /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
130
135
|
"w": "100%",
|
|
131
136
|
"size": size,
|
|
@@ -138,7 +143,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
138
143
|
tag: _m2["default"]
|
|
139
144
|
})), !empty && /*#__PURE__*/_react["default"].createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
140
145
|
"tag": "button",
|
|
141
|
-
"aria-label":
|
|
146
|
+
"aria-label": getI18nText('clear'),
|
|
142
147
|
"size": size,
|
|
143
148
|
"empty": empty,
|
|
144
149
|
"selected": true,
|
|
@@ -155,6 +160,11 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
155
160
|
|
|
156
161
|
(0, _defineProperty2["default"])(RootFilterTrigger, "displayName", 'FilterTrigger');
|
|
157
162
|
(0, _defineProperty2["default"])(RootFilterTrigger, "style", style);
|
|
163
|
+
(0, _defineProperty2["default"])(RootFilterTrigger, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
|
|
164
|
+
(0, _defineProperty2["default"])(RootFilterTrigger, "defaultProps", {
|
|
165
|
+
i18n: _intergalacticDynamicLocales.localizedMessages,
|
|
166
|
+
locale: 'en'
|
|
167
|
+
});
|
|
158
168
|
|
|
159
169
|
function Counter(props) {
|
|
160
170
|
var _ref2 = arguments[0],
|
|
@@ -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","role","sstyled","addonTextChildren","FilterTrigger","Text","Addon","Counter","ChevronDown","callAllEventHandlers","handleStopPropagation","Close","Component","style","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';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\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 }
|
|
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","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';\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 = [i18nEnhance(localizedMessages)];\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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMA,iB;;;;;;;;;;;;;;;8GASoB,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;;;EA1D6BC,e;;iCAA1B5B,iB,iBACiB,e;iCADjBA,iB,WAEW6B,K;iCAFX7B,iB,aAGa,CAAC,IAAA8B,uBAAA,EAAYC,8CAAZ,CAAD,C;iCAHb/B,iB,kBAIkB;EACpBgC,IAAI,EAAED,8CADc;EAEpBE,MAAM,EAAE;AAFY,C;;AAyDxB,SAASV,OAAT,CAAiBW,KAAjB,EAAwB;EAAA;EAAA;;EACtB,IAAMC,QAAQ,GACiC7B,uBAAA,CAAYgB,KAD3D;EACA,eAAO,IAAAJ,aAAA,EAAQgB,KAAK,CAACzB,MAAd,CAAP,eAA6B,gCAAC,QAAD;IAAA,OAA0C2B;EAA1C,YAA7B;AACD;;AAED,IAAMhB,aAAa,GAAG,IAAAiB,gBAAA,EACpBrC,iBADoB,EAEpB;EACEqB,IAAI,EAAEf,uBAAA,CAAYe,IADpB;EAEEC,KAAK,EAAEhB,uBAAA,CAAYgB,KAFrB;EAGEC,OAAO,EAAPA;AAHF,CAFoB,EAOpB;EACEe,MAAM,EAAEhC;AADV,CAPoB,CAAtB;eAYec,a"}
|
package/lib/cjs/LinkTrigger.js
CHANGED
|
@@ -54,23 +54,23 @@ var style = (
|
|
|
54
54
|
/*__reshadow_css_start__*/
|
|
55
55
|
_core.sstyled.insert(
|
|
56
56
|
/*__inner_css_start__*/
|
|
57
|
-
".
|
|
57
|
+
".___SLinkTrigger_3ec0t_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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;color:var(--intergalactic-text-link,#006dca);background:none;transition:color .15s ease-in-out}.___SLinkTrigger_3ec0t_gg_:active,.___SLinkTrigger_3ec0t_gg_:hover,.___SLinkTrigger_3ec0t_gg_.__active_3ec0t_gg_{color:var(--intergalactic-text-link-hover-active,#044792)}.___SLinkTrigger_3ec0t_gg_:active .___SText_3ec0t_gg_,.___SLinkTrigger_3ec0t_gg_:hover .___SText_3ec0t_gg_,.___SLinkTrigger_3ec0t_gg_.__active_3ec0t_gg_ .___SText_3ec0t_gg_{border-color:currentColor}.___SLinkTrigger_3ec0t_gg_ .___SText_3ec0t_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_3ec0t_gg_.__color_3ec0t_gg_{color:var(--color_3ec0t)}.___SLinkTrigger_3ec0t_gg_.__color_3ec0t_gg_:hover{color:var(--color-hover_3ec0t)}.___SLinkTrigger_3ec0t_gg_.__disabled_3ec0t_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SLinkTrigger_3ec0t_gg_.__keyboardFocused_3ec0t_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));z-index:1}.___SAddon_3ec0t_gg_,.___SLinkAddon_3ec0t_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x,2px)}.___SAddon_3ec0t_gg_:not(:only-child):first-child,.___SLinkAddon_3ec0t_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x,4px)}.___SAddon_3ec0t_gg_:not(:only-child):last-child,.___SLinkAddon_3ec0t_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x,4px)}.___SLinkAddon_3ec0t_gg_{width:16px;height:16px}.___SLinkTrigger_3ec0t_gg_._size_m_3ec0t_gg_{font-size:var(--intergalactic-fs-200,14px)}.___SLinkTrigger_3ec0t_gg_._size_l_3ec0t_gg_{font-size:var(--intergalactic-fs-300,16px)}@media (prefers-reduced-motion){.___SLinkTrigger_3ec0t_gg_{transition:none}.___SLinkTrigger_3ec0t_gg_ .___SText_3ec0t_gg_{transition:none}}"
|
|
58
58
|
/*__inner_css_end__*/
|
|
59
|
-
, "
|
|
59
|
+
, "3ec0t_gg_")
|
|
60
60
|
/*__reshadow_css_end__*/
|
|
61
61
|
, {
|
|
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": "
|
|
62
|
+
"__SLinkTrigger": "___SLinkTrigger_3ec0t_gg_",
|
|
63
|
+
"_active": "__active_3ec0t_gg_",
|
|
64
|
+
"__SText": "___SText_3ec0t_gg_",
|
|
65
|
+
"_color": "__color_3ec0t_gg_",
|
|
66
|
+
"--color": "--color_3ec0t",
|
|
67
|
+
"--color-hover": "--color-hover_3ec0t",
|
|
68
|
+
"_disabled": "__disabled_3ec0t_gg_",
|
|
69
|
+
"_keyboardFocused": "__keyboardFocused_3ec0t_gg_",
|
|
70
|
+
"__SAddon": "___SAddon_3ec0t_gg_",
|
|
71
|
+
"__SLinkAddon": "___SLinkAddon_3ec0t_gg_",
|
|
72
|
+
"_size_m": "_size_m_3ec0t_gg_",
|
|
73
|
+
"_size_l": "_size_l_3ec0t_gg_"
|
|
74
74
|
});
|
|
75
75
|
|
|
76
76
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/cjs/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Dot from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport interface IBaseTriggerProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n}\n\nexport interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n}\n\nexport interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n}\n\nexport interface IFilterTriggerProps extends IBaseTriggerProps {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n}\n\ndeclare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: <T>(\n props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,\n ) => ReturnEl;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Dot from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport interface IBaseTriggerProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n}\n\nexport interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n}\n\nexport interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n}\n\nexport interface IFilterTriggerProps extends IBaseTriggerProps {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n}\n\ndeclare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: <T>(\n props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,\n ) => ReturnEl;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.localizedMessages = void 0;
|
|
9
|
+
|
|
10
|
+
var _de = _interopRequireDefault(require("./de.json"));
|
|
11
|
+
|
|
12
|
+
var _en = _interopRequireDefault(require("./en.json"));
|
|
13
|
+
|
|
14
|
+
var _es = _interopRequireDefault(require("./es.json"));
|
|
15
|
+
|
|
16
|
+
var _fr = _interopRequireDefault(require("./fr.json"));
|
|
17
|
+
|
|
18
|
+
var _it = _interopRequireDefault(require("./it.json"));
|
|
19
|
+
|
|
20
|
+
var _ja = _interopRequireDefault(require("./ja.json"));
|
|
21
|
+
|
|
22
|
+
var _ko = _interopRequireDefault(require("./ko.json"));
|
|
23
|
+
|
|
24
|
+
var _pt = _interopRequireDefault(require("./pt.json"));
|
|
25
|
+
|
|
26
|
+
var _tr = _interopRequireDefault(require("./tr.json"));
|
|
27
|
+
|
|
28
|
+
var _vi = _interopRequireDefault(require("./vi.json"));
|
|
29
|
+
|
|
30
|
+
var _zh = _interopRequireDefault(require("./zh.json"));
|
|
31
|
+
|
|
32
|
+
var localizedMessages = {
|
|
33
|
+
de: _de["default"],
|
|
34
|
+
en: _en["default"],
|
|
35
|
+
es: _es["default"],
|
|
36
|
+
fr: _fr["default"],
|
|
37
|
+
it: _it["default"],
|
|
38
|
+
ja: _ja["default"],
|
|
39
|
+
ko: _ko["default"],
|
|
40
|
+
pt: _pt["default"],
|
|
41
|
+
tr: _tr["default"],
|
|
42
|
+
vi: _vi["default"],
|
|
43
|
+
zh: _zh["default"]
|
|
44
|
+
};
|
|
45
|
+
exports.localizedMessages = localizedMessages;
|
|
46
|
+
//# sourceMappingURL=__intergalactic-dynamic-locales.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["localizedMessages","de","en","es","fr","it","ja","ko","pt","tr","vi","zh"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAMA,iBAAiB,GAAG;EAC/BC,EAAE,EAAFA,cAD+B;EAE/BC,EAAE,EAAFA,cAF+B;EAG/BC,EAAE,EAAFA,cAH+B;EAI/BC,EAAE,EAAFA,cAJ+B;EAK/BC,EAAE,EAAFA,cAL+B;EAM/BC,EAAE,EAAFA,cAN+B;EAO/BC,EAAE,EAAFA,cAP+B;EAQ/BC,EAAE,EAAFA,cAR+B;EAS/BC,EAAE,EAAFA,cAT+B;EAU/BC,EAAE,EAAFA,cAV+B;EAW/BC,EAAE,EAAFA;AAX+B,CAA1B"}
|
package/lib/es6/BaseTrigger.js
CHANGED
|
@@ -30,28 +30,28 @@ var style = (
|
|
|
30
30
|
/*__reshadow_css_start__*/
|
|
31
31
|
_sstyled.insert(
|
|
32
32
|
/*__inner_css_start__*/
|
|
33
|
-
".
|
|
33
|
+
".___SBaseTrigger_15fxn_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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;background:var(--intergalactic-bg-primary-neutral,#fff);font-weight:var(--intergalactic-regular,400);border:1px solid var(--intergalactic-border-primary,#c4c7cf);color:var(--intergalactic-text-primary,#191b23)}.___SBaseTrigger_15fxn_gg_::-moz-focus-inner{border:none;padding:0}.___SBaseTrigger_15fxn_gg_:active,.___SBaseTrigger_15fxn_gg_:focus,.___SBaseTrigger_15fxn_gg_:hover{outline:0;text-decoration:none}.___SBaseTrigger_15fxn_gg_.__keyboardFocused_15fxn_gg_{border:1px solid var(--intergalactic-border-info-active,#006dca);box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SBaseTrigger_15fxn_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover,#f4f5f9)}.___SBaseTrigger_15fxn_gg_:active,.___SBaseTrigger_15fxn_gg_.__active_15fxn_gg_{background-color:var(--intergalactic-bg-primary-neutral-active,#e0e1e9)}.___SBaseTrigger_15fxn_gg_.__disabled_15fxn_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SBaseTrigger_15fxn_gg_.__keyboardFocused_15fxn_gg_{z-index:1}.___SInner_15fxn_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_15fxn_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_15fxn_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_15fxn_gg_{width:12px;height:12px}.___SBaseTrigger_15fxn_gg_._size_m_15fxn_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-2x,8px);font-size:var(--intergalactic-fs-200,14px)}.___SBaseTrigger_15fxn_gg_._size_m_15fxn_gg_ .___SAddon_15fxn_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_15fxn_gg_._size_m_15fxn_gg_ .___SAddon_15fxn_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_15fxn_gg_._size_m_15fxn_gg_ .___SAddon_15fxn_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_15fxn_gg_._size_l_15fxn_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);padding:0 var(--intergalactic-spacing-3x,12px);font-size:var(--intergalactic-fs-300,16px)}.___SBaseTrigger_15fxn_gg_._size_l_15fxn_gg_ .___SAddon_15fxn_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_15fxn_gg_._size_l_15fxn_gg_ .___SAddon_15fxn_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x,8px)}.___SBaseTrigger_15fxn_gg_._size_l_15fxn_gg_ .___SAddon_15fxn_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-1x, 4px)*-1);margin-right:calc(var(--intergalactic-spacing-1x, 4px)*-1)}.___SBaseTrigger_15fxn_gg_._neighborLocation_right_15fxn_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_15fxn_gg_._neighborLocation_both_15fxn_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_15fxn_gg_._neighborLocation_left_15fxn_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_15fxn_gg_.__placeholder_15fxn_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SBaseTrigger_15fxn_gg_._state_normal_15fxn_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SBaseTrigger_15fxn_gg_._state_valid_15fxn_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SBaseTrigger_15fxn_gg_._state_invalid_15fxn_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SBaseTrigger_15fxn_gg_._state_invalid_15fxn_gg_.__keyboardFocused_15fxn_gg_{border-color:var(--intergalactic-border-danger-active,#d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid,0 0 0 3px rgba(255,73,83,.3))}"
|
|
34
34
|
/*__inner_css_end__*/
|
|
35
|
-
, "
|
|
35
|
+
, "15fxn_gg_")
|
|
36
36
|
/*__reshadow_css_end__*/
|
|
37
37
|
, {
|
|
38
|
-
"__SBaseTrigger": "
|
|
39
|
-
"_keyboardFocused": "
|
|
40
|
-
"_active": "
|
|
41
|
-
"_disabled": "
|
|
42
|
-
"__SInner": "
|
|
43
|
-
"__SText": "
|
|
44
|
-
"__SAddon": "
|
|
45
|
-
"__SBaseAddon": "
|
|
46
|
-
"_size_m": "
|
|
47
|
-
"_size_l": "
|
|
48
|
-
"_neighborLocation_right": "
|
|
49
|
-
"_neighborLocation_both": "
|
|
50
|
-
"_neighborLocation_left": "
|
|
51
|
-
"_placeholder": "
|
|
52
|
-
"_state_normal": "
|
|
53
|
-
"_state_valid": "
|
|
54
|
-
"_state_invalid": "
|
|
38
|
+
"__SBaseTrigger": "___SBaseTrigger_15fxn_gg_",
|
|
39
|
+
"_keyboardFocused": "__keyboardFocused_15fxn_gg_",
|
|
40
|
+
"_active": "__active_15fxn_gg_",
|
|
41
|
+
"_disabled": "__disabled_15fxn_gg_",
|
|
42
|
+
"__SInner": "___SInner_15fxn_gg_",
|
|
43
|
+
"__SText": "___SText_15fxn_gg_",
|
|
44
|
+
"__SAddon": "___SAddon_15fxn_gg_",
|
|
45
|
+
"__SBaseAddon": "___SBaseAddon_15fxn_gg_",
|
|
46
|
+
"_size_m": "_size_m_15fxn_gg_",
|
|
47
|
+
"_size_l": "_size_l_15fxn_gg_",
|
|
48
|
+
"_neighborLocation_right": "_neighborLocation_right_15fxn_gg_",
|
|
49
|
+
"_neighborLocation_both": "_neighborLocation_both_15fxn_gg_",
|
|
50
|
+
"_neighborLocation_left": "_neighborLocation_left_15fxn_gg_",
|
|
51
|
+
"_placeholder": "__placeholder_15fxn_gg_",
|
|
52
|
+
"_state_normal": "_state_normal_15fxn_gg_",
|
|
53
|
+
"_state_valid": "_state_valid_15fxn_gg_",
|
|
54
|
+
"_state_invalid": "_state_invalid_15fxn_gg_"
|
|
55
55
|
});
|
|
56
56
|
|
|
57
57
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/es6/ButtonTrigger.js
CHANGED
|
@@ -23,13 +23,13 @@ var style = (
|
|
|
23
23
|
/*__reshadow_css_start__*/
|
|
24
24
|
_sstyled.insert(
|
|
25
25
|
/*__inner_css_start__*/
|
|
26
|
-
".
|
|
26
|
+
".___SButtonAddon_e9rhu_gg_{width:12px;height:12px}.___SButtonTriggerSpin_e9rhu_gg_{fill:var(--intergalactic-icon-primary-neutral,#6c6e79)}"
|
|
27
27
|
/*__inner_css_end__*/
|
|
28
|
-
, "
|
|
28
|
+
, "e9rhu_gg_")
|
|
29
29
|
/*__reshadow_css_end__*/
|
|
30
30
|
, {
|
|
31
|
-
"__SButtonAddon": "
|
|
32
|
-
"__SButtonTriggerSpin": "
|
|
31
|
+
"__SButtonAddon": "___SButtonAddon_e9rhu_gg_",
|
|
32
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_e9rhu_gg_"
|
|
33
33
|
});
|
|
34
34
|
|
|
35
35
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/es6/FilterTrigger.js
CHANGED
|
@@ -27,31 +27,33 @@ import Close from '@semcore/icon/Close/m';
|
|
|
27
27
|
import ChevronDown from '@semcore/icon/ChevronDown/m';
|
|
28
28
|
import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
|
|
29
29
|
import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
|
|
30
|
+
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
31
|
+
import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
|
|
30
32
|
|
|
31
33
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
32
34
|
var style = (
|
|
33
35
|
/*__reshadow_css_start__*/
|
|
34
36
|
_sstyled.insert(
|
|
35
37
|
/*__inner_css_start__*/
|
|
36
|
-
".
|
|
38
|
+
".___SButtonTrigger_1p62z_gg_{border:1px solid var(--intergalactic-border-primary,#c4c7cf);background:var(--intergalactic-bg-primary-neutral,#fff);color:var(--intergalactic-text-primary,#191b23)}.___SButtonTrigger_1p62z_gg_::-moz-focus-inner{border:none;padding:0}.___SButtonTrigger_1p62z_gg_:active,.___SButtonTrigger_1p62z_gg_:focus,.___SButtonTrigger_1p62z_gg_:hover{outline:0;text-decoration:none}.___SButtonTrigger_1p62z_gg_:active,.___SButtonTrigger_1p62z_gg_:hover,.___SButtonTrigger_1p62z_gg_.__active_1p62z_gg_{background-color:var(--intergalactic-control-secondary-neutral-hover,rgba(138,142,155,.2))}.___SButtonTrigger_1p62z_gg_._size_m_1p62z_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-200,14px)}.___SButtonTrigger_1p62z_gg_._size_l_1p62z_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-rounded-medium,6px);font-size:var(--intergalactic-fs-300,16px)}.___SText_1p62z_gg_.__placeholder_1p62z_gg_{color:var(--intergalactic-text-placeholder,#a9abb6)}.___SButtonTrigger_1p62z_gg_._state_normal_1p62z_gg_{border-color:var(--intergalactic-border-primary,#c4c7cf)}.___SButtonTrigger_1p62z_gg_._state_valid_1p62z_gg_{border-color:var(--intergalactic-border-success,#59ddaa)}.___SButtonTrigger_1p62z_gg_._state_invalid_1p62z_gg_{border-color:var(--intergalactic-border-danger,#ffaeb5)}.___SFilterTrigger_1p62z_gg_.__selected_1p62z_gg_{border-color:var(--intergalactic-border-info-active,#006dca);background-color:var(--intergalactic-control-secondary-info-hover,rgba(0,143,248,.2));color:var(--intergalactic-text-primary,#191b23)}.___SFilterTrigger_1p62z_gg_.__selected_1p62z_gg_:hover,.___SFilterTrigger_1p62z_gg_.__selected_1p62z_gg_.__active_1p62z_gg_{background-color:var(--intergalactic-control-secondary-info-active,rgba(0,143,248,.3))}.___SWrapper_1p62z_gg_{display:inline-flex}.___SWrapper_1p62z_gg_:focus{outline:none}.___SWrapper_1p62z_gg_.__keyboardFocused_1p62z_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3))}.___SCounter_1p62z_gg_{background-color:var(--intergalactic-bg-primary-info,#008ff8)}"
|
|
37
39
|
/*__inner_css_end__*/
|
|
38
|
-
, "
|
|
40
|
+
, "1p62z_gg_")
|
|
39
41
|
/*__reshadow_css_end__*/
|
|
40
42
|
, {
|
|
41
|
-
"__SButtonTrigger": "
|
|
42
|
-
"_active": "
|
|
43
|
-
"_size_m": "
|
|
44
|
-
"_size_l": "
|
|
45
|
-
"__SText": "
|
|
46
|
-
"_placeholder": "
|
|
47
|
-
"_state_normal": "
|
|
48
|
-
"_state_valid": "
|
|
49
|
-
"_state_invalid": "
|
|
50
|
-
"__SFilterTrigger": "
|
|
51
|
-
"_selected": "
|
|
52
|
-
"__SWrapper": "
|
|
53
|
-
"_keyboardFocused": "
|
|
54
|
-
"__SCounter": "
|
|
43
|
+
"__SButtonTrigger": "___SButtonTrigger_1p62z_gg_",
|
|
44
|
+
"_active": "__active_1p62z_gg_",
|
|
45
|
+
"_size_m": "_size_m_1p62z_gg_",
|
|
46
|
+
"_size_l": "_size_l_1p62z_gg_",
|
|
47
|
+
"__SText": "___SText_1p62z_gg_",
|
|
48
|
+
"_placeholder": "__placeholder_1p62z_gg_",
|
|
49
|
+
"_state_normal": "_state_normal_1p62z_gg_",
|
|
50
|
+
"_state_valid": "_state_valid_1p62z_gg_",
|
|
51
|
+
"_state_invalid": "_state_invalid_1p62z_gg_",
|
|
52
|
+
"__SFilterTrigger": "___SFilterTrigger_1p62z_gg_",
|
|
53
|
+
"_selected": "__selected_1p62z_gg_",
|
|
54
|
+
"__SWrapper": "___SWrapper_1p62z_gg_",
|
|
55
|
+
"_keyboardFocused": "__keyboardFocused_1p62z_gg_",
|
|
56
|
+
"__SCounter": "___SCounter_1p62z_gg_"
|
|
55
57
|
});
|
|
56
58
|
|
|
57
59
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -93,14 +95,15 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
93
95
|
size = _this$asProps.size,
|
|
94
96
|
placeholder = _this$asProps.placeholder,
|
|
95
97
|
active = _this$asProps.active,
|
|
96
|
-
disabled = _this$asProps.disabled
|
|
98
|
+
disabled = _this$asProps.disabled,
|
|
99
|
+
getI18nText = _this$asProps.getI18nText;
|
|
97
100
|
|
|
98
101
|
if (this.asProps.role === 'button') {
|
|
99
102
|
this.asProps.role = 'group';
|
|
100
103
|
}
|
|
101
104
|
|
|
102
105
|
return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SWrapper, _ref3.cn("SWrapper", _objectSpread({}, _assignProps({
|
|
103
|
-
"aria-label":
|
|
106
|
+
"aria-label": getI18nText('filter')
|
|
104
107
|
}, _ref))), /*#__PURE__*/React.createElement(NeighborLocation, _ref3.cn("NeighborLocation", {}), /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
105
108
|
"w": "100%",
|
|
106
109
|
"size": size,
|
|
@@ -113,7 +116,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
|
113
116
|
tag: ChevronDown
|
|
114
117
|
})), !empty && /*#__PURE__*/React.createElement(SFilterTrigger, _ref3.cn("SFilterTrigger", {
|
|
115
118
|
"tag": "button",
|
|
116
|
-
"aria-label":
|
|
119
|
+
"aria-label": getI18nText('clear'),
|
|
117
120
|
"size": size,
|
|
118
121
|
"empty": empty,
|
|
119
122
|
"selected": true,
|
|
@@ -133,6 +136,13 @@ _defineProperty(RootFilterTrigger, "displayName", 'FilterTrigger');
|
|
|
133
136
|
|
|
134
137
|
_defineProperty(RootFilterTrigger, "style", style);
|
|
135
138
|
|
|
139
|
+
_defineProperty(RootFilterTrigger, "enhance", [i18nEnhance(localizedMessages)]);
|
|
140
|
+
|
|
141
|
+
_defineProperty(RootFilterTrigger, "defaultProps", {
|
|
142
|
+
i18n: localizedMessages,
|
|
143
|
+
locale: 'en'
|
|
144
|
+
});
|
|
145
|
+
|
|
136
146
|
function Counter(props) {
|
|
137
147
|
var _ref2 = arguments[0],
|
|
138
148
|
_ref4;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","RootFilterTrigger","e","stopPropagation","SWrapper","SFilterTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","role","FilterTrigger","Text","Addon","Counter","handleStopPropagation","style","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';\n\nimport style from './style/filter-trigger.shadow.css';\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\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 }
|
|
1
|
+
{"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","RootFilterTrigger","e","stopPropagation","SWrapper","SFilterTrigger","asProps","Children","styles","empty","onClear","size","placeholder","active","disabled","getI18nText","role","FilterTrigger","Text","Addon","Counter","handleStopPropagation","style","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';\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 = [i18nEnhance(localizedMessages)];\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":";;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,eAAP,IAA0BC,SAA1B,EAAqCC,IAArC,EAA2CC,OAA3C,QAA0D,eAA1D;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,gBAAP,MAA6B,4BAA7B;AACA,OAAOC,GAAP,MAAgB,cAAhB;AACA,OAAOC,KAAP,MAAkB,uBAAlB;AACA,OAAOC,WAAP,MAAwB,6BAAxB;AACA,SAASC,oBAAT,QAAqC,gCAArC;AACA,OAAOC,iBAAP,MAA8B,sCAA9B;AACA,SAASC,iBAAT,QAAkC,gDAAlC;AACA,OAAOC,WAAP,MAAwB,yCAAxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIMC,iB;;;;;;;;;;;;;;;;4EASoB,UAACC,CAAD;MAAA,OAAOA,CAAC,CAACC,eAAF,EAAP;IAAA,C;;;;;;;WAExB,kBAAS;MAAA;MAAA;;MACP,IAAMC,QAAQ,GAUMZ,GAVpB;MACA,IAAMa,cAAc,GAAGd,WAAvB;MACA,oBACE,KAAKe,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,eAAO1B,OAAO,CAACkB,MAAD,CAAd,eACE,oBAAC,QAAD;QAAA,cAAmCO,WAAW,CAAC,QAAD;MAA9C,yBACE,oBAAC,gBAAD,iDACE,oBAAC,cAAD;QAAA,KACI,MADJ;QAAA,QAEQJ,IAFR;QAAA,eAGeC,WAHf;QAAA,SAISH,KAJT;QAAA,YAKY,CAACA,KALb;QAAA,UAMUI,MANV;QAAA,YAOYC;MAPZ,IASGhB,iBAAiB,CAChBS,QADgB,EAEhBU,aAAa,CAACC,IAFE,EAGhB,CAACD,aAAa,CAACE,KAAf,EAAsBF,aAAa,CAACG,OAApC,CAHgB,EAIhBX,KAJgB,CATpB,EAeGA,KAAK,iBAAI,oBAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEb;MAA1B,EAfZ,CADF,EAkBG,CAACa,KAAD,iBACC,oBAAC,cAAD;QAAA,OACM,QADN;QAAA,cAEcM,WAAW,CAAC,OAAD,CAFzB;QAAA,QAGQJ,IAHR;QAAA,SAISF,KAJT;QAAA;QAAA,WAMWZ,oBAAoB,CAACa,OAAD,EAAU,KAAKW,qBAAf,CAN/B;QAAA,aAOa,KAAKA,qBAPlB;QAAA,YAQYP;MARZ,iBAUE,oBAAC,aAAD,CAAe,KAAf;QAAqB,GAAG,EAAEnB;MAA1B,EAVF,CAnBJ,CADF,CADF;IAqCD;;;;EA1D6BP,S;;gBAA1Ba,iB,iBACiB,e;;gBADjBA,iB,WAEWqB,K;;gBAFXrB,iB,aAGa,CAACD,WAAW,CAACD,iBAAD,CAAZ,C;;gBAHbE,iB,kBAIkB;EACpBsB,IAAI,EAAExB,iBADc;EAEpByB,MAAM,EAAE;AAFY,C;;AAyDxB,SAASJ,OAAT,CAAiBK,KAAjB,EAAwB;EAAA;EAAA;;EACtB,IAAMC,QAAQ,GACiCnC,WAAW,CAAC4B,KAD3D;EACA,eAAO7B,OAAO,CAACmC,KAAK,CAACjB,MAAP,CAAd,eAA6B,oBAAC,QAAD;IAAA,OAA0Cd;EAA1C,YAA7B;AACD;;AAED,IAAMuB,aAAa,GAAG9B,eAAe,CACnCc,iBADmC,EAEnC;EACEiB,IAAI,EAAE3B,WAAW,CAAC2B,IADpB;EAEEC,KAAK,EAAE5B,WAAW,CAAC4B,KAFrB;EAGEC,OAAO,EAAPA;AAHF,CAFmC,EAOnC;EACEO,MAAM,EAAEpC;AADV,CAPmC,CAArC;AAYA,eAAe0B,aAAf"}
|
package/lib/es6/LinkTrigger.js
CHANGED
|
@@ -31,23 +31,23 @@ var style = (
|
|
|
31
31
|
/*__reshadow_css_start__*/
|
|
32
32
|
_sstyled.insert(
|
|
33
33
|
/*__inner_css_start__*/
|
|
34
|
-
".
|
|
34
|
+
".___SLinkTrigger_3ec0t_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;outline:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:var(--intergalactic-base,Inter),sans-serif;cursor:pointer;color:var(--intergalactic-text-link,#006dca);background:none;transition:color .15s ease-in-out}.___SLinkTrigger_3ec0t_gg_:active,.___SLinkTrigger_3ec0t_gg_:hover,.___SLinkTrigger_3ec0t_gg_.__active_3ec0t_gg_{color:var(--intergalactic-text-link-hover-active,#044792)}.___SLinkTrigger_3ec0t_gg_:active .___SText_3ec0t_gg_,.___SLinkTrigger_3ec0t_gg_:hover .___SText_3ec0t_gg_,.___SLinkTrigger_3ec0t_gg_.__active_3ec0t_gg_ .___SText_3ec0t_gg_{border-color:currentColor}.___SLinkTrigger_3ec0t_gg_ .___SText_3ec0t_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_3ec0t_gg_.__color_3ec0t_gg_{color:var(--color_3ec0t)}.___SLinkTrigger_3ec0t_gg_.__color_3ec0t_gg_:hover{color:var(--color-hover_3ec0t)}.___SLinkTrigger_3ec0t_gg_.__disabled_3ec0t_gg_{opacity:var(--intergalactic-disabled-opacity,.3);cursor:default;pointer-events:none}.___SLinkTrigger_3ec0t_gg_.__keyboardFocused_3ec0t_gg_{box-shadow:var(--intergalactic-keyboard-focus,0 0 0 3px rgba(0,143,248,.3));z-index:1}.___SAddon_3ec0t_gg_,.___SLinkAddon_3ec0t_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x,2px)}.___SAddon_3ec0t_gg_:not(:only-child):first-child,.___SLinkAddon_3ec0t_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x,4px)}.___SAddon_3ec0t_gg_:not(:only-child):last-child,.___SLinkAddon_3ec0t_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x,4px)}.___SLinkAddon_3ec0t_gg_{width:16px;height:16px}.___SLinkTrigger_3ec0t_gg_._size_m_3ec0t_gg_{font-size:var(--intergalactic-fs-200,14px)}.___SLinkTrigger_3ec0t_gg_._size_l_3ec0t_gg_{font-size:var(--intergalactic-fs-300,16px)}@media (prefers-reduced-motion){.___SLinkTrigger_3ec0t_gg_{transition:none}.___SLinkTrigger_3ec0t_gg_ .___SText_3ec0t_gg_{transition:none}}"
|
|
35
35
|
/*__inner_css_end__*/
|
|
36
|
-
, "
|
|
36
|
+
, "3ec0t_gg_")
|
|
37
37
|
/*__reshadow_css_end__*/
|
|
38
38
|
, {
|
|
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": "
|
|
39
|
+
"__SLinkTrigger": "___SLinkTrigger_3ec0t_gg_",
|
|
40
|
+
"_active": "__active_3ec0t_gg_",
|
|
41
|
+
"__SText": "___SText_3ec0t_gg_",
|
|
42
|
+
"_color": "__color_3ec0t_gg_",
|
|
43
|
+
"--color": "--color_3ec0t",
|
|
44
|
+
"--color-hover": "--color-hover_3ec0t",
|
|
45
|
+
"_disabled": "__disabled_3ec0t_gg_",
|
|
46
|
+
"_keyboardFocused": "__keyboardFocused_3ec0t_gg_",
|
|
47
|
+
"__SAddon": "___SAddon_3ec0t_gg_",
|
|
48
|
+
"__SLinkAddon": "___SLinkAddon_3ec0t_gg_",
|
|
49
|
+
"_size_m": "_size_m_3ec0t_gg_",
|
|
50
|
+
"_size_l": "_size_l_3ec0t_gg_"
|
|
51
51
|
});
|
|
52
52
|
|
|
53
53
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
package/lib/es6/index.d.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Dot from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport interface IBaseTriggerProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n}\n\nexport interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n}\n\nexport interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n}\n\nexport interface IFilterTriggerProps extends IBaseTriggerProps {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n}\n\ndeclare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: <T>(\n props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,\n ) => ReturnEl;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React, { ComponentProps } from 'react';\nimport { CProps, ReturnEl } from '@semcore/core';\nimport { Box, IBoxProps } from '@semcore/flex-box';\nimport Dot from '@semcore/dot';\nimport { INeighborItemProps } from '@semcore/neighbor-location';\nimport { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport interface IBaseTriggerProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {\n /**\n * Trigger size\n * @default m\n */\n size?: 'm' | 'l';\n /**\n * Trigger state\n */\n state?: 'normal' | 'valid' | 'invalid';\n /**\n * Sets active state to trigger\n */\n active?: boolean;\n /**\n * Responsible for placeholder displaying\n */\n empty?: boolean;\n /**\n * Placeholder text\n */\n placeholder?: React.ReactNode;\n /**\n * Sets disabled state to trigger\n */\n disabled?: boolean;\n /** Trigger theme\n * @deprecated\n * @use IBaseTriggerProps.state\n * */\n theme?: 'normal' | 'valid' | 'invalid' | false;\n}\n\nexport interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n}\n\nexport interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n}\n\nexport interface IFilterTriggerProps extends IBaseTriggerProps {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n}\n\ndeclare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: <T>(\n props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,\n ) => ReturnEl;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import de from './de.json';
|
|
2
|
+
import en from './en.json';
|
|
3
|
+
import es from './es.json';
|
|
4
|
+
import fr from './fr.json';
|
|
5
|
+
import it from './it.json';
|
|
6
|
+
import ja from './ja.json';
|
|
7
|
+
import ko from './ko.json';
|
|
8
|
+
import pt from './pt.json';
|
|
9
|
+
import tr from './tr.json';
|
|
10
|
+
import vi from './vi.json';
|
|
11
|
+
import zh from './zh.json';
|
|
12
|
+
export var localizedMessages = {
|
|
13
|
+
de: de,
|
|
14
|
+
en: en,
|
|
15
|
+
es: es,
|
|
16
|
+
fr: fr,
|
|
17
|
+
it: it,
|
|
18
|
+
ja: ja,
|
|
19
|
+
ko: ko,
|
|
20
|
+
pt: pt,
|
|
21
|
+
tr: tr,
|
|
22
|
+
vi: vi,
|
|
23
|
+
zh: zh
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=__intergalactic-dynamic-locales.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","pt","tr","vi","zh","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\n\nexport const localizedMessages = {\n de,\n en,\n es,\n fr,\n it,\n ja,\n ko,\n pt,\n tr,\n vi,\n zh,\n};\n"],"mappings":"AAAA,OAAOA,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AACA,OAAOC,EAAP,MAAe,WAAf;AAEA,OAAO,IAAMC,iBAAiB,GAAG;EAC/BX,EAAE,EAAFA,EAD+B;EAE/BC,EAAE,EAAFA,EAF+B;EAG/BC,EAAE,EAAFA,EAH+B;EAI/BC,EAAE,EAAFA,EAJ+B;EAK/BC,EAAE,EAAFA,EAL+B;EAM/BC,EAAE,EAAFA,EAN+B;EAO/BC,EAAE,EAAFA,EAP+B;EAQ/BC,EAAE,EAAFA,EAR+B;EAS/BC,EAAE,EAAFA,EAT+B;EAU/BC,EAAE,EAAFA,EAV+B;EAW/BC,EAAE,EAAFA;AAX+B,CAA1B"}
|
package/lib/types/index.d.ts
CHANGED
|
@@ -53,6 +53,7 @@ export interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {
|
|
|
53
53
|
export interface IFilterTriggerProps extends IBaseTriggerProps {
|
|
54
54
|
/** Click on the filter cleaning cross */
|
|
55
55
|
onClear?: (event: React.SyntheticEvent) => void;
|
|
56
|
+
locale?: string;
|
|
56
57
|
}
|
|
57
58
|
|
|
58
59
|
declare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {
|