@semcore/base-trigger 4.52.1-prerelease.8 → 16.0.0-prerelease.2

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.
Files changed (31) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/lib/cjs/BaseTrigger.js +25 -28
  3. package/lib/cjs/BaseTrigger.js.map +1 -1
  4. package/lib/cjs/ButtonTrigger.js +8 -10
  5. package/lib/cjs/ButtonTrigger.js.map +1 -1
  6. package/lib/cjs/FilterTrigger.js +18 -20
  7. package/lib/cjs/FilterTrigger.js.map +1 -1
  8. package/lib/cjs/LinkTrigger.js +17 -20
  9. package/lib/cjs/LinkTrigger.js.map +1 -1
  10. package/lib/cjs/index.d.js.map +1 -1
  11. package/lib/cjs/style/base-trigger.shadow.css +3 -8
  12. package/lib/cjs/style/filter-trigger.shadow.css +1 -5
  13. package/lib/cjs/style/link-trigger.shadow.css +0 -9
  14. package/lib/es6/BaseTrigger.js +25 -26
  15. package/lib/es6/BaseTrigger.js.map +1 -1
  16. package/lib/es6/ButtonTrigger.js +8 -8
  17. package/lib/es6/ButtonTrigger.js.map +1 -1
  18. package/lib/es6/FilterTrigger.js +18 -19
  19. package/lib/es6/FilterTrigger.js.map +1 -1
  20. package/lib/es6/LinkTrigger.js +17 -18
  21. package/lib/es6/LinkTrigger.js.map +1 -1
  22. package/lib/es6/index.d.js.map +1 -1
  23. package/lib/es6/style/base-trigger.shadow.css +3 -8
  24. package/lib/es6/style/filter-trigger.shadow.css +1 -5
  25. package/lib/es6/style/link-trigger.shadow.css +0 -9
  26. package/lib/esm/BaseTrigger.mjs +63 -65
  27. package/lib/esm/ButtonTrigger.mjs +37 -38
  28. package/lib/esm/FilterTrigger.mjs +92 -94
  29. package/lib/esm/LinkTrigger.mjs +56 -58
  30. package/lib/types/index.d.ts +2 -2
  31. package/package.json +8 -11
package/lib/cjs/style/base-trigger.shadow.css CHANGED
@@ -14,7 +14,6 @@ SBaseTrigger {
14
14
  text-decoration: none;
15
15
  -webkit-tap-highlight-color: transparent;
16
16
  overflow: visible;
17
- outline: 0;
18
17
  text-align: center;
19
18
  vertical-align: middle;
20
19
  font-family: inherit;
@@ -32,16 +31,12 @@ SBaseTrigger {
32
31
  }
33
32
 
34
33
  &:active,
35
- &:hover,
36
- &:focus {
37
- outline: 0;
34
+ &:hover {
38
35
  text-decoration: none;
39
36
  }
40
37
 
41
- &[keyboardFocused] {
38
+ &:focus-visible {
42
39
  border: 1px solid var(--intergalactic-border-info-active, #006dca);
43
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
44
- z-index: 1;
45
40
  }
46
41
 
47
42
  &:hover {
@@ -170,7 +165,7 @@ SBaseTrigger[state='valid'] {
170
165
  SBaseTrigger[state='invalid'] {
171
166
  border-color: var(--intergalactic-border-critical-active, #d1002f);
172
167
 
173
- &[keyboardFocused] {
168
+ &:focus-visible {
174
169
  border-color: var(--intergalactic-border-critical-active, #d1002f);
175
170
  box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
176
171
  }
package/lib/cjs/style/filter-trigger.shadow.css CHANGED
@@ -21,10 +21,6 @@ SWrapper {
21
21
  }
22
22
  }
23
23
 
24
- SWrapper[keyboardFocused]:focus {
25
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
26
- }
27
-
28
24
  SCounter {
29
25
  background-color: var(--intergalactic-bg-primary-info, #008ff8);
30
- }
26
+ }
package/lib/cjs/style/link-trigger.shadow.css CHANGED
@@ -20,10 +20,6 @@ SLinkTrigger {
20
20
  transition: color 0.15s ease-in-out;
21
21
  border: 0;
22
22
 
23
- &:focus {
24
- outline: none;
25
- }
26
-
27
23
  &[active],
28
24
  &:hover,
29
25
  &:active {
@@ -58,11 +54,6 @@ SLinkTrigger[disabled] {
58
54
  pointer-events: none;
59
55
  }
60
56
 
61
- SLinkTrigger[keyboardFocused] {
62
- box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
63
- z-index: 1;
64
- }
65
-
66
57
  SAddon,
67
58
  SLinkAddon {
68
59
  display: inline-flex;
package/lib/es6/BaseTrigger.js CHANGED
@@ -4,38 +4,36 @@ import _createClass from "@babel/runtime/helpers/createClass";
4
4
  import _inherits from "@babel/runtime/helpers/inherits";
5
5
  import _createSuper from "@babel/runtime/helpers/createSuper";
6
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
- import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
7
+ import { sstyled as _sstyled } from "@semcore/core";
8
8
  import { assignProps as _assignProps3 } from "@semcore/core";
9
9
  import { assignProps as _assignProps2 } from "@semcore/core";
10
10
  import { assignProps as _assignProps } from "@semcore/core";
11
11
  import React from 'react';
12
- import createComponent, { Component, Root, sstyled } from '@semcore/core';
12
+ import { createComponent, Component, Root, sstyled } from '@semcore/core';
13
13
  import { Box, InvalidStateBox } from '@semcore/flex-box';
14
14
  import NeighborLocation from '@semcore/neighbor-location';
15
- import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
16
- import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
17
- import logger from '@semcore/utils/lib/logger';
18
- import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
19
- import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
15
+ import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
16
+ import logger from '@semcore/core/lib/utils/logger';
17
+ import animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
18
+ import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
20
19
  /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
21
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1luks_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_1luks_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1luks_gg_:active,.___SBaseTrigger_1luks_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1luks_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1luks_gg_.__keyboardFocused_1luks_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_1luks_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1luks_gg_.__active_1luks_gg_,.___SBaseTrigger_1luks_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1luks_gg_.__disabled_1luks_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1luks_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1luks_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_1luks_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1luks_gg_{width:12px;height:12px}.___SBaseTrigger_1luks_gg_._size_m_1luks_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_1luks_gg_._size_m_1luks_gg_ .___SAddon_1luks_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1luks_gg_._size_m_1luks_gg_ .___SAddon_1luks_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1luks_gg_._size_l_1luks_gg_ .___SAddon_1luks_gg_:only-child,.___SBaseTrigger_1luks_gg_._size_m_1luks_gg_ .___SAddon_1luks_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1luks_gg_._size_l_1luks_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_1luks_gg_._size_l_1luks_gg_ .___SAddon_1luks_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1luks_gg_._size_l_1luks_gg_ .___SAddon_1luks_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1luks_gg_._neighborLocation_right_1luks_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1luks_gg_._neighborLocation_both_1luks_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1luks_gg_._neighborLocation_left_1luks_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1luks_gg_.__display-placeholder_1luks_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1luks_gg_._state_valid_1luks_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1luks_gg_._state_invalid_1luks_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1luks_gg_._state_invalid_1luks_gg_.__keyboardFocused_1luks_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_1luks_gg_._size_m_1luks_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1luks_gg_._size_l_1luks_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1luks_gg_") /*__reshadow_css_end__*/, {
22
- "__SBaseTrigger": "___SBaseTrigger_1luks_gg_",
23
- "_disabled": "__disabled_1luks_gg_",
24
- "__SInner": "___SInner_1luks_gg_",
25
- "__SText": "___SText_1luks_gg_",
26
- "__SAddon": "___SAddon_1luks_gg_",
27
- "__SBaseAddon": "___SBaseAddon_1luks_gg_",
28
- "_neighborLocation_right": "_neighborLocation_right_1luks_gg_",
29
- "_neighborLocation_both": "_neighborLocation_both_1luks_gg_",
30
- "_neighborLocation_left": "_neighborLocation_left_1luks_gg_",
31
- "_display-placeholder": "__display-placeholder_1luks_gg_",
32
- "_state_valid": "_state_valid_1luks_gg_",
33
- "__SInvalidPattern": "___SInvalidPattern_1luks_gg_",
34
- "_size_m": "_size_m_1luks_gg_",
35
- "_size_l": "_size_l_1luks_gg_",
36
- "_keyboardFocused": "__keyboardFocused_1luks_gg_",
37
- "_active": "__active_1luks_gg_",
38
- "_state_invalid": "_state_invalid_1luks_gg_"
20
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1ko0v_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1ko0v_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1ko0v_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1ko0v_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1ko0v_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_1ko0v_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1ko0v_gg_.__active_1ko0v_gg_,.___SBaseTrigger_1ko0v_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1ko0v_gg_.__disabled_1ko0v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1ko0v_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1ko0v_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_1ko0v_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1ko0v_gg_{width:12px;height:12px}.___SBaseTrigger_1ko0v_gg_._size_m_1ko0v_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_1ko0v_gg_._size_m_1ko0v_gg_ .___SAddon_1ko0v_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1ko0v_gg_._size_m_1ko0v_gg_ .___SAddon_1ko0v_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1ko0v_gg_._size_l_1ko0v_gg_ .___SAddon_1ko0v_gg_:only-child,.___SBaseTrigger_1ko0v_gg_._size_m_1ko0v_gg_ .___SAddon_1ko0v_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1ko0v_gg_._size_l_1ko0v_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_1ko0v_gg_._size_l_1ko0v_gg_ .___SAddon_1ko0v_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1ko0v_gg_._size_l_1ko0v_gg_ .___SAddon_1ko0v_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1ko0v_gg_._neighborLocation_right_1ko0v_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1ko0v_gg_._neighborLocation_both_1ko0v_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1ko0v_gg_._neighborLocation_left_1ko0v_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1ko0v_gg_.__display-placeholder_1ko0v_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1ko0v_gg_._state_valid_1ko0v_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1ko0v_gg_._state_invalid_1ko0v_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1ko0v_gg_._state_invalid_1ko0v_gg_:focus-visible{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_1ko0v_gg_._size_m_1ko0v_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1ko0v_gg_._size_l_1ko0v_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1ko0v_gg_") /*__reshadow_css_end__*/, {
21
+ "__SBaseTrigger": "___SBaseTrigger_1ko0v_gg_",
22
+ "_disabled": "__disabled_1ko0v_gg_",
23
+ "__SInner": "___SInner_1ko0v_gg_",
24
+ "__SText": "___SText_1ko0v_gg_",
25
+ "__SAddon": "___SAddon_1ko0v_gg_",
26
+ "__SBaseAddon": "___SBaseAddon_1ko0v_gg_",
27
+ "_neighborLocation_right": "_neighborLocation_right_1ko0v_gg_",
28
+ "_neighborLocation_both": "_neighborLocation_both_1ko0v_gg_",
29
+ "_neighborLocation_left": "_neighborLocation_left_1ko0v_gg_",
30
+ "_display-placeholder": "__display-placeholder_1ko0v_gg_",
31
+ "_state_valid": "_state_valid_1ko0v_gg_",
32
+ "__SInvalidPattern": "___SInvalidPattern_1ko0v_gg_",
33
+ "_size_m": "_size_m_1ko0v_gg_",
34
+ "_size_l": "_size_l_1ko0v_gg_",
35
+ "_active": "__active_1ko0v_gg_",
36
+ "_state_invalid": "_state_invalid_1ko0v_gg_"
39
37
  });
40
38
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
41
39
  _inherits(RootBaseTrigger, _Component);
@@ -80,6 +78,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
80
78
  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, _assignProps({
81
79
  "tag": 'button',
82
80
  "type": 'button',
81
+ "tabIndex": 0,
83
82
  "neighborLocation": neighborLocation,
84
83
  "state": theme
85
84
  }, _ref))), state === 'invalid' && /*#__PURE__*/React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
@@ -91,7 +90,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
91
90
  return RootBaseTrigger;
92
91
  }(Component);
93
92
  _defineProperty(RootBaseTrigger, "displayName", 'BaseTrigger');
94
- _defineProperty(RootBaseTrigger, "enhance", [keyboardFocusEnhance(), cssVariableEnhance({
93
+ _defineProperty(RootBaseTrigger, "enhance", [cssVariableEnhance({
95
94
  variable: '--intergalactic-duration-control',
96
95
  fallback: '200',
97
96
  map: Number.parseInt,
package/lib/es6/BaseTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","InvalidStateBox","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootBaseTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'span';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger\n render={Box}\n tag='button'\n type='button'\n neighborLocation={neighborLocation}\n state={theme}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,GAAG,EAAEC,eAAe,QAAQ,mBAAmB;AACxD,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,iBAAiB,MAAM,sCAAsC;AACpE,OAAOC,MAAM,MAAM,2BAA2B;AAC9C,OAAOC,mBAAmB,MAAM,iDAAiD;AACjF,SAASC,kBAAkB,QAAQ,mCAAmC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIjEC,eAAe,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,eAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,eAAA;EAAA,SAAAA,gBAAA;IAAAK,eAAA,OAAAL,eAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,eAAA;IAAAS,GAAA;IAAAC,KAAA,EAqBnB,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAA+B,IAAI,CAACC,OAAO;QAAnCC,WAAW,GAAAF,aAAA,CAAXE,WAAW;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;MAC1B,OAAO;QACLD,WAAW,EAAXA,WAAW;QACXC,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAJ,OAAA;MACP,IAAMK,YAAY,GAiBA7B,GAAG;MAhBrB,IAAM8B,MAAM,GAAG,MAAM;MACrB,IAAMC,eAAe,GAAG9B,eAAe;MACvC,IAAA+B,cAAA,GAA0E,IAAI,CAACR,OAAO;QAA9ES,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,cAAA,CAALG,KAAK;QAAEC,gBAAgB,GAAAJ,cAAA,CAAhBI,gBAAgB;QAAEV,KAAK,GAAAM,cAAA,CAALN,KAAK;QAAEW,KAAK,GAAAL,cAAA,CAALK,KAAK;QAAEC,IAAI,GAAAN,cAAA,CAAJM,IAAI;MAErEjC,MAAM,CAACkC,IAAI,CACTJ,KAAK,KAAKK,SAAS,EACnB,iDAAiD,EACjD,IAAI,CAAChB,OAAO,CAAC,cAAc,CAAC,IAAIiB,WAAW,CAACC,WAAW,CACxD;;MAED;MACA,oBACE/C,KAAA,CAAAgD,aAAA,CAACzC,gBAAgB,CAAC0C,MAAM;QAACR,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB;QAAA,IAAAS,KAAA;QAAA,OAAAA,KAAA,GAChB9C,OAAO,CAACmC,MAAM,CAAC,eACbvC,KAAA,CAAAgD,aAAA,CAACd,YAAY,EAAAgB,KAAA,CAAAC,EAAA,iBAAAC,aAAA,KAAAC,YAAA;UAAA,OAEP,QAAQ;UAAA,QACP,QAAQ;UAAA,oBACKZ,gBAAgB;UAAA,SAC3BD;QAAK,GAAAP,IAAA,KAEXS,KAAK,KAAK,SAAS,iBAAI1C,KAAA,CAAAgD,aAAA,CAACZ,eAAe,EAAAc,KAAA,CAAAC,EAAA;UAAA,QAAOR;QAAI,GAAI,eACvD3C,KAAA,CAAAgD,aAAA,CAACb,MAAM,EAAAe,KAAA,CAAAC,EAAA,gBACJ1C,iBAAiB,CAAC6B,QAAQ,EAAEQ,WAAW,CAACQ,IAAI,EAAER,WAAW,CAACS,KAAK,EAAExB,KAAK,CAAC,CACjE,CACI;MAAA,CAChB,CAEqB;IAE9B;EAAC;EAAA,OAAAf,eAAA;AAAA,EA9D2Bd,SAAS;AAAAsD,eAAA,CAAjCxC,eAAe,iBACE,aAAa;AAAAwC,eAAA,CAD9BxC,eAAe,aAEF,CACfR,oBAAoB,EAAE,EACtBI,kBAAkB,CAAC;EACjB6C,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFnD,mBAAmB,CAAC;EAClBoD,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAAR,eAAA,CAdGxC,eAAe,WAeJH,KAAK;AAAA2C,eAAA,CAfhBxC,eAAe,kBAgBG;EACpB2B,IAAI,EAAE,GAAG;EACTZ,KAAK,EAAE;AACT,CAAC;AA8CH,SAASuB,IAAIA,CAACW,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAIMhE,GAAG;EAHpB,IAAQiE,QAAQ,GAAiCL,KAAK,CAA9CK,QAAQ;IAAE/B,MAAM,GAAyB0B,KAAK,CAApC1B,MAAM;IAAER,KAAK,GAAkBkC,KAAK,CAA5BlC,KAAK;IAAED,WAAW,GAAKmC,KAAK,CAArBnC,WAAW;EAE5C,OAAAsC,KAAA,GAAOhE,OAAO,CAACmC,MAAM,CAAC,eACpBvC,KAAA,CAAAgD,aAAA,CAACqB,KAAK,EAAAD,KAAA,CAAAjB,EAAA,UAAAC,aAAA,KAAAmB,aAAA;IAAA,uBAAmCxC,KAAK;IAAA,eAAeA;EAAK,GAAAmC,KAAA,KAC/DnC,KAAK,GAAGD,WAAW,GAAGwC,QAAQ,CACzB;AAEZ;AAEA,SAASf,KAAKA,CAACU,KAAK,EAAE;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EACpB,IAAMC,MAAM,GAE2BrE,GAAG;EAD1C,IAAQkC,MAAM,GAAK0B,KAAK,CAAhB1B,MAAM;EACd,OAAAkC,KAAA,GAAOrE,OAAO,CAACmC,MAAM,CAAC,eAACvC,KAAA,CAAAgD,aAAA,CAAC0B,MAAM,EAAAD,KAAA,CAAAtB,EAAA,WAAAC,aAAA,KAAAuB,aAAA,KAAAH,KAAA,IAAgB;AAChD;AAEA,IAAM1B,WAAW,GAAG7C,eAAe,CAACe,eAAe,EAAE;EACnDsC,IAAI,EAAJA,IAAI;EACJC,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,eAAeT,WAAW"}
1
+ {"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","InvalidStateBox","NeighborLocation","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootBaseTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport logger from '@semcore/core/lib/utils/logger';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'span';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger\n render={Box}\n tag='button'\n type='button'\n tabIndex={0}\n neighborLocation={neighborLocation}\n state={theme}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,EAAEC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,GAAG,EAAEC,eAAe,QAAQ,mBAAmB;AACxD,OAAOC,gBAAgB,MAAM,4BAA4B;AACzD,OAAOC,iBAAiB,MAAM,2CAA2C;AACzE,OAAOC,MAAM,MAAM,gCAAgC;AACnD,OAAOC,mBAAmB,MAAM,sDAAsD;AACtF,SAASC,kBAAkB,QAAQ,wCAAwC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAItEC,eAAe,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,eAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,eAAA;EAAA,SAAAA,gBAAA;IAAAK,eAAA,OAAAL,eAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,eAAA;IAAAS,GAAA;IAAAC,KAAA,EAoBnB,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAA+B,IAAI,CAACC,OAAO;QAAnCC,WAAW,GAAAF,aAAA,CAAXE,WAAW;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;MAC1B,OAAO;QACLD,WAAW,EAAXA,WAAW;QACXC,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAM,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAJ,OAAA;MACP,IAAMK,YAAY,GAiBA5B,GAAG;MAhBrB,IAAM6B,MAAM,GAAG,MAAM;MACrB,IAAMC,eAAe,GAAG7B,eAAe;MACvC,IAAA8B,cAAA,GAA0E,IAAI,CAACR,OAAO;QAA9ES,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEC,KAAK,GAAAH,cAAA,CAALG,KAAK;QAAEC,gBAAgB,GAAAJ,cAAA,CAAhBI,gBAAgB;QAAEV,KAAK,GAAAM,cAAA,CAALN,KAAK;QAAEW,KAAK,GAAAL,cAAA,CAALK,KAAK;QAAEC,IAAI,GAAAN,cAAA,CAAJM,IAAI;MAErEjC,MAAM,CAACkC,IAAI,CACTJ,KAAK,KAAKK,SAAS,EACnB,iDAAiD,EACjD,IAAI,CAAChB,OAAO,CAAC,cAAc,CAAC,IAAIiB,WAAW,CAACC,WAAW,CACxD;;MAED;MACA,oBACE9C,KAAA,CAAA+C,aAAA,CAACxC,gBAAgB,CAACyC,MAAM;QAACR,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB;QAAA,IAAAS,KAAA;QAAA,OAAAA,KAAA,GAChB7C,OAAO,CAACkC,MAAM,CAAC,eACbtC,KAAA,CAAA+C,aAAA,CAACd,YAAY,EAAAgB,KAAA,CAAAC,EAAA,iBAAAC,aAAA,KAAAC,YAAA;UAAA,OAEP,QAAQ;UAAA,QACP,QAAQ;UAAA,YACH,CAAC;UAAA,oBACOZ,gBAAgB;UAAA,SAC3BD;QAAK,GAAAP,IAAA,KAEXS,KAAK,KAAK,SAAS,iBAAIzC,KAAA,CAAA+C,aAAA,CAACZ,eAAe,EAAAc,KAAA,CAAAC,EAAA;UAAA,QAAOR;QAAI,GAAI,eACvD1C,KAAA,CAAA+C,aAAA,CAACb,MAAM,EAAAe,KAAA,CAAAC,EAAA,gBACJ1C,iBAAiB,CAAC6B,QAAQ,EAAEQ,WAAW,CAACQ,IAAI,EAAER,WAAW,CAACS,KAAK,EAAExB,KAAK,CAAC,CACjE,CACI;MAAA,CAChB,CAEqB;IAE9B;EAAC;EAAA,OAAAf,eAAA;AAAA,EA9D2Bb,SAAS;AAAAqD,eAAA,CAAjCxC,eAAe,iBACE,aAAa;AAAAwC,eAAA,CAD9BxC,eAAe,aAEF,CACfJ,kBAAkB,CAAC;EACjB6C,QAAQ,EAAE,kCAAkC;EAC5CC,QAAQ,EAAE,KAAK;EACfC,GAAG,EAAEC,MAAM,CAACC,QAAQ;EACpBC,IAAI,EAAE;AACR,CAAC,CAAC,EACFnD,mBAAmB,CAAC;EAClBoD,YAAY,EAAE,CAAC,OAAO,CAAC;EACvBC,UAAU,EAAE,CAAC,OAAO;AACtB,CAAC,CAAC,CACH;AAAAR,eAAA,CAbGxC,eAAe,WAcJH,KAAK;AAAA2C,eAAA,CAdhBxC,eAAe,kBAeG;EACpB2B,IAAI,EAAE,GAAG;EACTZ,KAAK,EAAE;AACT,CAAC;AA+CH,SAASuB,IAAIA,CAACW,KAAK,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACnB,IAAMC,KAAK,GAIM/D,GAAG;EAHpB,IAAQgE,QAAQ,GAAiCL,KAAK,CAA9CK,QAAQ;IAAE/B,MAAM,GAAyB0B,KAAK,CAApC1B,MAAM;IAAER,KAAK,GAAkBkC,KAAK,CAA5BlC,KAAK;IAAED,WAAW,GAAKmC,KAAK,CAArBnC,WAAW;EAE5C,OAAAsC,KAAA,GAAO/D,OAAO,CAACkC,MAAM,CAAC,eACpBtC,KAAA,CAAA+C,aAAA,CAACqB,KAAK,EAAAD,KAAA,CAAAjB,EAAA,UAAAC,aAAA,KAAAmB,aAAA;IAAA,uBAAmCxC,KAAK;IAAA,eAAeA;EAAK,GAAAmC,KAAA,KAC/DnC,KAAK,GAAGD,WAAW,GAAGwC,QAAQ,CACzB;AAEZ;AAEA,SAASf,KAAKA,CAACU,KAAK,EAAE;EAAA,IAAAO,KAAA,GAAAL,YAAA;IAAAM,KAAA;EACpB,IAAMC,MAAM,GAE2BpE,GAAG;EAD1C,IAAQiC,MAAM,GAAK0B,KAAK,CAAhB1B,MAAM;EACd,OAAAkC,KAAA,GAAOpE,OAAO,CAACkC,MAAM,CAAC,eAACtC,KAAA,CAAA+C,aAAA,CAAC0B,MAAM,EAAAD,KAAA,CAAAtB,EAAA,WAAAC,aAAA,KAAAuB,aAAA,KAAAH,KAAA,IAAgB;AAChD;AAEA,IAAM1B,WAAW,GAAG5C,eAAe,CAACc,eAAe,EAAE;EACnDsC,IAAI,EAAJA,IAAI;EACJC,KAAK,EAALA;AACF,CAAC,CAAC;AAEF,eAAeT,WAAW"}
package/lib/es6/ButtonTrigger.js CHANGED
@@ -3,20 +3,20 @@ import _createClass from "@babel/runtime/helpers/createClass";
3
3
  import _inherits from "@babel/runtime/helpers/inherits";
4
4
  import _createSuper from "@babel/runtime/helpers/createSuper";
5
5
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
6
- import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
6
+ import { sstyled as _sstyled } from "@semcore/core";
7
7
  import { assignProps as _assignProps } from "@semcore/core";
8
8
  import React from 'react';
9
- import createComponent, { Component, Root, sstyled } from '@semcore/core';
10
- import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
9
+ import { createComponent, Component, Root, sstyled } from '@semcore/core';
10
+ import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
11
11
  import ChevronDown from '@semcore/icon/ChevronDown/m';
12
12
  import BaseTrigger from './BaseTrigger';
13
13
  import Spin from '@semcore/spin';
14
- import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
15
- import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
14
+ import animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
15
+ import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
16
16
  /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
17
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_6dugc_gg_{width:12px;height:12px}.___SButtonTriggerSpin_6dugc_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "6dugc_gg_") /*__reshadow_css_end__*/, {
18
- "__SButtonAddon": "___SButtonAddon_6dugc_gg_",
19
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_6dugc_gg_"
17
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1dfiu_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1dfiu_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1dfiu_gg_") /*__reshadow_css_end__*/, {
18
+ "__SButtonAddon": "___SButtonAddon_1dfiu_gg_",
19
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_1dfiu_gg_"
20
20
  });
21
21
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
22
22
  _inherits(RootButtonTrigger, _Component);
package/lib/es6/ButtonTrigger.js.map CHANGED
@@ -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","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}>\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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"}
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/core/lib/utils/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}
package/lib/es6/FilterTrigger.js CHANGED
@@ -8,41 +8,40 @@ import _inherits from "@babel/runtime/helpers/inherits";
8
8
  import _createSuper from "@babel/runtime/helpers/createSuper";
9
9
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
10
10
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
11
- import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
11
+ import { sstyled as _sstyled } from "@semcore/core";
12
12
  import { assignProps as _assignProps4 } from "@semcore/core";
13
13
  import { assignProps as _assignProps3 } from "@semcore/core";
14
14
  import { assignProps as _assignProps2 } from "@semcore/core";
15
15
  import { assignProps as _assignProps } from "@semcore/core";
16
16
  var _excluded = ["empty", "size", "placeholder", "active", "disabled", "includeInputProps", "triggerRef", "data-ui-name"];
17
17
  import React from 'react';
18
- import createComponent, { Component, Root, sstyled } from '@semcore/core';
18
+ import { createComponent, Component, Root, sstyled } from '@semcore/core';
19
19
  import BaseTrigger from './BaseTrigger';
20
20
  import { Box } from '@semcore/flex-box';
21
21
  import NeighborLocation from '@semcore/neighbor-location';
22
22
  import Dot from '@semcore/dot';
23
23
  import Close from '@semcore/icon/Close/m';
24
24
  import ChevronDown from '@semcore/icon/ChevronDown/m';
25
- import { callAllEventHandlers } from '@semcore/utils/lib/assignProps';
26
- import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
25
+ import { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';
26
+ import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
27
27
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
28
- import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
29
- import animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';
30
- import { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';
31
- import getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';
32
- import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
33
- import { setFocus } from '@semcore/utils/lib/use/useFocusLock';
28
+ import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
29
+ import animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
30
+ import { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';
31
+ import getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';
32
+ import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
33
+ import { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';
34
34
  /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
35
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1ui6y_gg_.__selected_1ui6y_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_1ui6y_gg_.__selected_1ui6y_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1ui6y_gg_.__selected_1ui6y_gg_.__active_1ui6y_gg_,.___SFilterTrigger_1ui6y_gg_.__selected_1ui6y_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1ui6y_gg_{display:inline-flex}.___SWrapper_1ui6y_gg_:focus{outline:0}.___SWrapper_1ui6y_gg_.__keyboardFocused_1ui6y_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_1ui6y_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1ui6y_gg_") /*__reshadow_css_end__*/, {
36
- "__SWrapper": "___SWrapper_1ui6y_gg_",
37
- "_keyboardFocused": "__keyboardFocused_1ui6y_gg_",
38
- "__SCounter": "___SCounter_1ui6y_gg_",
39
- "__SFilterTrigger": "___SFilterTrigger_1ui6y_gg_",
40
- "_selected": "__selected_1ui6y_gg_",
41
- "_active": "__active_1ui6y_gg_"
35
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_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_1m3i1_gg_.__selected_1m3i1_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_.__active_1m3i1_gg_,.___SFilterTrigger_1m3i1_gg_.__selected_1m3i1_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_1m3i1_gg_{display:inline-flex}.___SWrapper_1m3i1_gg_:focus{outline:0}.___SCounter_1m3i1_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "1m3i1_gg_") /*__reshadow_css_end__*/, {
36
+ "__SCounter": "___SCounter_1m3i1_gg_",
37
+ "__SFilterTrigger": "___SFilterTrigger_1m3i1_gg_",
38
+ "_selected": "__selected_1m3i1_gg_",
39
+ "_active": "__active_1m3i1_gg_",
40
+ "__SWrapper": "___SWrapper_1m3i1_gg_"
42
41
  });
43
- import { isAdvanceMode } from '@semcore/utils/lib/findComponent';
42
+ import { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';
44
43
  import { Hint } from '@semcore/tooltip';
45
- import { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';
44
+ import { ScreenReaderOnly } from '@semcore/core/lib/utils/ScreenReaderOnly';
46
45
  var filterTriggerInputProps = [].concat(_toConsumableArray(inputProps), ['aria-controls', 'aria-haspopup', 'aria-expanded', 'aria-disabled', 'aria-activedescendant', 'aria-label', 'aria-labelledby', 'role']);
47
46
  var RootFilterTrigger = /*#__PURE__*/function (_Component) {
48
47
  _inherits(RootFilterTrigger, _Component);
package/lib/es6/FilterTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","isAdvanceMode","Hint","ScreenReaderOnly","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_createClass","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_objectSpread","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","_this$asProps4","_assignProps2","Text","Addon","Counter","tag","_Component3","_super3","_ref3","_ref7","_this$asProps5","Trigger","_assignProps3","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","_assignProps4","parent"],"sources":["../../src/FilterTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport BaseTrigger from './BaseTrigger';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport Dot from '@semcore/dot';\nimport Close from '@semcore/icon/Close/m';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { Hint } from '@semcore/tooltip';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n use:role='combobox'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <Hint>\n <Hint.Trigger>\n <SFilterTrigger\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n </Hint.Trigger>\n <Hint.Popper>{getI18nText('clear')}</Hint.Popper>\n </Hint>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={Dot}>\n {count !== undefined ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n ) : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
1
+ {"version":3,"file":"FilterTrigger.js","names":["React","createComponent","Component","Root","sstyled","BaseTrigger","Box","NeighborLocation","Dot","Close","ChevronDown","callAllEventHandlers","addonTextChildren","localizedMessages","i18nEnhance","animatedSizeEnhance","cssVariableEnhance","getInputProps","inputProps","uniqueIDEnhancement","setFocus","style","_sstyled","insert","isAdvanceMode","Hint","ScreenReaderOnly","filterTriggerInputProps","concat","_toConsumableArray","RootFilterTrigger","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","_defineProperty","_assertThisInitialized","e","stopPropagation","requestAnimationFrame","asProps","triggerRef","current","_createClass","key","value","getTriggerButtonProps","_this$asProps","empty","size","placeholder","active","disabled","includeInputProps","dataUiName","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","controlProps","_objectSpread","selected","getClearButtonProps","_this$asProps2","onClear","getI18nText","onClick","handleClear","handleStopPropagation","onKeyDown","getCounterProps","render","_ref","_ref5","SWrapper","_this$asProps3","Children","styles","forcedAdvancedMode","advancedMode","FilterTrigger","TriggerButton","displayName","ClearButton","createElement","cn","_assignProps","undefined","Fragment","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","i18n","locale","createRef","role","_Component2","_super2","_ref2","_ref6","SFilterTrigger","_this$asProps4","_assignProps2","Text","Addon","Counter","tag","_Component3","_super3","_ref3","_ref7","_this$asProps5","Trigger","_assignProps3","Popper","_ref9","_ref4","arguments[0]","_ref8","count","SCounter","_assignProps4","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/core/lib/utils/assignProps';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport getInputProps, { inputProps } from '@semcore/core/lib/utils/inputProps';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { setFocus } from '@semcore/core/lib/utils/use/useFocusLock';\n\nimport style from './style/filter-trigger.shadow.css';\nimport { isAdvanceMode } from '@semcore/core/lib/utils/findComponent';\nimport { Hint } from '@semcore/tooltip';\nimport { ScreenReaderOnly } from '@semcore/core/lib/utils/ScreenReaderOnly';\n\nconst filterTriggerInputProps = [\n ...inputProps,\n 'aria-controls',\n 'aria-haspopup',\n 'aria-expanded',\n 'aria-disabled',\n 'aria-activedescendant',\n 'aria-label',\n 'aria-labelledby',\n 'role',\n];\n\nclass RootFilterTrigger extends Component {\n static displayName = 'FilterTrigger';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n uniqueIDEnhancement(),\n ];\n static defaultProps = () => ({\n includeInputProps: filterTriggerInputProps,\n i18n: localizedMessages,\n locale: 'en',\n triggerRef: React.createRef(),\n role: 'group',\n });\n\n handleStopPropagation = (e) => e.stopPropagation();\n\n handleClear = () => {\n requestAnimationFrame(() => {\n setFocus(this.asProps.triggerRef.current);\n });\n };\n\n getTriggerButtonProps() {\n const {\n empty,\n size,\n placeholder,\n active,\n disabled,\n includeInputProps,\n triggerRef,\n 'data-ui-name': dataUiName,\n ...other\n } = this.asProps;\n\n const [controlProps] = getInputProps(other, includeInputProps);\n\n return {\n size,\n placeholder,\n empty,\n selected: !empty,\n active,\n disabled,\n triggerRef,\n ...controlProps,\n };\n }\n\n getClearButtonProps() {\n const { empty, onClear, size, disabled, getI18nText } = this.asProps;\n\n return {\n size,\n empty,\n onClick: callAllEventHandlers(onClear, this.handleClear, this.handleStopPropagation),\n onKeyDown: this.handleStopPropagation,\n disabled,\n getI18nText,\n };\n }\n\n getCounterProps() {\n const { getI18nText } = this.asProps;\n\n return {\n getI18nText,\n };\n }\n\n render() {\n const SWrapper = Root;\n const { Children, styles, getI18nText, empty, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode ||\n isAdvanceMode(\n Children,\n [FilterTrigger.TriggerButton.displayName, FilterTrigger.ClearButton.displayName],\n true,\n );\n\n return sstyled(styles)(\n <SWrapper\n render={Box}\n aria-label={getI18nText('filter')}\n __excludeProps={['id']}\n use:role={undefined}\n use:aria-controls={undefined}\n use:aria-owns={undefined}\n use:aria-haspopup={undefined}\n use:aria-expanded={undefined}\n use:aria-disabled={undefined}\n use:aria-activedescendant={undefined}\n use:aria-label={undefined}\n use:aria-labelledby={undefined}\n >\n <NeighborLocation>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <FilterTrigger.TriggerButton>\n <Children />\n </FilterTrigger.TriggerButton>\n {!empty && <FilterTrigger.ClearButton />}\n </>\n )}\n </NeighborLocation>\n </SWrapper>,\n );\n }\n}\n\nclass TriggerButton extends Component {\n static displayName = 'TriggerButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { Children, styles, empty, triggerRef } = this.asProps;\n\n return sstyled(styles)(\n <SFilterTrigger\n render={BaseTrigger}\n use:role='combobox'\n w='100%'\n empty={empty}\n selected={!empty}\n ref={triggerRef}\n animationsDisabled\n >\n {addonTextChildren(\n Children,\n FilterTrigger.Text,\n [FilterTrigger.Addon, FilterTrigger.Counter],\n empty,\n )}\n {empty && <FilterTrigger.Addon tag={ChevronDown} />}\n </SFilterTrigger>,\n );\n }\n}\n\nclass ClearButton extends Component {\n static displayName = 'ClearButton';\n static style = style;\n\n render() {\n const SFilterTrigger = Root;\n const { styles, empty, size, disabled, getI18nText } = this.asProps;\n\n if (empty) return null;\n\n return sstyled(styles)(\n <Hint>\n <Hint.Trigger>\n <SFilterTrigger\n render={BaseTrigger}\n size={size}\n empty={empty}\n selected\n disabled={disabled}\n aria-label={getI18nText('clear')}\n >\n <FilterTrigger.Addon tag={Close} />\n </SFilterTrigger>\n </Hint.Trigger>\n <Hint.Popper>{getI18nText('clear')}</Hint.Popper>\n </Hint>,\n );\n }\n}\n\nfunction Counter({ styles, Children, count, getI18nText }) {\n const SCounter = Root;\n return sstyled(styles)(\n <SCounter render={BaseTrigger.Addon} tag={Dot}>\n {count !== undefined ? (\n <>\n {count}\n <ScreenReaderOnly>\n {getI18nText('BaseTrigger.FilterTrigger.Counter.selected:aria-label')}\n </ScreenReaderOnly>\n </>\n ) : (\n <Children />\n )}\n </SCounter>,\n );\n}\n\nconst FilterTrigger = createComponent(\n RootFilterTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n Counter,\n TriggerButton,\n ClearButton,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default FilterTrigger;\n"],"mappings":"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"}
package/lib/es6/LinkTrigger.js CHANGED
@@ -4,31 +4,29 @@ import _createClass from "@babel/runtime/helpers/createClass";
4
4
  import _inherits from "@babel/runtime/helpers/inherits";
5
5
  import _createSuper from "@babel/runtime/helpers/createSuper";
6
6
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
7
- import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
7
+ import { sstyled as _sstyled } from "@semcore/core";
8
8
  import { assignProps as _assignProps3 } from "@semcore/core";
9
9
  import { assignProps as _assignProps2 } from "@semcore/core";
10
10
  import { assignProps as _assignProps } from "@semcore/core";
11
11
  import React from 'react';
12
- import createComponent, { Component, Root, sstyled } from '@semcore/core';
13
- import addonTextChildren from '@semcore/utils/lib/addonTextChildren';
12
+ import { createComponent, Component, Root, sstyled } from '@semcore/core';
13
+ import addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';
14
14
  import ChevronDown from '@semcore/icon/ChevronDown/m';
15
15
  import Spin from '@semcore/spin';
16
16
  import { Box } from '@semcore/flex-box';
17
- import resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';
18
- import keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
17
+ import resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';
19
18
  /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
20
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_nhd0y_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;border:0}.___SLinkTrigger_nhd0y_gg_:focus{outline:0}.___SLinkTrigger_nhd0y_gg_.__active_nhd0y_gg_,.___SLinkTrigger_nhd0y_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_nhd0y_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_nhd0y_gg_.__active_nhd0y_gg_ .___SText_nhd0y_gg_,.___SLinkTrigger_nhd0y_gg_:active .___SText_nhd0y_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_nhd0y_gg_:hover .___SText_nhd0y_gg_{border-color:currentColor}}.___SLinkTrigger_nhd0y_gg_ .___SText_nhd0y_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_nhd0y_gg_.__color_nhd0y_gg_{color:var(--color_nhd0y)}@media (hover:hover){.___SLinkTrigger_nhd0y_gg_.__color_nhd0y_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_nhd0y_gg_.__disabled_nhd0y_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_nhd0y_gg_.__keyboardFocused_nhd0y_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_nhd0y_gg_,.___SLinkAddon_nhd0y_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_nhd0y_gg_:not(:only-child):first-child,.___SLinkAddon_nhd0y_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_nhd0y_gg_:not(:only-child):last-child,.___SLinkAddon_nhd0y_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_nhd0y_gg_{width:16px;height:16px}.___SLinkTrigger_nhd0y_gg_._size_m_nhd0y_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_nhd0y_gg_._size_l_nhd0y_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_nhd0y_gg_,.___SLinkTrigger_nhd0y_gg_ .___SText_nhd0y_gg_{transition:none}}" /*__inner_css_end__*/, "nhd0y_gg_") /*__reshadow_css_end__*/, {
21
- "__SLinkTrigger": "___SLinkTrigger_nhd0y_gg_",
22
- "_disabled": "__disabled_nhd0y_gg_",
23
- "_keyboardFocused": "__keyboardFocused_nhd0y_gg_",
24
- "__SLinkAddon": "___SLinkAddon_nhd0y_gg_",
25
- "_size_m": "_size_m_nhd0y_gg_",
26
- "_size_l": "_size_l_nhd0y_gg_",
27
- "_active": "__active_nhd0y_gg_",
28
- "__SText": "___SText_nhd0y_gg_",
29
- "_color": "__color_nhd0y_gg_",
30
- "--color": "--color_nhd0y",
31
- "__SAddon": "___SAddon_nhd0y_gg_"
19
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_lwral_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;border:0}.___SLinkTrigger_lwral_gg_.__active_lwral_gg_,.___SLinkTrigger_lwral_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_lwral_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_lwral_gg_.__active_lwral_gg_ .___SText_lwral_gg_,.___SLinkTrigger_lwral_gg_:active .___SText_lwral_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_lwral_gg_:hover .___SText_lwral_gg_{border-color:currentColor}}.___SLinkTrigger_lwral_gg_ .___SText_lwral_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_lwral_gg_.__color_lwral_gg_{color:var(--color_lwral)}@media (hover:hover){.___SLinkTrigger_lwral_gg_.__color_lwral_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_lwral_gg_.__disabled_lwral_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_lwral_gg_,.___SLinkAddon_lwral_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_lwral_gg_:not(:only-child):first-child,.___SLinkAddon_lwral_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_lwral_gg_:not(:only-child):last-child,.___SLinkAddon_lwral_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_lwral_gg_{width:16px;height:16px}.___SLinkTrigger_lwral_gg_._size_m_lwral_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_lwral_gg_._size_l_lwral_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_lwral_gg_,.___SLinkTrigger_lwral_gg_ .___SText_lwral_gg_{transition:none}}" /*__inner_css_end__*/, "lwral_gg_") /*__reshadow_css_end__*/, {
20
+ "__SLinkTrigger": "___SLinkTrigger_lwral_gg_",
21
+ "_disabled": "__disabled_lwral_gg_",
22
+ "__SLinkAddon": "___SLinkAddon_lwral_gg_",
23
+ "_size_m": "_size_m_lwral_gg_",
24
+ "_size_l": "_size_l_lwral_gg_",
25
+ "_active": "__active_lwral_gg_",
26
+ "__SText": "___SText_lwral_gg_",
27
+ "_color": "__color_lwral_gg_",
28
+ "--color": "--color_lwral",
29
+ "__SAddon": "___SAddon_lwral_gg_"
32
30
  });
33
31
  var RootLinkTrigger = /*#__PURE__*/function (_Component) {
34
32
  _inherits(RootLinkTrigger, _Component);
@@ -66,6 +64,7 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
66
64
  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, _assignProps({
67
65
  "tag": 'button',
68
66
  "type": 'button',
67
+ "tabIndex": 0,
69
68
  "use:color": color
70
69
  }, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /*#__PURE__*/React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /*#__PURE__*/React.createElement(Spin, _ref4.cn("Spin", {
71
70
  "size": 'xs',
@@ -80,7 +79,7 @@ _defineProperty(RootLinkTrigger, "style", style);
80
79
  _defineProperty(RootLinkTrigger, "defaultProps", {
81
80
  size: 'm'
82
81
  });
83
- _defineProperty(RootLinkTrigger, "enhance", [keyboardFocusEnhance(), resolveColorEnhance()]);
82
+ _defineProperty(RootLinkTrigger, "enhance", [resolveColorEnhance()]);
84
83
  function Text(props) {
85
84
  var _ref2 = arguments[0],
86
85
  _ref5;
package/lib/es6/LinkTrigger.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColorEnhance","keyboardFocusEnhance","style","_sstyled","insert","RootLinkTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","createElement","cn","_objectSpread","_assignProps","Text","_defineProperty","size","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} tag='button' type='button' use:color={color}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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"}
1
+ {"version":3,"file":"LinkTrigger.js","names":["React","createComponent","Component","Root","sstyled","addonTextChildren","ChevronDown","Spin","Box","resolveColorEnhance","style","_sstyled","insert","RootLinkTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","_ref4","SLinkTrigger","SLinkAddon","LinkTrigger","Addon","_this$asProps2","Children","loading","styles","providedColor","color","resolveColor","createElement","cn","_objectSpread","_assignProps","Text","_defineProperty","size","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/LinkTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/core/lib/utils/enhances/resolveColorEnhance';\n\nimport style from './style/link-trigger.shadow.css';\n\nclass RootLinkTrigger extends Component {\n static displayName = 'LinkTrigger';\n static style = style;\n static defaultProps = {\n size: 'm',\n };\n static enhance = [resolveColorEnhance()];\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SLinkTrigger = Root;\n const SLinkAddon = LinkTrigger.Addon;\n const { Children, loading, styles, empty, color: providedColor, resolveColor } = this.asProps;\n\n const color = resolveColor(providedColor);\n\n return sstyled(styles)(\n <SLinkTrigger render={Box} tag='button' type='button' tabIndex={0} use:color={color}>\n {addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty)}\n <SLinkAddon>\n {loading ? <Spin size='xs' theme='currentColor' /> : <ChevronDown />}\n </SLinkAddon>\n </SLinkTrigger>,\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n /* \"use:\" prefix was used for backward compatibility (by lsroman) */\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst LinkTrigger = createComponent(RootLinkTrigger, {\n Text,\n Addon,\n});\n\nexport default LinkTrigger;\n"],"mappings":"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"}
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 from 'react';\nimport { UnknownProperties, Intergalactic, Root } 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\nexport type FilterTriggerCounterProps = {\n /** Count for render */\n count?: number;\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 & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\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, Root } 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/core/lib/utils/enhances/keyboardFocusEnhance';\nimport { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/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\nexport type FilterTriggerCounterProps = {\n /** Count for render */\n count?: number;\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 & FilterTriggerCounterProps>;\n TriggerButton: typeof BaseTrigger;\n ClearButton: typeof BaseTrigger;\n};\n\nexport default BaseTrigger;\nexport { ButtonTrigger, LinkTrigger, FilterTrigger };\n"],"mappings":""}