intergalactic 15.68.1 → 15.69.0-prerelease.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 +16 -0
- package/base-trigger/index.d.ts +5 -0
- package/base-trigger/lib/cjs/BaseTrigger.js +18 -18
- package/base-trigger/lib/cjs/ButtonTrigger.js +8 -4
- package/base-trigger/lib/cjs/ButtonTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
- package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
- package/base-trigger/lib/cjs/index.d.js.map +1 -1
- package/base-trigger/lib/es6/BaseTrigger.js +18 -18
- package/base-trigger/lib/es6/ButtonTrigger.js +8 -4
- package/base-trigger/lib/es6/ButtonTrigger.js.map +1 -1
- package/base-trigger/lib/es6/FilterTrigger.js +7 -7
- package/base-trigger/lib/es6/LinkTrigger.js +12 -12
- package/base-trigger/lib/es6/index.d.js.map +1 -1
- package/base-trigger/lib/types/index.d.ts +5 -0
- package/d3-chart/lib/cjs/a11y/insights.js +7 -6
- package/d3-chart/lib/cjs/a11y/insights.js.map +1 -1
- package/d3-chart/lib/es6/a11y/insights.js +7 -6
- package/d3-chart/lib/es6/a11y/insights.js.map +1 -1
- package/data-table/lib/cjs/Body.js +4 -4
- package/data-table/lib/cjs/DataTable.js +41 -41
- package/data-table/lib/cjs/Head.js +4 -4
- package/data-table/lib/es6/Body.js +4 -4
- package/data-table/lib/es6/DataTable.js +41 -41
- package/data-table/lib/es6/Head.js +4 -4
- package/date-picker/lib/cjs/DateRangePicker.js +3 -1
- package/date-picker/lib/cjs/DateRangePicker.js.map +1 -1
- package/date-picker/lib/cjs/MonthRangePicker.js +3 -1
- package/date-picker/lib/cjs/MonthRangePicker.js.map +1 -1
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +42 -39
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
- package/date-picker/lib/cjs/components/InputTrigger.js +26 -26
- package/date-picker/lib/cjs/components/PickerAbstract.js +26 -26
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +52 -50
- package/date-picker/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/date-picker/lib/es6/DateRangePicker.js +3 -1
- package/date-picker/lib/es6/DateRangePicker.js.map +1 -1
- package/date-picker/lib/es6/MonthRangePicker.js +3 -1
- package/date-picker/lib/es6/MonthRangePicker.js.map +1 -1
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +42 -39
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
- package/date-picker/lib/es6/components/InputTrigger.js +26 -26
- package/date-picker/lib/es6/components/PickerAbstract.js +26 -26
- package/date-picker/lib/es6/components/RangePickerAbstract.js +52 -50
- package/date-picker/lib/es6/components/RangePickerAbstract.js.map +1 -1
- package/dropdown-menu/lib/cjs/DropdownMenu.js +15 -15
- package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
- package/dropdown-menu/lib/es6/DropdownMenu.js +15 -15
- package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
- package/input-tags/lib/cjs/InputTags.js +12 -12
- package/input-tags/lib/es6/InputTags.js +12 -12
- package/package.json +1 -1
- package/scroll-area/lib/cjs/ScrollArea.js +15 -12
- package/scroll-area/lib/cjs/ScrollArea.js.map +1 -1
- package/scroll-area/lib/cjs/ScrollBar.js +5 -5
- package/scroll-area/lib/es6/ScrollArea.js +15 -12
- package/scroll-area/lib/es6/ScrollArea.js.map +1 -1
- package/scroll-area/lib/es6/ScrollBar.js +5 -5
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +9 -9
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +9 -9
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
## [15.69.0] - 2024-03-11
|
|
2
|
+
|
|
3
|
+
### @semcore/base-trigger
|
|
4
|
+
|
|
5
|
+
- **Added** ButtonTrigger got `chevron` prop that controls display of chevron icon.
|
|
6
|
+
|
|
7
|
+
### @semcore/date-picker
|
|
8
|
+
|
|
9
|
+
- **Changed** Selected date range now is immediately represented in input trigger even before clicking the apply button.
|
|
10
|
+
- **Changed** While typings date range in input trigger, the calendar changes displayed period to a typed one.
|
|
11
|
+
- **Fixed** In month date range pickers the second calendar was not usable from the keyboard.
|
|
12
|
+
|
|
13
|
+
### @semcore/scroll-area
|
|
14
|
+
|
|
15
|
+
- **Fixed** Unexpected scroll in some corner cases.
|
|
16
|
+
|
|
1
17
|
## [15.68.1] - 2024-03-08
|
|
2
18
|
|
|
3
19
|
### @semcore/data-table
|
package/base-trigger/index.d.ts
CHANGED
|
@@ -22,24 +22,24 @@ var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
|
|
|
22
22
|
var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
|
|
23
23
|
var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
|
|
24
24
|
/*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
25
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
26
|
-
"__SBaseTrigger": "
|
|
27
|
-
"_disabled": "
|
|
28
|
-
"__SInner": "
|
|
29
|
-
"__SText": "
|
|
30
|
-
"__SAddon": "
|
|
31
|
-
"__SBaseAddon": "
|
|
32
|
-
"_neighborLocation_right": "
|
|
33
|
-
"_neighborLocation_both": "
|
|
34
|
-
"_neighborLocation_left": "
|
|
35
|
-
"_display-placeholder": "__display-
|
|
36
|
-
"_state_valid": "
|
|
37
|
-
"__SInvalidPattern": "
|
|
38
|
-
"_size_m": "
|
|
39
|
-
"_size_l": "
|
|
40
|
-
"_keyboardFocused": "
|
|
41
|
-
"_active": "
|
|
42
|
-
"_state_invalid": "
|
|
25
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1y8zk_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1y8zk_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1y8zk_gg_:active,.___SBaseTrigger_1y8zk_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1y8zk_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1y8zk_gg_.__keyboardFocused_1y8zk_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.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1y8zk_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1y8zk_gg_.__active_1y8zk_gg_,.___SBaseTrigger_1y8zk_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1y8zk_gg_.__disabled_1y8zk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1y8zk_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1y8zk_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_1y8zk_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1y8zk_gg_{width:12px;height:12px}.___SBaseTrigger_1y8zk_gg_._size_m_1y8zk_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_1y8zk_gg_._size_m_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._size_m_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._size_l_1y8zk_gg_ .___SAddon_1y8zk_gg_:only-child,.___SBaseTrigger_1y8zk_gg_._size_m_1y8zk_gg_ .___SAddon_1y8zk_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1y8zk_gg_._size_l_1y8zk_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_1y8zk_gg_._size_l_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._size_l_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._neighborLocation_right_1y8zk_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1y8zk_gg_._neighborLocation_both_1y8zk_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1y8zk_gg_._neighborLocation_left_1y8zk_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1y8zk_gg_.__display-placeholder_1y8zk_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1y8zk_gg_._state_valid_1y8zk_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1y8zk_gg_._state_invalid_1y8zk_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1y8zk_gg_._state_invalid_1y8zk_gg_.__keyboardFocused_1y8zk_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.5))}.___SInvalidPattern_1y8zk_gg_._size_m_1y8zk_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1y8zk_gg_._size_l_1y8zk_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1y8zk_gg_") /*__reshadow_css_end__*/, {
|
|
26
|
+
"__SBaseTrigger": "___SBaseTrigger_1y8zk_gg_",
|
|
27
|
+
"_disabled": "__disabled_1y8zk_gg_",
|
|
28
|
+
"__SInner": "___SInner_1y8zk_gg_",
|
|
29
|
+
"__SText": "___SText_1y8zk_gg_",
|
|
30
|
+
"__SAddon": "___SAddon_1y8zk_gg_",
|
|
31
|
+
"__SBaseAddon": "___SBaseAddon_1y8zk_gg_",
|
|
32
|
+
"_neighborLocation_right": "_neighborLocation_right_1y8zk_gg_",
|
|
33
|
+
"_neighborLocation_both": "_neighborLocation_both_1y8zk_gg_",
|
|
34
|
+
"_neighborLocation_left": "_neighborLocation_left_1y8zk_gg_",
|
|
35
|
+
"_display-placeholder": "__display-placeholder_1y8zk_gg_",
|
|
36
|
+
"_state_valid": "_state_valid_1y8zk_gg_",
|
|
37
|
+
"__SInvalidPattern": "___SInvalidPattern_1y8zk_gg_",
|
|
38
|
+
"_size_m": "_size_m_1y8zk_gg_",
|
|
39
|
+
"_size_l": "_size_l_1y8zk_gg_",
|
|
40
|
+
"_keyboardFocused": "__keyboardFocused_1y8zk_gg_",
|
|
41
|
+
"_active": "__active_1y8zk_gg_",
|
|
42
|
+
"_state_invalid": "_state_invalid_1y8zk_gg_"
|
|
43
43
|
});
|
|
44
44
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
45
45
|
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
|
@@ -20,9 +20,9 @@ var _spin = _interopRequireDefault(require("intergalactic/spin"));
|
|
|
20
20
|
var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
|
|
21
21
|
var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
|
|
22
22
|
/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
24
|
-
"__SButtonAddon": "
|
|
25
|
-
"__SButtonTriggerSpin": "
|
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_7vjqj_gg_{width:12px;height:12px}.___SButtonTriggerSpin_7vjqj_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "7vjqj_gg_") /*__reshadow_css_end__*/, {
|
|
24
|
+
"__SButtonAddon": "___SButtonAddon_7vjqj_gg_",
|
|
25
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_7vjqj_gg_"
|
|
26
26
|
});
|
|
27
27
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
28
28
|
(0, _inherits2["default"])(RootButtonTrigger, _Component);
|
|
@@ -56,11 +56,12 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
56
56
|
Children = _this$asProps.Children,
|
|
57
57
|
styles = _this$asProps.styles,
|
|
58
58
|
loading = _this$asProps.loading,
|
|
59
|
+
chevron = _this$asProps.chevron,
|
|
59
60
|
empty = _this$asProps.empty;
|
|
60
61
|
return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({
|
|
61
62
|
"tag": 'button',
|
|
62
63
|
"type": 'button'
|
|
63
|
-
}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
64
|
+
}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
64
65
|
"size": 'xs',
|
|
65
66
|
"theme": false
|
|
66
67
|
})) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
|
|
@@ -79,6 +80,9 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
79
80
|
animateProps: ['width'],
|
|
80
81
|
onChangeOf: ['value']
|
|
81
82
|
})]);
|
|
83
|
+
(0, _defineProperty2["default"])(RootButtonTrigger, "defaultProps", {
|
|
84
|
+
chevron: true
|
|
85
|
+
});
|
|
82
86
|
var ButtonTrigger = (0, _core["default"])(RootButtonTrigger, {
|
|
83
87
|
Text: _BaseTrigger["default"].Text,
|
|
84
88
|
Addon: _BaseTrigger["default"].Addon
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} tag='button' type='button'>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n <SButtonAddon>\n
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","chevron","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} tag='button' type='button'>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}
|
|
@@ -33,13 +33,13 @@ var _inputProps = _interopRequireWildcard(require("intergalactic/utils/lib/input
|
|
|
33
33
|
var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
|
|
34
34
|
var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
|
|
35
35
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
36
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
37
|
-
"__SWrapper": "
|
|
38
|
-
"_keyboardFocused": "
|
|
39
|
-
"__SCounter": "
|
|
40
|
-
"__SFilterTrigger": "
|
|
41
|
-
"_selected": "
|
|
42
|
-
"_active": "
|
|
36
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_3clnt_gg_.__selected_3clnt_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_3clnt_gg_.__selected_3clnt_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_3clnt_gg_.__selected_3clnt_gg_.__active_3clnt_gg_,.___SFilterTrigger_3clnt_gg_.__selected_3clnt_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_3clnt_gg_{display:inline-flex}.___SWrapper_3clnt_gg_:focus{outline:0}.___SWrapper_3clnt_gg_.__keyboardFocused_3clnt_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_3clnt_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "3clnt_gg_") /*__reshadow_css_end__*/, {
|
|
37
|
+
"__SWrapper": "___SWrapper_3clnt_gg_",
|
|
38
|
+
"_keyboardFocused": "__keyboardFocused_3clnt_gg_",
|
|
39
|
+
"__SCounter": "___SCounter_3clnt_gg_",
|
|
40
|
+
"__SFilterTrigger": "___SFilterTrigger_3clnt_gg_",
|
|
41
|
+
"_selected": "__selected_3clnt_gg_",
|
|
42
|
+
"_active": "__active_3clnt_gg_"
|
|
43
43
|
});
|
|
44
44
|
var filterTriggerInputProps = [].concat((0, _toConsumableArray2["default"])(_inputProps.inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
|
|
45
45
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -21,18 +21,18 @@ var _flexBox = require("intergalactic/flex-box");
|
|
|
21
21
|
var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
|
|
22
22
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
|
23
23
|
/*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
|
25
|
-
"__SLinkTrigger": "
|
|
26
|
-
"_disabled": "
|
|
27
|
-
"_keyboardFocused": "
|
|
28
|
-
"__SLinkAddon": "
|
|
29
|
-
"_size_m": "
|
|
30
|
-
"_size_l": "
|
|
31
|
-
"_active": "
|
|
32
|
-
"__SText": "
|
|
33
|
-
"_color": "
|
|
34
|
-
"--color": "--
|
|
35
|
-
"__SAddon": "
|
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_gijpc_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;-webkit-text-decoration:none;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_gijpc_gg_.__active_gijpc_gg_,.___SLinkTrigger_gijpc_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_gijpc_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_gijpc_gg_.__active_gijpc_gg_ .___SText_gijpc_gg_,.___SLinkTrigger_gijpc_gg_:active .___SText_gijpc_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_gijpc_gg_:hover .___SText_gijpc_gg_{border-color:currentColor}}.___SLinkTrigger_gijpc_gg_ .___SText_gijpc_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_gijpc_gg_.__color_gijpc_gg_{color:var(--color_gijpc)}@media (hover:hover){.___SLinkTrigger_gijpc_gg_.__color_gijpc_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_gijpc_gg_.__disabled_gijpc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_gijpc_gg_.__keyboardFocused_gijpc_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_gijpc_gg_,.___SLinkAddon_gijpc_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_gijpc_gg_:not(:only-child):first-child,.___SLinkAddon_gijpc_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_gijpc_gg_:not(:only-child):last-child,.___SLinkAddon_gijpc_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_gijpc_gg_{width:16px;height:16px}.___SLinkTrigger_gijpc_gg_._size_m_gijpc_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_gijpc_gg_._size_l_gijpc_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_gijpc_gg_,.___SLinkTrigger_gijpc_gg_ .___SText_gijpc_gg_{transition:none}}" /*__inner_css_end__*/, "gijpc_gg_") /*__reshadow_css_end__*/, {
|
|
25
|
+
"__SLinkTrigger": "___SLinkTrigger_gijpc_gg_",
|
|
26
|
+
"_disabled": "__disabled_gijpc_gg_",
|
|
27
|
+
"_keyboardFocused": "__keyboardFocused_gijpc_gg_",
|
|
28
|
+
"__SLinkAddon": "___SLinkAddon_gijpc_gg_",
|
|
29
|
+
"_size_m": "_size_m_gijpc_gg_",
|
|
30
|
+
"_size_l": "_size_l_gijpc_gg_",
|
|
31
|
+
"_active": "__active_gijpc_gg_",
|
|
32
|
+
"__SText": "___SText_gijpc_gg_",
|
|
33
|
+
"_color": "__color_gijpc_gg_",
|
|
34
|
+
"--color": "--color_gijpc",
|
|
35
|
+
"__SAddon": "___SAddon_gijpc_gg_"
|
|
36
36
|
});
|
|
37
37
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
38
38
|
(0, _inherits2["default"])(RootLinkTrigger, _Component);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps &\n WithAnimatedSizeEnhanceProps & {\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\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\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 from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps &\n WithAnimatedSizeEnhanceProps & {\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 * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\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\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
|
@@ -18,24 +18,24 @@ import logger from 'intergalactic/utils/lib/logger';
|
|
|
18
18
|
import animatedSizeEnhance from 'intergalactic/utils/lib/enhances/animatedSizeEnhance';
|
|
19
19
|
import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
|
|
20
20
|
/*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SBaseTrigger": "
|
|
23
|
-
"_disabled": "
|
|
24
|
-
"__SInner": "
|
|
25
|
-
"__SText": "
|
|
26
|
-
"__SAddon": "
|
|
27
|
-
"__SBaseAddon": "
|
|
28
|
-
"_neighborLocation_right": "
|
|
29
|
-
"_neighborLocation_both": "
|
|
30
|
-
"_neighborLocation_left": "
|
|
31
|
-
"_display-placeholder": "__display-
|
|
32
|
-
"_state_valid": "
|
|
33
|
-
"__SInvalidPattern": "
|
|
34
|
-
"_size_m": "
|
|
35
|
-
"_size_l": "
|
|
36
|
-
"_keyboardFocused": "
|
|
37
|
-
"_active": "
|
|
38
|
-
"_state_invalid": "
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1y8zk_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1y8zk_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1y8zk_gg_:active,.___SBaseTrigger_1y8zk_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1y8zk_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1y8zk_gg_.__keyboardFocused_1y8zk_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.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1y8zk_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1y8zk_gg_.__active_1y8zk_gg_,.___SBaseTrigger_1y8zk_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1y8zk_gg_.__disabled_1y8zk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1y8zk_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1y8zk_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_1y8zk_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1y8zk_gg_{width:12px;height:12px}.___SBaseTrigger_1y8zk_gg_._size_m_1y8zk_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_1y8zk_gg_._size_m_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._size_m_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._size_l_1y8zk_gg_ .___SAddon_1y8zk_gg_:only-child,.___SBaseTrigger_1y8zk_gg_._size_m_1y8zk_gg_ .___SAddon_1y8zk_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1y8zk_gg_._size_l_1y8zk_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_1y8zk_gg_._size_l_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._size_l_1y8zk_gg_ .___SAddon_1y8zk_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1y8zk_gg_._neighborLocation_right_1y8zk_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1y8zk_gg_._neighborLocation_both_1y8zk_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1y8zk_gg_._neighborLocation_left_1y8zk_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1y8zk_gg_.__display-placeholder_1y8zk_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1y8zk_gg_._state_valid_1y8zk_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1y8zk_gg_._state_invalid_1y8zk_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1y8zk_gg_._state_invalid_1y8zk_gg_.__keyboardFocused_1y8zk_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.5))}.___SInvalidPattern_1y8zk_gg_._size_m_1y8zk_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1y8zk_gg_._size_l_1y8zk_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1y8zk_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBaseTrigger": "___SBaseTrigger_1y8zk_gg_",
|
|
23
|
+
"_disabled": "__disabled_1y8zk_gg_",
|
|
24
|
+
"__SInner": "___SInner_1y8zk_gg_",
|
|
25
|
+
"__SText": "___SText_1y8zk_gg_",
|
|
26
|
+
"__SAddon": "___SAddon_1y8zk_gg_",
|
|
27
|
+
"__SBaseAddon": "___SBaseAddon_1y8zk_gg_",
|
|
28
|
+
"_neighborLocation_right": "_neighborLocation_right_1y8zk_gg_",
|
|
29
|
+
"_neighborLocation_both": "_neighborLocation_both_1y8zk_gg_",
|
|
30
|
+
"_neighborLocation_left": "_neighborLocation_left_1y8zk_gg_",
|
|
31
|
+
"_display-placeholder": "__display-placeholder_1y8zk_gg_",
|
|
32
|
+
"_state_valid": "_state_valid_1y8zk_gg_",
|
|
33
|
+
"__SInvalidPattern": "___SInvalidPattern_1y8zk_gg_",
|
|
34
|
+
"_size_m": "_size_m_1y8zk_gg_",
|
|
35
|
+
"_size_l": "_size_l_1y8zk_gg_",
|
|
36
|
+
"_keyboardFocused": "__keyboardFocused_1y8zk_gg_",
|
|
37
|
+
"_active": "__active_1y8zk_gg_",
|
|
38
|
+
"_state_invalid": "_state_invalid_1y8zk_gg_"
|
|
39
39
|
});
|
|
40
40
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
41
41
|
_inherits(RootBaseTrigger, _Component);
|
|
@@ -14,9 +14,9 @@ import Spin from 'intergalactic/spin';
|
|
|
14
14
|
import animatedSizeEnhance from 'intergalactic/utils/lib/enhances/animatedSizeEnhance';
|
|
15
15
|
import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
|
|
16
16
|
/*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
|
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
18
|
-
"__SButtonAddon": "
|
|
19
|
-
"__SButtonTriggerSpin": "
|
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_7vjqj_gg_{width:12px;height:12px}.___SButtonTriggerSpin_7vjqj_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "7vjqj_gg_") /*__reshadow_css_end__*/, {
|
|
18
|
+
"__SButtonAddon": "___SButtonAddon_7vjqj_gg_",
|
|
19
|
+
"__SButtonTriggerSpin": "___SButtonTriggerSpin_7vjqj_gg_"
|
|
20
20
|
});
|
|
21
21
|
var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
22
22
|
_inherits(RootButtonTrigger, _Component);
|
|
@@ -50,11 +50,12 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
|
|
|
50
50
|
Children = _this$asProps.Children,
|
|
51
51
|
styles = _this$asProps.styles,
|
|
52
52
|
loading = _this$asProps.loading,
|
|
53
|
+
chevron = _this$asProps.chevron,
|
|
53
54
|
empty = _this$asProps.empty;
|
|
54
55
|
return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(BaseTrigger, _assignProps({
|
|
55
56
|
"tag": 'button',
|
|
56
57
|
"type": 'button'
|
|
57
|
-
}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
58
|
+
}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
|
|
58
59
|
"size": 'xs',
|
|
59
60
|
"theme": false
|
|
60
61
|
})) : /*#__PURE__*/React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
|
|
@@ -73,6 +74,9 @@ _defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
|
|
|
73
74
|
animateProps: ['width'],
|
|
74
75
|
onChangeOf: ['value']
|
|
75
76
|
})]);
|
|
77
|
+
_defineProperty(RootButtonTrigger, "defaultProps", {
|
|
78
|
+
chevron: true
|
|
79
|
+
});
|
|
76
80
|
var ButtonTrigger = createComponent(RootButtonTrigger, {
|
|
77
81
|
Text: BaseTrigger.Text,
|
|
78
82
|
Addon: BaseTrigger.Addon
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","empty","createElement","_assignProps","Text","cn","_defineProperty","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 getTextProps() {\n return {\n tag: 'span',\n };\n }\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} tag='button' type='button'>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n <SButtonAddon>\n
|
|
1
|
+
{"version":3,"file":"ButtonTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","BaseTrigger","Spin","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootButtonTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","_this$asProps","Children","styles","loading","chevron","empty","createElement","_assignProps","Text","cn","_defineProperty","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 static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} tag='button' type='button'>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,IAAI,MAAM,eAAe;AAChC,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,kBAAkB,QAAQ,mCAAmC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,iBAAiB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,iBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,iBAAA;EAAA,SAAAA,kBAAA;IAAAK,eAAA,OAAAL,iBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,iBAAA;IAAAS,GAAA;IAAAC,KAAA,EAmBrB,SAAAC,aAAA,EAAe;MACb,OAAO;QACLC,GAAG,EAAE;MACP,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EACD,SAAAG,cAAA,EAAgB;MACd,OAAO;QACLD,GAAG,EAAE;MACP,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,YAAY,GAAGC,aAAa,CAACC,KAAK;MACxC,IAAMC,kBAAkB,GAAG3B,IAAI;MAC/B,IAAA4B,aAAA,GAAsD,IAAI,CAACN,OAAO;QAA1DO,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,OAAO,GAAAH,aAAA,CAAPG,OAAO;QAAEC,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QAAEC,KAAK,GAAAL,aAAA,CAALK,KAAK;MAEjD,OAAAV,KAAA,GAAO3B,OAAO,CAACkC,MAAM,CAAC,eACpBtC,KAAA,CAAA0C,aAAA,CAAcnC,WAAW,EAAAoC,YAAA;QAAA,OAAM,QAAQ;QAAA,QAAM;MAAQ,GAAAd,IAAA,GAClDxB,iBAAiB,CAACgC,QAAQ,EAAEJ,aAAa,CAACW,IAAI,EAAEX,aAAa,CAACC,KAAK,EAAEO,KAAK,CAAC,EAC3E,CAACD,OAAO,IAAID,OAAO,kBAClBvC,KAAA,CAAA0C,aAAA,CAACV,YAAY,EAAAD,KAAA,CAAAc,EAAA,sBACVN,OAAO,gBAAGvC,KAAA,CAAA0C,aAAA,CAACP,kBAAkB,EAAAJ,KAAA,CAAAc,EAAA;QAAA,QAAM,IAAI;QAAA,SAAQ;MAAK,GAAI,gBAAG7C,KAAA,CAAA0C,aAAA,CAACpC,WAAW,EAAAyB,KAAA,CAAAc,EAAA,oBAAG,CAE9E,CACI;IAEX;EAAC;EAAA,OAAA/B,iBAAA;AAAA,EA7C6BZ,SAAS;AAAA4C,eAAA,CAAnChC,iBAAiB,iBACA,eAAe;AAAAgC,eAAA,CADhChC,iBAAiB,WAENH,KAAK;AAAAmC,eAAA,CAFhBhC,iBAAiB,aAGJ,CACfJ,kBAAkB,CAAC;EACjBqC,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACF3C,mBAAmB,CAAC;EAClB4C,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAAR,eAAA,CAdGhC,iBAAiB,kBAeC;EACpB0B,OAAO,EAAE;AACX,CAAC;AA+BH,IAAMP,aAAa,GAAGhC,eAAe,CACnCa,iBAAiB,EACjB;EACE8B,IAAI,EAAErC,WAAW,CAACqC,IAAI;EACtBV,KAAK,EAAE3B,WAAW,CAAC2B;AACrB,CAAC,EACD;EACEqB,MAAM,EAAEhD;AACV,CAAC,CACF;AAED,eAAe0B,aAAa"}
|
|
@@ -28,13 +28,13 @@ import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
|
|
|
28
28
|
import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
|
29
29
|
import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
|
|
30
30
|
/*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
|
|
31
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
32
|
-
"__SWrapper": "
|
|
33
|
-
"_keyboardFocused": "
|
|
34
|
-
"__SCounter": "
|
|
35
|
-
"__SFilterTrigger": "
|
|
36
|
-
"_selected": "
|
|
37
|
-
"_active": "
|
|
31
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_3clnt_gg_.__selected_3clnt_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_3clnt_gg_.__selected_3clnt_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_3clnt_gg_.__selected_3clnt_gg_.__active_3clnt_gg_,.___SFilterTrigger_3clnt_gg_.__selected_3clnt_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_3clnt_gg_{display:inline-flex}.___SWrapper_3clnt_gg_:focus{outline:0}.___SWrapper_3clnt_gg_.__keyboardFocused_3clnt_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_3clnt_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "3clnt_gg_") /*__reshadow_css_end__*/, {
|
|
32
|
+
"__SWrapper": "___SWrapper_3clnt_gg_",
|
|
33
|
+
"_keyboardFocused": "__keyboardFocused_3clnt_gg_",
|
|
34
|
+
"__SCounter": "___SCounter_3clnt_gg_",
|
|
35
|
+
"__SFilterTrigger": "___SFilterTrigger_3clnt_gg_",
|
|
36
|
+
"_selected": "__selected_3clnt_gg_",
|
|
37
|
+
"_active": "__active_3clnt_gg_"
|
|
38
38
|
});
|
|
39
39
|
var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby']);
|
|
40
40
|
var RootFilterTrigger = /*#__PURE__*/function (_Component) {
|
|
@@ -17,18 +17,18 @@ import { Box } from 'intergalactic/flex-box';
|
|
|
17
17
|
import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
|
|
18
18
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
|
19
19
|
/*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
|
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
21
|
-
"__SLinkTrigger": "
|
|
22
|
-
"_disabled": "
|
|
23
|
-
"_keyboardFocused": "
|
|
24
|
-
"__SLinkAddon": "
|
|
25
|
-
"_size_m": "
|
|
26
|
-
"_size_l": "
|
|
27
|
-
"_active": "
|
|
28
|
-
"__SText": "
|
|
29
|
-
"_color": "
|
|
30
|
-
"--color": "--
|
|
31
|
-
"__SAddon": "
|
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_gijpc_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;-webkit-text-decoration:none;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_gijpc_gg_.__active_gijpc_gg_,.___SLinkTrigger_gijpc_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_gijpc_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_gijpc_gg_.__active_gijpc_gg_ .___SText_gijpc_gg_,.___SLinkTrigger_gijpc_gg_:active .___SText_gijpc_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_gijpc_gg_:hover .___SText_gijpc_gg_{border-color:currentColor}}.___SLinkTrigger_gijpc_gg_ .___SText_gijpc_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_gijpc_gg_.__color_gijpc_gg_{color:var(--color_gijpc)}@media (hover:hover){.___SLinkTrigger_gijpc_gg_.__color_gijpc_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_gijpc_gg_.__disabled_gijpc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_gijpc_gg_.__keyboardFocused_gijpc_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_gijpc_gg_,.___SLinkAddon_gijpc_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_gijpc_gg_:not(:only-child):first-child,.___SLinkAddon_gijpc_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_gijpc_gg_:not(:only-child):last-child,.___SLinkAddon_gijpc_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_gijpc_gg_{width:16px;height:16px}.___SLinkTrigger_gijpc_gg_._size_m_gijpc_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_gijpc_gg_._size_l_gijpc_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_gijpc_gg_,.___SLinkTrigger_gijpc_gg_ .___SText_gijpc_gg_{transition:none}}" /*__inner_css_end__*/, "gijpc_gg_") /*__reshadow_css_end__*/, {
|
|
21
|
+
"__SLinkTrigger": "___SLinkTrigger_gijpc_gg_",
|
|
22
|
+
"_disabled": "__disabled_gijpc_gg_",
|
|
23
|
+
"_keyboardFocused": "__keyboardFocused_gijpc_gg_",
|
|
24
|
+
"__SLinkAddon": "___SLinkAddon_gijpc_gg_",
|
|
25
|
+
"_size_m": "_size_m_gijpc_gg_",
|
|
26
|
+
"_size_l": "_size_l_gijpc_gg_",
|
|
27
|
+
"_active": "__active_gijpc_gg_",
|
|
28
|
+
"__SText": "___SText_gijpc_gg_",
|
|
29
|
+
"_color": "__color_gijpc_gg_",
|
|
30
|
+
"--color": "--color_gijpc",
|
|
31
|
+
"__SAddon": "___SAddon_gijpc_gg_"
|
|
32
32
|
});
|
|
33
33
|
var RootLinkTrigger = /*#__PURE__*/function (_Component) {
|
|
34
34
|
_inherits(RootLinkTrigger, _Component);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps &\n WithAnimatedSizeEnhanceProps & {\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\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\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 from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { DotProps } from '@semcore/dot';\nimport { NeighborItemProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/utils/lib/enhances/animatedSizeEnhance';\n\n/** @deprecated */\nexport interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}\nexport type BaseTriggerProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps &\n WithAnimatedSizeEnhanceProps & {\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 * Display the dropdowns chevron icon\n * @default true\n */\n chevron?: boolean;\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\n/** @deprecated */\nexport interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}\nexport type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n};\n\n/** @deprecated */\nexport interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}\nexport type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {\n /** Sets the loading state */\n loading?: boolean;\n /** Text color */\n color?: string;\n};\n\n/** @deprecated */\nexport interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}\nexport type FilterTriggerProps = BaseTriggerProps & {\n /** Click on the filter cleaning cross */\n onClear?: (event: React.SyntheticEvent) => void;\n locale?: string;\n /** List of props that will be added to the select inside of filter */\n includeInputProps?: string[];\n /** Normal `ref` prop refers to FilterTrigger wrapper while `triggerRef` refers explicitly to trigger button */\n triggerRef?: React.Ref<HTMLButtonElement>;\n};\n\ndeclare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {\n Text: typeof Box;\n Addon: typeof Box;\n};\n\ndeclare const ButtonTrigger: Intergalactic.Component<'div', ButtonTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n};\n\ndeclare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {\n Text: typeof BaseTrigger.Text;\n Addon: typeof BaseTrigger.Addon;\n Counter: Intergalactic.Component<'div', BoxProps & DotProps>;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}
|
|
@@ -555,11 +555,12 @@ var extractDataInsights = function extractDataInsights(data, hints, config) {
|
|
|
555
555
|
var allRowsIds = data.map(makeRowKey);
|
|
556
556
|
var groupedValues = {};
|
|
557
557
|
for (var _i6 = 0; _i6 < data.length; _i6++) {
|
|
558
|
-
var _groupedValues$key;
|
|
558
|
+
var _groupedValues$key, _hints$titles$getHori9, _hints$titles$getHori10, _hints$titles5;
|
|
559
559
|
var row = data[_i6];
|
|
560
560
|
var key = allRowsIds[_i6];
|
|
561
|
+
var groupKeyValue = getPropByPath(row, groupKeys[0]);
|
|
561
562
|
groupedValues[key] = (_groupedValues$key = groupedValues[key]) !== null && _groupedValues$key !== void 0 ? _groupedValues$key : {
|
|
562
|
-
groupName:
|
|
563
|
+
groupName: (_hints$titles$getHori9 = (_hints$titles$getHori10 = (_hints$titles5 = hints.titles).getHorizontalAxesTitle) === null || _hints$titles$getHori10 === void 0 ? void 0 : _hints$titles$getHori10.call(_hints$titles5, groupKeyValue)) !== null && _hints$titles$getHori9 !== void 0 ? _hints$titles$getHori9 : groupKeyValue,
|
|
563
564
|
rows: []
|
|
564
565
|
};
|
|
565
566
|
groupedValues[key].rows.push(row);
|
|
@@ -590,10 +591,10 @@ var extractDataInsights = function extractDataInsights(data, hints, config) {
|
|
|
590
591
|
_step6;
|
|
591
592
|
try {
|
|
592
593
|
for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
|
|
593
|
-
var _ref15, _hints$titles$valuesA, _hints$titles$getVert, _hints$
|
|
594
|
+
var _ref15, _hints$titles$valuesA, _hints$titles$getVert, _hints$titles6;
|
|
594
595
|
var field = _step6.value;
|
|
595
596
|
values.push({
|
|
596
|
-
label: (_ref15 = (_hints$titles$valuesA = hints.titles.valuesAxes[field]) !== null && _hints$titles$valuesA !== void 0 ? _hints$titles$valuesA : (_hints$titles$getVert = (_hints$
|
|
597
|
+
label: (_ref15 = (_hints$titles$valuesA = hints.titles.valuesAxes[field]) !== null && _hints$titles$valuesA !== void 0 ? _hints$titles$valuesA : (_hints$titles$getVert = (_hints$titles6 = hints.titles).getVerticalAxesTitle) === null || _hints$titles$getVert === void 0 ? void 0 : _hints$titles$getVert.call(_hints$titles6, field)) !== null && _ref15 !== void 0 ? _ref15 : field,
|
|
597
598
|
value: getPropByPath(_row, field)
|
|
598
599
|
});
|
|
599
600
|
}
|
|
@@ -643,9 +644,9 @@ var extractDataInsights = function extractDataInsights(data, hints, config) {
|
|
|
643
644
|
_fields2.push.apply(_fields2, (0, _toConsumableArray2["default"])(Object.keys(keysMap)));
|
|
644
645
|
}
|
|
645
646
|
var values = _fields2.map(function (field) {
|
|
646
|
-
var _ref16, _hints$titles$valuesA2, _hints$titles$getValu, _hints$
|
|
647
|
+
var _ref16, _hints$titles$valuesA2, _hints$titles$getValu, _hints$titles7;
|
|
647
648
|
return {
|
|
648
|
-
label: (_ref16 = (_hints$titles$valuesA2 = hints.titles.valuesAxes[field]) !== null && _hints$titles$valuesA2 !== void 0 ? _hints$titles$valuesA2 : (_hints$titles$getValu = (_hints$
|
|
649
|
+
label: (_ref16 = (_hints$titles$valuesA2 = hints.titles.valuesAxes[field]) !== null && _hints$titles$valuesA2 !== void 0 ? _hints$titles$valuesA2 : (_hints$titles$getValu = (_hints$titles7 = hints.titles).getValueAxesTitle) === null || _hints$titles$getValu === void 0 ? void 0 : _hints$titles$getValu.call(_hints$titles7, field)) !== null && _ref16 !== void 0 ? _ref16 : field,
|
|
649
650
|
value: getPropByPath(data, field)
|
|
650
651
|
};
|
|
651
652
|
});
|