@semcore/base-trigger 4.54.0-prerelease.4 → 4.54.0-prerelease.5

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 (80) hide show
  1. package/lib/cjs/BaseTrigger.js +64 -53
  2. package/lib/cjs/BaseTrigger.js.map +1 -1
  3. package/lib/cjs/ButtonTrigger.js +20 -22
  4. package/lib/cjs/ButtonTrigger.js.map +1 -1
  5. package/lib/cjs/FilterTrigger.js +90 -85
  6. package/lib/cjs/FilterTrigger.js.map +1 -1
  7. package/lib/cjs/LinkTrigger.js +37 -82
  8. package/lib/cjs/LinkTrigger.js.map +1 -1
  9. package/lib/cjs/index.d.js.map +1 -1
  10. package/lib/cjs/index.js +1 -1
  11. package/lib/cjs/index.js.map +1 -1
  12. package/lib/cjs/style/base-trigger.shadow.css +9 -10
  13. package/lib/cjs/style/filter-trigger.shadow.css +0 -8
  14. package/lib/cjs/translations/__intergalactic-dynamic-locales.js +4 -5
  15. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  16. package/lib/cjs/translations/de.json +2 -1
  17. package/lib/cjs/translations/es.json +2 -1
  18. package/lib/cjs/translations/fr.json +2 -1
  19. package/lib/cjs/translations/it.json +2 -1
  20. package/lib/cjs/translations/ja.json +2 -1
  21. package/lib/cjs/translations/ko.json +2 -1
  22. package/lib/cjs/translations/nl.json +2 -1
  23. package/lib/cjs/translations/pl.json +2 -1
  24. package/lib/cjs/translations/pt.json +2 -1
  25. package/lib/cjs/translations/sv.json +2 -1
  26. package/lib/cjs/translations/tr.json +2 -1
  27. package/lib/cjs/translations/vi.json +2 -1
  28. package/lib/cjs/translations/zh.json +2 -1
  29. package/lib/es6/BaseTrigger.js +58 -44
  30. package/lib/es6/BaseTrigger.js.map +1 -1
  31. package/lib/es6/ButtonTrigger.js +18 -17
  32. package/lib/es6/ButtonTrigger.js.map +1 -1
  33. package/lib/es6/FilterTrigger.js +83 -76
  34. package/lib/es6/FilterTrigger.js.map +1 -1
  35. package/lib/es6/LinkTrigger.js +35 -80
  36. package/lib/es6/LinkTrigger.js.map +1 -1
  37. package/lib/es6/index.d.js.map +1 -1
  38. package/lib/es6/index.js.map +1 -1
  39. package/lib/es6/style/base-trigger.shadow.css +9 -10
  40. package/lib/es6/style/filter-trigger.shadow.css +0 -8
  41. package/lib/es6/translations/__intergalactic-dynamic-locales.js +2 -2
  42. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  43. package/lib/es6/translations/de.json +2 -1
  44. package/lib/es6/translations/es.json +2 -1
  45. package/lib/es6/translations/fr.json +2 -1
  46. package/lib/es6/translations/it.json +2 -1
  47. package/lib/es6/translations/ja.json +2 -1
  48. package/lib/es6/translations/ko.json +2 -1
  49. package/lib/es6/translations/nl.json +2 -1
  50. package/lib/es6/translations/pl.json +2 -1
  51. package/lib/es6/translations/pt.json +2 -1
  52. package/lib/es6/translations/sv.json +2 -1
  53. package/lib/es6/translations/tr.json +2 -1
  54. package/lib/es6/translations/vi.json +2 -1
  55. package/lib/es6/translations/zh.json +2 -1
  56. package/lib/esm/BaseTrigger.mjs +58 -49
  57. package/lib/esm/ButtonTrigger.mjs +20 -21
  58. package/lib/esm/FilterTrigger.mjs +68 -70
  59. package/lib/esm/LinkTrigger.mjs +33 -76
  60. package/lib/esm/style/base-trigger.shadow.css +9 -10
  61. package/lib/esm/style/filter-trigger.shadow.css +0 -8
  62. package/lib/esm/translations/__intergalactic-dynamic-locales.mjs +2 -2
  63. package/lib/esm/translations/de.json.mjs +2 -1
  64. package/lib/esm/translations/es.json.mjs +2 -1
  65. package/lib/esm/translations/fr.json.mjs +2 -1
  66. package/lib/esm/translations/it.json.mjs +2 -1
  67. package/lib/esm/translations/ja.json.mjs +2 -1
  68. package/lib/esm/translations/ko.json.mjs +2 -1
  69. package/lib/esm/translations/nl.json.mjs +2 -1
  70. package/lib/esm/translations/pl.json.mjs +2 -1
  71. package/lib/esm/translations/pt.json.mjs +2 -1
  72. package/lib/esm/translations/sv.json.mjs +2 -1
  73. package/lib/esm/translations/tr.json.mjs +2 -1
  74. package/lib/esm/translations/vi.json.mjs +2 -1
  75. package/lib/esm/translations/zh.json.mjs +2 -1
  76. package/lib/types/index.d.ts +22 -33
  77. package/package.json +9 -9
  78. package/lib/cjs/style/link-trigger.shadow.css +0 -104
  79. package/lib/es6/style/link-trigger.shadow.css +0 -104
  80. package/lib/esm/style/link-trigger.shadow.css +0 -104
@@ -1,7 +1,6 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
@@ -9,49 +8,50 @@ exports["default"] = void 0;
9
8
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
10
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
11
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
+ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
12
12
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
13
- var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
14
13
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
15
- var _index = require("@semcore/utils/lib/core/index");
16
- var _core = _interopRequireWildcard(require("@semcore/core"));
14
+ var _core = require("@semcore/core");
15
+ var _baseComponents = require("@semcore/base-components");
16
+ var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
17
+ var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
18
+ var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
19
+ var _typography = require("@semcore/typography");
17
20
  var _react = _interopRequireDefault(require("react"));
18
- var _flexBox = require("@semcore/flex-box");
19
- var _neighborLocation = _interopRequireDefault(require("@semcore/neighbor-location"));
20
- var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
21
- var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
22
- var _logger = _interopRequireDefault(require("@semcore/utils/lib/logger"));
23
- var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
24
- var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
25
21
  /*!__reshadow-styles__:"./style/base-trigger.shadow.css"*/
26
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_wi64k_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_wi64k_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_wi64k_gg_:active,.___SBaseTrigger_wi64k_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_wi64k_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469));z-index:1}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 33, 220, 0.469))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_.__keyboardFocused_wi64k_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px color(display-p3 0.03256 0.12227 0.83249 / 0.469))}}}@media (hover:hover){.___SBaseTrigger_wi64k_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_wi64k_gg_.__active_wi64k_gg_,.___SBaseTrigger_wi64k_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_wi64k_gg_.__disabled_wi64k_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_wi64k_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_wi64k_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_wi64k_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_wi64k_gg_{width:12px;height:12px}.___SBaseTrigger_wi64k_gg_._size_m_wi64k_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:only-child,.___SBaseTrigger_wi64k_gg_._size_m_wi64k_gg_ .___SAddon_wi64k_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._size_l_wi64k_gg_ .___SAddon_wi64k_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_wi64k_gg_._neighborLocation_right_wi64k_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_wi64k_gg_._neighborLocation_both_wi64k_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_wi64k_gg_._neighborLocation_left_wi64k_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_wi64k_gg_.__display-placeholder_wi64k_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_valid_wi64k_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56));box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 2, 7, 0.652))}@supports (color:color(display-p3 0 0 0)){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_wi64k_gg_._state_invalid_wi64k_gg_.__keyboardFocused_wi64k_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SInvalidPattern_wi64k_gg_._size_m_wi64k_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_wi64k_gg_._size_l_wi64k_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"wi64k_gg_"),
22
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SBaseTrigger_10iri_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, rgb(255, 255, 255));font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));color:var(--intergalactic-text-primary, rgba(1, 5, 0, 0.899))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_10iri_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SBaseTrigger_10iri_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SBaseTrigger_10iri_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_10iri_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_10iri_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_10iri_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419))}@media (hover:hover){.___SBaseTrigger_10iri_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, rgb(248, 249, 248))}}.___SBaseTrigger_10iri_gg_.__active_10iri_gg_,.___SBaseTrigger_10iri_gg_:active{border-color:var(--intergalactic-border-info-active, rgba(0, 40, 230, 0.419));background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255))}.___SBaseTrigger_10iri_gg_.__disabled_10iri_gg_{opacity:var(--intergalactic-disabled-opacity, 0.4);cursor:default;pointer-events:none}.___SInner_10iri_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_10iri_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_10iri_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_10iri_gg_{width:12px;height:12px}.___SBaseTrigger_10iri_gg_._size_m_10iri_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_10iri_gg_._size_m_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._size_m_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._size_l_10iri_gg_ .___SAddon_10iri_gg_:only-child,.___SBaseTrigger_10iri_gg_._size_m_10iri_gg_ .___SAddon_10iri_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_10iri_gg_._size_l_10iri_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_10iri_gg_._size_l_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._size_l_10iri_gg_ .___SAddon_10iri_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_10iri_gg_._neighborLocation_right_10iri_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_10iri_gg_._neighborLocation_both_10iri_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_10iri_gg_._neighborLocation_left_10iri_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SBaseTrigger_10iri_gg_._neighborLocation_left_10iri_gg_.__disabled_10iri_gg_{border-left:none;margin-left:0}.___SText_10iri_gg_.__display-placeholder_10iri_gg_{color:var(--intergalactic-text-placeholder, rgba(0, 5, 2, 0.457))}.___SBaseTrigger_10iri_gg_._state_valid_10iri_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_10iri_gg_._state_valid_10iri_gg_{border-color:var(--intergalactic-border-success-active, rgb(0, 204, 154))}@media (color-gamut:p3){.___SBaseTrigger_10iri_gg_._state_valid_10iri_gg_{border-color:var(--intergalactic-border-success-active, color(display-p3 0.36013 0.78771 0.61714))}}}.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@supports (color:color(display-p3 0 0 0%)){.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_{border-color:var(--intergalactic-border-critical-active, rgba(255, 0, 4, 0.56))}@media (color-gamut:p3){.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_{border-color:var(--intergalactic-border-critical-active, color(display-p3 0.918 0.19866 0.14259 / 0.56))}}}.___SBaseTrigger_10iri_gg_._state_invalid_10iri_gg_:focus-visible{outline-color:var(--intergalactic-keyboard-focus-invalid-outline, rgba(255, 2, 7, 0.652))}.___SInvalidPattern_10iri_gg_._size_m_10iri_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_10iri_gg_._size_l_10iri_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}", /*__inner_css_end__*/"10iri_gg_"),
27
23
  /*__reshadow_css_end__*/
28
24
  {
29
- "__SBaseTrigger": "___SBaseTrigger_wi64k_gg_",
30
- "_disabled": "__disabled_wi64k_gg_",
31
- "__SInner": "___SInner_wi64k_gg_",
32
- "__SText": "___SText_wi64k_gg_",
33
- "__SAddon": "___SAddon_wi64k_gg_",
34
- "__SBaseAddon": "___SBaseAddon_wi64k_gg_",
35
- "_neighborLocation_right": "_neighborLocation_right_wi64k_gg_",
36
- "_neighborLocation_both": "_neighborLocation_both_wi64k_gg_",
37
- "_neighborLocation_left": "_neighborLocation_left_wi64k_gg_",
38
- "_display-placeholder": "__display-placeholder_wi64k_gg_",
39
- "_state_valid": "_state_valid_wi64k_gg_",
40
- "__SInvalidPattern": "___SInvalidPattern_wi64k_gg_",
41
- "_size_m": "_size_m_wi64k_gg_",
42
- "_size_l": "_size_l_wi64k_gg_",
43
- "_keyboardFocused": "__keyboardFocused_wi64k_gg_",
44
- "_active": "__active_wi64k_gg_",
45
- "_state_invalid": "_state_invalid_wi64k_gg_"
25
+ "__SBaseTrigger": "___SBaseTrigger_10iri_gg_",
26
+ "_disabled": "__disabled_10iri_gg_",
27
+ "__SInner": "___SInner_10iri_gg_",
28
+ "__SText": "___SText_10iri_gg_",
29
+ "__SAddon": "___SAddon_10iri_gg_",
30
+ "__SBaseAddon": "___SBaseAddon_10iri_gg_",
31
+ "_neighborLocation_right": "_neighborLocation_right_10iri_gg_",
32
+ "_neighborLocation_both": "_neighborLocation_both_10iri_gg_",
33
+ "_display-placeholder": "__display-placeholder_10iri_gg_",
34
+ "_state_valid": "_state_valid_10iri_gg_",
35
+ "__SInvalidPattern": "___SInvalidPattern_10iri_gg_",
36
+ "_size_m": "_size_m_10iri_gg_",
37
+ "_size_l": "_size_l_10iri_gg_",
38
+ "_active": "__active_10iri_gg_",
39
+ "_neighborLocation_left": "_neighborLocation_left_10iri_gg_",
40
+ "_state_invalid": "_state_invalid_10iri_gg_"
46
41
  });
47
42
  var RootBaseTrigger = /*#__PURE__*/function (_Component) {
48
- (0, _inherits2["default"])(RootBaseTrigger, _Component);
49
- var _super = (0, _createSuper2["default"])(RootBaseTrigger);
50
43
  function RootBaseTrigger() {
44
+ var _this;
51
45
  (0, _classCallCheck2["default"])(this, RootBaseTrigger);
52
- return _super.apply(this, arguments);
46
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
47
+ args[_key] = arguments[_key];
48
+ }
49
+ _this = (0, _callSuper2["default"])(this, RootBaseTrigger, [].concat(args));
50
+ (0, _defineProperty2["default"])(_this, "triggerRef", /*#__PURE__*/_react["default"].createRef());
51
+ return _this;
53
52
  }
54
- (0, _createClass2["default"])(RootBaseTrigger, [{
53
+ (0, _inherits2["default"])(RootBaseTrigger, _Component);
54
+ return (0, _createClass2["default"])(RootBaseTrigger, [{
55
55
  key: "getTextProps",
56
56
  value: function getTextProps() {
57
57
  var _this$asProps = this.asProps,
@@ -59,16 +59,18 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
59
59
  empty = _this$asProps.empty;
60
60
  return {
61
61
  placeholder: placeholder,
62
- empty: empty
62
+ empty: empty,
63
+ triggerRef: this.triggerRef
63
64
  };
64
65
  }
65
66
  }, {
66
67
  key: "render",
67
68
  value: function render() {
68
- var _ref = this.asProps;
69
- var SBaseTrigger = _flexBox.Box;
69
+ var _ref = this.asProps,
70
+ _this2 = this;
71
+ var SBaseTrigger = _baseComponents.Box;
70
72
  var SInner = 'span';
71
- var SInvalidPattern = _flexBox.InvalidStateBox;
73
+ var SInvalidPattern = _baseComponents.InvalidStateBox;
72
74
  var _this$asProps2 = this.asProps,
73
75
  Children = _this$asProps2.Children,
74
76
  styles = _this$asProps2.styles,
@@ -77,28 +79,30 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
77
79
  empty = _this$asProps2.empty,
78
80
  state = _this$asProps2.state,
79
81
  size = _this$asProps2.size;
80
- _logger["default"].warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName);
81
82
 
82
83
  // TODO: add aria
83
- return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
84
+ return /*#__PURE__*/_react["default"].createElement(_baseComponents.NeighborLocation.Detect, {
84
85
  neighborLocation: neighborLocation
85
86
  }, function (neighborLocation) {
86
87
  var _ref4;
87
88
  return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
88
89
  "tag": 'button',
89
90
  "type": 'button',
91
+ "tabIndex": 0,
90
92
  "neighborLocation": neighborLocation,
91
- "state": theme
93
+ "state": theme,
94
+ "ref": _this2.triggerRef
92
95
  }, _ref))), state === 'invalid' && /*#__PURE__*/_react["default"].createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
93
96
  "size": size
94
- })), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
97
+ })), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {
98
+ "data-ui-name": "".concat(_this2.asProps['data-ui-name'], ".InnerTriggerWrapper")
99
+ }), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
95
100
  });
96
101
  }
97
102
  }]);
98
- return RootBaseTrigger;
99
103
  }(_core.Component);
100
104
  (0, _defineProperty2["default"])(RootBaseTrigger, "displayName", 'BaseTrigger');
101
- (0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _useCssVariable.cssVariableEnhance)({
105
+ (0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _useCssVariable.cssVariableEnhance)({
102
106
  variable: '--intergalactic-duration-control',
103
107
  fallback: '200',
104
108
  map: Number.parseInt,
@@ -115,27 +119,34 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
115
119
  function Text(props) {
116
120
  var _ref2 = arguments[0],
117
121
  _ref5;
118
- var SText = _flexBox.Box;
122
+ var SText = _typography.Text;
123
+ var textRef = _react["default"].useRef();
119
124
  var children = props.children,
120
125
  styles = props.styles,
121
126
  empty = props.empty,
122
- placeholder = props.placeholder;
123
- return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
127
+ placeholder = props.placeholder,
128
+ triggerRef = props.triggerRef,
129
+ _props$ellipsis = props.ellipsis,
130
+ ellipsis = _props$ellipsis === void 0 ? false : _props$ellipsis;
131
+ var content = empty ? placeholder : children;
132
+ return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
124
133
  "display-placeholder": empty,
125
- "aria-hidden": empty
126
- }, _ref2))), empty ? placeholder : children);
134
+ "aria-hidden": empty,
135
+ "ref": textRef,
136
+ "ellipsis": ellipsis,
137
+ "hint:triggerRef": triggerRef
138
+ }, _ref2))), content));
127
139
  }
128
140
  function Addon(props) {
129
141
  var _ref3 = arguments[0],
130
142
  _ref6;
131
- var SAddon = _flexBox.Box;
143
+ var SAddon = _baseComponents.Box;
132
144
  var styles = props.styles;
133
145
  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref6.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref3))));
134
146
  }
135
- var BaseTrigger = (0, _core["default"])(RootBaseTrigger, {
147
+ var BaseTrigger = (0, _core.createComponent)(RootBaseTrigger, {
136
148
  Text: Text,
137
149
  Addon: Addon
138
150
  });
139
- var _default = BaseTrigger;
140
- exports["default"] = _default;
151
+ var _default = exports["default"] = BaseTrigger;
141
152
  //# sourceMappingURL=BaseTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'span';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger\n render={Box}\n tag='button'\n type='button'\n neighborLocation={neighborLocation}\n state={theme}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
1
+ {"version":3,"file":"BaseTrigger.js","names":["_core","require","_baseComponents","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_typography","_react","style","sstyled","insert","RootBaseTrigger","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","React","createRef","_inherits2","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","triggerRef","render","_ref","_this2","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","createElement","NeighborLocation","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","BaseTrigger","Text","Addon","Component","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","TextKit","textRef","useRef","children","_props$ellipsis","ellipsis","content","Fragment","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import { NeighborLocation, Box, InvalidStateBox } from '@semcore/base-components';\nimport { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport { Text as TextKit } from '@semcore/typography';\nimport React from 'react';\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\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n triggerRef = React.createRef();\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n triggerRef: this.triggerRef,\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 // 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 ref={this.triggerRef}\n >\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner data-ui-name={`${this.asProps['data-ui-name']}.InnerTriggerWrapper`}>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )}\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const textRef = React.useRef();\n const { children, styles, empty, placeholder, triggerRef, ellipsis = false } = props;\n const content = empty ? placeholder : children;\n\n return sstyled(styles)(\n <>\n <SText\n render={TextKit}\n display-placeholder={empty}\n aria-hidden={empty}\n ref={textRef}\n ellipsis={ellipsis}\n hint:triggerRef={triggerRef}\n >\n {content}\n </SText>\n </>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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","ignoreList":[]}
@@ -1,40 +1,37 @@
1
1
  "use strict";
2
2
 
3
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
4
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports["default"] = void 0;
9
8
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
9
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
10
+ var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
11
11
  var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
12
- var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
13
12
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
14
- var _index = require("@semcore/utils/lib/core/index");
15
- var _core = _interopRequireWildcard(require("@semcore/core"));
16
- var _react = _interopRequireDefault(require("react"));
17
- var _addonTextChildren = _interopRequireDefault(require("@semcore/utils/lib/addonTextChildren"));
13
+ var _core = require("@semcore/core");
14
+ var _addonTextChildren = _interopRequireDefault(require("@semcore/core/lib/utils/addonTextChildren"));
15
+ var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/animatedSizeEnhance"));
16
+ var _useCssVariable = require("@semcore/core/lib/utils/useCssVariable");
18
17
  var _m = _interopRequireDefault(require("@semcore/icon/ChevronDown/m"));
19
- var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
20
18
  var _spin = _interopRequireDefault(require("@semcore/spin"));
21
- var _animatedSizeEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/animatedSizeEnhance"));
22
- var _useCssVariable = require("@semcore/utils/lib/useCssVariable");
19
+ var _react = _interopRequireDefault(require("react"));
20
+ var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
23
21
  /*!__reshadow-styles__:"./style/button-trigger.shadow.css"*/
24
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1bty7_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1bty7_gg_{fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}", /*__inner_css_end__*/"1bty7_gg_"),
22
+ var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SButtonAddon_rlrw5_gg_{width:12px;height:12px}.___SButtonTriggerSpin_rlrw5_gg_{fill:var(--intergalactic-icon-primary-neutral, rgba(0, 4, 1, 0.526))}", /*__inner_css_end__*/"rlrw5_gg_"),
25
23
  /*__reshadow_css_end__*/
26
24
  {
27
- "__SButtonAddon": "___SButtonAddon_1bty7_gg_",
28
- "__SButtonTriggerSpin": "___SButtonTriggerSpin_1bty7_gg_"
25
+ "__SButtonAddon": "___SButtonAddon_rlrw5_gg_",
26
+ "__SButtonTriggerSpin": "___SButtonTriggerSpin_rlrw5_gg_"
29
27
  });
30
28
  var RootButtonTrigger = /*#__PURE__*/function (_Component) {
31
- (0, _inherits2["default"])(RootButtonTrigger, _Component);
32
- var _super = (0, _createSuper2["default"])(RootButtonTrigger);
33
29
  function RootButtonTrigger() {
34
30
  (0, _classCallCheck2["default"])(this, RootButtonTrigger);
35
- return _super.apply(this, arguments);
31
+ return (0, _callSuper2["default"])(this, RootButtonTrigger, arguments);
36
32
  }
37
- (0, _createClass2["default"])(RootButtonTrigger, [{
33
+ (0, _inherits2["default"])(RootButtonTrigger, _Component);
34
+ return (0, _createClass2["default"])(RootButtonTrigger, [{
38
35
  key: "getTextProps",
39
36
  value: function getTextProps() {
40
37
  return {
@@ -59,15 +56,17 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
59
56
  Children = _this$asProps.Children,
60
57
  styles = _this$asProps.styles,
61
58
  loading = _this$asProps.loading,
59
+ disabled = _this$asProps.disabled,
62
60
  chevron = _this$asProps.chevron,
63
61
  empty = _this$asProps.empty;
64
- return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({}, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
62
+ return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_BaseTrigger["default"], (0, _core.assignProps)({
63
+ "use:disabled": disabled || loading
64
+ }, _ref), (0, _addonTextChildren["default"])(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /*#__PURE__*/_react["default"].createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /*#__PURE__*/_react["default"].createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
65
65
  "size": 'xs',
66
66
  "theme": false
67
67
  })) : /*#__PURE__*/_react["default"].createElement(_m["default"], _ref2.cn("ChevronDown", {}))));
68
68
  }
69
69
  }]);
70
- return RootButtonTrigger;
71
70
  }(_core.Component);
72
71
  (0, _defineProperty2["default"])(RootButtonTrigger, "displayName", 'ButtonTrigger');
73
72
  (0, _defineProperty2["default"])(RootButtonTrigger, "style", style);
@@ -83,12 +82,11 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
83
82
  (0, _defineProperty2["default"])(RootButtonTrigger, "defaultProps", {
84
83
  chevron: true
85
84
  });
86
- var ButtonTrigger = (0, _core["default"])(RootButtonTrigger, {
85
+ var ButtonTrigger = (0, _core.createComponent)(RootButtonTrigger, {
87
86
  Text: _BaseTrigger["default"].Text,
88
87
  Addon: _BaseTrigger["default"].Addon
89
88
  }, {
90
89
  parent: _BaseTrigger["default"]
91
90
  });
92
- var _default = ButtonTrigger;
93
- exports["default"] = _default;
91
+ var _default = exports["default"] = ButtonTrigger;
94
92
  //# sourceMappingURL=ButtonTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_addonTextChildren","_m","_BaseTrigger","_spin","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootButtonTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","chevron","empty","createElement","BaseTrigger","assignProps","addonTextChildren","Text","cn","Component","_defineProperty2","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","createComponent","parent","_default","exports"],"sources":["../../src/ButtonTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport BaseTrigger from './BaseTrigger';\nimport Spin from '@semcore/spin';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/button-trigger.shadow.css';\n\nclass RootButtonTrigger extends Component {\n static displayName = 'ButtonTrigger';\n static style = style;\n static enhance = [\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\n }\n getAddonProps() {\n return {\n tag: 'span',\n };\n }\n\n render() {\n const SButtonAddon = ButtonTrigger.Addon;\n const SButtonTriggerSpin = Spin;\n const { Children, styles, loading, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger}>\n {addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty)}\n {(chevron || loading) && (\n <SButtonAddon>\n {loading ? <SButtonTriggerSpin size='xs' theme={false} /> : <ChevronDown />}\n </SButtonAddon>\n )}\n </Root>,\n );\n }\n}\n\nconst ButtonTrigger = createComponent(\n RootButtonTrigger,\n {\n Text: BaseTrigger.Text,\n Addon: BaseTrigger.Addon,\n },\n {\n parent: BaseTrigger,\n },\n);\n\nexport default ButtonTrigger;\n"],"mappings":"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"}
1
+ {"version":3,"file":"ButtonTrigger.js","names":["_core","require","_addonTextChildren","_interopRequireDefault","_animatedSizeEnhance","_useCssVariable","_m","_spin","_react","_BaseTrigger","style","sstyled","insert","RootButtonTrigger","_Component","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","getTextProps","tag","getAddonProps","render","_ref","asProps","_ref2","SButtonAddon","ButtonTrigger","Addon","SButtonTriggerSpin","Spin","_this$asProps","Children","styles","loading","disabled","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 { createComponent, Component, Root, sstyled } from '@semcore/core';\nimport addonTextChildren from '@semcore/core/lib/utils/addonTextChildren';\nimport animatedSizeEnhance from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/core/lib/utils/useCssVariable';\nimport ChevronDown from '@semcore/icon/ChevronDown/m';\nimport Spin from '@semcore/spin';\nimport React from 'react';\n\nimport BaseTrigger from './BaseTrigger';\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 static defaultProps = {\n chevron: true,\n };\n\n getTextProps() {\n return {\n tag: 'span',\n };\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, disabled, chevron, empty } = this.asProps;\n\n return sstyled(styles)(\n <Root render={BaseTrigger} use:disabled={disabled || loading}>\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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","ignoreList":[]}