intergalactic 15.127.0 → 15.128.0-prerelease.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/add-filter/package.json +1 -1
  3. package/bulk-textarea/BulkTextarea.d.ts +1 -1
  4. package/bulk-textarea/BulkTextarea.types.d.ts +23 -21
  5. package/bulk-textarea/components/InputField/InputField.d.ts +4 -4
  6. package/bulk-textarea/components/InputField/InputField.types.d.ts +4 -4
  7. package/bulk-textarea/lib/cjs/BulkTextarea.js +10 -8
  8. package/bulk-textarea/lib/cjs/BulkTextarea.js.map +1 -1
  9. package/bulk-textarea/lib/cjs/BulkTextarea.types.js.map +1 -1
  10. package/bulk-textarea/lib/cjs/components/InputField/InputField.js +39 -26
  11. package/bulk-textarea/lib/cjs/components/InputField/InputField.js.map +1 -1
  12. package/bulk-textarea/lib/cjs/components/InputField/InputField.types.js.map +1 -1
  13. package/bulk-textarea/lib/cjs/components/InputField/inputField.shadow.css +17 -7
  14. package/bulk-textarea/lib/es6/BulkTextarea.js +10 -8
  15. package/bulk-textarea/lib/es6/BulkTextarea.js.map +1 -1
  16. package/bulk-textarea/lib/es6/BulkTextarea.types.js.map +1 -1
  17. package/bulk-textarea/lib/es6/components/InputField/InputField.js +39 -26
  18. package/bulk-textarea/lib/es6/components/InputField/InputField.js.map +1 -1
  19. package/bulk-textarea/lib/es6/components/InputField/InputField.types.js.map +1 -1
  20. package/bulk-textarea/lib/es6/components/InputField/inputField.shadow.css +17 -7
  21. package/bulk-textarea/lib/esm/BulkTextarea.mjs +53 -50
  22. package/bulk-textarea/lib/esm/components/InputField/InputField.mjs +273 -259
  23. package/bulk-textarea/lib/types/BulkTextarea.d.ts +1 -1
  24. package/bulk-textarea/lib/types/BulkTextarea.types.d.ts +23 -21
  25. package/bulk-textarea/lib/types/components/InputField/InputField.d.ts +4 -4
  26. package/bulk-textarea/lib/types/components/InputField/InputField.types.d.ts +4 -4
  27. package/bulk-textarea/package.json +1 -1
  28. package/components.json +14 -14
  29. package/errors/lib/cjs/Error.js +9 -9
  30. package/errors/lib/es6/Error.js +9 -9
  31. package/errors/lib/esm/Error.mjs +40 -40
  32. package/errors/package.json +1 -1
  33. package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
  34. package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
  35. package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js +10 -4
  36. package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js.map +1 -1
  37. package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +18 -14
  38. package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js.map +1 -1
  39. package/feedback-form/lib/cjs/style/slider-rating.shadow.css +1 -3
  40. package/feedback-form/lib/es6/FeedbackForm.js +7 -7
  41. package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
  42. package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js +10 -4
  43. package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js.map +1 -1
  44. package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +18 -14
  45. package/feedback-form/lib/es6/component/slider-rating/SliderRating.js.map +1 -1
  46. package/feedback-form/lib/es6/style/slider-rating.shadow.css +1 -3
  47. package/feedback-form/lib/esm/FeedbackForm.mjs +39 -39
  48. package/feedback-form/lib/esm/component/checkbox-button/CheckboxButton.mjs +13 -13
  49. package/feedback-form/lib/esm/component/feedback-rating/FeedbackRating.mjs +85 -81
  50. package/feedback-form/lib/esm/component/slider-rating/SliderRating.mjs +83 -79
  51. package/feedback-form/package.json +1 -1
  52. package/illustration/lib/cjs/index.js +1 -1
  53. package/illustration/lib/es6/index.js +1 -1
  54. package/illustration/package.json +1 -1
  55. package/modal/lib/cjs/Modal.js +8 -8
  56. package/modal/lib/es6/Modal.js +8 -8
  57. package/modal/lib/esm/Modal.mjs +73 -73
  58. package/modal/package.json +1 -1
  59. package/outside-click/lib/cjs/OutsideClick.js +14 -7
  60. package/outside-click/lib/cjs/OutsideClick.js.map +1 -1
  61. package/outside-click/lib/es6/OutsideClick.js +14 -7
  62. package/outside-click/lib/es6/OutsideClick.js.map +1 -1
  63. package/outside-click/lib/esm/OutsideClick.mjs +39 -35
  64. package/outside-click/package.json +1 -1
  65. package/package.json +1 -1
  66. package/popper/lib/cjs/Popper.js +6 -6
  67. package/popper/lib/es6/Popper.js +6 -6
  68. package/popper/lib/esm/Popper.mjs +25 -25
  69. package/popper/package.json +1 -1
  70. package/select/lib/cjs/InputSearch.js +15 -19
  71. package/select/lib/cjs/InputSearch.js.map +1 -1
  72. package/select/lib/cjs/Select.js +8 -8
  73. package/select/lib/es6/InputSearch.js +15 -19
  74. package/select/lib/es6/InputSearch.js.map +1 -1
  75. package/select/lib/es6/Select.js +8 -8
  76. package/select/lib/esm/InputSearch.mjs +63 -65
  77. package/select/lib/esm/Select.mjs +122 -122
  78. package/select/package.json +1 -1
  79. package/side-panel/lib/cjs/SidePanel.js +16 -16
  80. package/side-panel/lib/es6/SidePanel.js +16 -16
  81. package/side-panel/lib/esm/SidePanel.mjs +77 -77
  82. package/side-panel/package.json +1 -1
  83. package/time-picker/lib/cjs/TimePicker.js +12 -12
  84. package/time-picker/lib/es6/TimePicker.js +12 -12
  85. package/time-picker/lib/esm/TimePicker.mjs +38 -38
  86. package/time-picker/package.json +1 -1
  87. package/tooltip/lib/cjs/Tooltip.js +9 -9
  88. package/tooltip/lib/es6/Tooltip.js +9 -9
  89. package/tooltip/lib/esm/Tooltip.mjs +103 -103
  90. package/tooltip/package.json +1 -1
  91. package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
  92. package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
  93. package/widget-empty/lib/esm/WidgetEmpty.mjs +32 -32
  94. package/widget-empty/package.json +1 -1
  95. package/wizard/lib/cjs/Wizard.js +12 -12
  96. package/wizard/lib/es6/Wizard.js +12 -12
  97. package/wizard/lib/esm/Wizard.mjs +103 -103
  98. package/wizard/package.json +1 -1
@@ -1,50 +1,54 @@
1
- import h from "@babel/runtime/helpers/esm/slicedToArray";
2
- import B from "@babel/runtime/helpers/esm/toConsumableArray";
3
- import s, { cloneElement as D } from "react";
4
- import j from 'intergalactic/core';
5
- import { useForkRef as F, getNodeByRef as c } from 'intergalactic/utils/lib/ref';
1
+ import O from "@babel/runtime/helpers/esm/slicedToArray";
2
+ import w from "@babel/runtime/helpers/esm/toConsumableArray";
3
+ import c, { cloneElement as j } from "react";
4
+ import B from 'intergalactic/core';
5
+ import { useForkRef as F, getNodeByRef as m } from 'intergalactic/utils/lib/ref';
6
6
  import H from 'intergalactic/utils/lib/ownerDocument';
7
- import O from 'intergalactic/utils/lib/use/useEventCallback';
8
- import q from 'intergalactic/utils/lib/getOriginChildren';
9
- import { getEventTarget as k } from 'intergalactic/utils/lib/getEventTarget';
10
- var z = function() {
7
+ import M from 'intergalactic/utils/lib/use/useEventCallback';
8
+ import I from 'intergalactic/utils/lib/getOriginChildren';
9
+ import { getEventTarget as T } from 'intergalactic/utils/lib/getEventTarget';
10
+ var q = function() {
11
11
  };
12
- function n(o) {
13
- var M = o.Children, w = o.forwardRef, u = o.root, m = o.excludeRefs, L = m === void 0 ? [] : m, p = o.onOutsideClick, a = p === void 0 ? z : p, i = q(M), l = s.useRef(null), E = s.useRef(null), _ = F(i ? i.ref : null, l, w), d = O(function(e) {
14
- var v = [].concat(B(L), [l]).filter(function(t) {
15
- return c(t);
16
- }).some(function(t) {
17
- var r;
18
- return (r = c(t)) === null || r === void 0 ? void 0 : r.contains(E.current || k(e));
12
+ function i(t) {
13
+ var L = t.Children, _ = t.forwardRef, l = t.root, p = t.excludeRefs, E = p === void 0 ? [] : p, C = t.onOutsideClick, s = C === void 0 ? q : C, a = I(L), v = c.useRef(null), h = c.useRef(!1), y = F(a ? a.ref : null, v, _), d = M(function(e) {
14
+ var u = [].concat(w(E), [v]).map(function(o) {
15
+ return m(o);
16
+ }), r = T(e), n = u.some(function(o) {
17
+ return h.current || (o == null ? void 0 : o.contains(r));
19
18
  });
20
- v || a == null || a(e);
21
- }), f = O(function(e) {
22
- E.current = k(e);
23
- }), R = function(v, t) {
24
- var r = t instanceof HTMLElement && t.dataset.uiName === "Modal.Overlay";
25
- r && n.eventsMap.forEach(function(y) {
26
- var C = h(y, 2), N = C[0], x = C[1];
27
- Object.entries(x).forEach(function(T) {
28
- var g = h(T, 2), b = g[0], $ = g[1], A = v ? "addEventListener" : "removeEventListener";
29
- N[A](b, $, !0);
19
+ n || s == null || s(e);
20
+ }), f = M(function(e) {
21
+ var u = [].concat(w(E), [v]).map(function(n) {
22
+ return m(n);
23
+ }), r = T(e);
24
+ h.current = u.some(function(n) {
25
+ return n == null ? void 0 : n.contains(r);
26
+ });
27
+ }), R = function(u, r) {
28
+ var n = r instanceof HTMLElement && r.dataset.uiName === "Modal.Overlay";
29
+ n && i.eventsMap.forEach(function(o) {
30
+ var g = O(o, 2), x = g[0], N = g[1];
31
+ Object.entries(N).forEach(function(b) {
32
+ var k = O(b, 2), D = k[0], $ = k[1], A = u ? "addEventListener" : "removeEventListener";
33
+ x[A](D, $, !0);
30
34
  });
31
35
  });
32
36
  };
33
- return s.useEffect(function() {
34
- var e = u ? c(u) : H(l.current);
35
- return R(!1, e), e == null || e.addEventListener("mouseup", d, !0), e == null || e.addEventListener("mousedown", f, !0), e && n.eventsMap.push([e, {
37
+ return c.useEffect(function() {
38
+ var e = l ? m(l) : H(v.current);
39
+ return R(!1, e), e == null || e.addEventListener("mouseup", d, !0), e == null || e.addEventListener("mousedown", f, !0), e && i.eventsMap.push([e, {
36
40
  mouseup: d,
37
41
  mousedown: f
38
42
  }]), function() {
39
- e && n.eventsMap.pop(), e == null || e.removeEventListener("mouseup", d, !0), e == null || e.removeEventListener("mousedown", f, !0), R(!0, e);
43
+ e && i.eventsMap.pop(), e == null || e.removeEventListener("mouseup", d, !0), e == null || e.removeEventListener("mousedown", f, !0), R(!0, e);
40
44
  };
41
- }, [u]), i ? /* @__PURE__ */ D(i, {
42
- ref: _
45
+ }, [l]), a ? /* @__PURE__ */ j(a, {
46
+ ref: y
43
47
  }) : null;
44
48
  }
45
- n.displayName = "OutsideClick";
46
- n.eventsMap = [];
47
- const W = j(n);
49
+ i.displayName = "OutsideClick";
50
+ i.eventsMap = [];
51
+ const W = B(i);
48
52
  export {
49
53
  W as default
50
54
  };
@@ -1 +1 @@
1
- {"name":"intergalactic/outside-click","description":"Semrush OutsideClick Component","version":"3.39.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/outside-click"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
1
+ {"name":"intergalactic/outside-click","description":"Semrush OutsideClick Component","version":"3.40.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/outside-click"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "intergalactic",
3
- "version": "15.127.0",
3
+ "version": "15.128.0-prerelease.0",
4
4
  "license": "MIT",
5
5
  "dependencies": {
6
6
  "intergalactic-migrate": "0.0.0",
@@ -42,12 +42,12 @@ var _excluded = ["placement", "modifiers", "strategy", "onFirstUpdate"],
42
42
  _excluded2 = ["onKeyDown"],
43
43
  _excluded3 = ["onKeyDown"];
44
44
  /*__reshadow-styles__:"./style/popper.shadow.css"*/
45
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPopper_eqeoo_gg_{outline:0;color:var(--intergalactic-text-primary, #191b23)}.___SPopper_eqeoo_gg_.__keyboardFocused_eqeoo_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_eqeoo_gg_.__keyboardFocused_eqeoo_gg_.__hideFocus_eqeoo_gg_:focus:after{box-shadow:none}.___SFocusHint_eqeoo_gg_{display:none}.___STrigger_eqeoo_gg_:focus .___SFocusHint_eqeoo_gg_,.___STrigger_eqeoo_gg_:focus-within .___SFocusHint_eqeoo_gg_{display:inline}" /*__inner_css_end__*/, "eqeoo_gg_") /*__reshadow_css_end__*/, {
46
- "__SPopper": "___SPopper_eqeoo_gg_",
47
- "_keyboardFocused": "__keyboardFocused_eqeoo_gg_",
48
- "_hideFocus": "__hideFocus_eqeoo_gg_",
49
- "__SFocusHint": "___SFocusHint_eqeoo_gg_",
50
- "__STrigger": "___STrigger_eqeoo_gg_"
45
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPopper_75zat_gg_{outline:0;color:var(--intergalactic-text-primary, #191b23)}.___SPopper_75zat_gg_.__keyboardFocused_75zat_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_75zat_gg_.__keyboardFocused_75zat_gg_.__hideFocus_75zat_gg_:focus:after{box-shadow:none}.___SFocusHint_75zat_gg_{display:none}.___STrigger_75zat_gg_:focus .___SFocusHint_75zat_gg_,.___STrigger_75zat_gg_:focus-within .___SFocusHint_75zat_gg_{display:inline}" /*__inner_css_end__*/, "75zat_gg_") /*__reshadow_css_end__*/, {
46
+ "__SPopper": "___SPopper_75zat_gg_",
47
+ "_keyboardFocused": "__keyboardFocused_75zat_gg_",
48
+ "_hideFocus": "__hideFocus_75zat_gg_",
49
+ "__SFocusHint": "___SFocusHint_75zat_gg_",
50
+ "__STrigger": "___STrigger_75zat_gg_"
51
51
  });
52
52
  function isObject(obj) {
53
53
  return (0, _typeof2["default"])(obj) === 'object' && !Array.isArray(obj);
@@ -36,12 +36,12 @@ import { hasParent } from 'intergalactic/utils/lib/hasParent';
36
36
  import logger from 'intergalactic/utils/lib/logger';
37
37
  import _createPopper from './createPopper';
38
38
  /*__reshadow-styles__:"./style/popper.shadow.css"*/
39
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_eqeoo_gg_{outline:0;color:var(--intergalactic-text-primary, #191b23)}.___SPopper_eqeoo_gg_.__keyboardFocused_eqeoo_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_eqeoo_gg_.__keyboardFocused_eqeoo_gg_.__hideFocus_eqeoo_gg_:focus:after{box-shadow:none}.___SFocusHint_eqeoo_gg_{display:none}.___STrigger_eqeoo_gg_:focus .___SFocusHint_eqeoo_gg_,.___STrigger_eqeoo_gg_:focus-within .___SFocusHint_eqeoo_gg_{display:inline}" /*__inner_css_end__*/, "eqeoo_gg_") /*__reshadow_css_end__*/, {
40
- "__SPopper": "___SPopper_eqeoo_gg_",
41
- "_keyboardFocused": "__keyboardFocused_eqeoo_gg_",
42
- "_hideFocus": "__hideFocus_eqeoo_gg_",
43
- "__SFocusHint": "___SFocusHint_eqeoo_gg_",
44
- "__STrigger": "___STrigger_eqeoo_gg_"
39
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_75zat_gg_{outline:0;color:var(--intergalactic-text-primary, #191b23)}.___SPopper_75zat_gg_.__keyboardFocused_75zat_gg_:focus:after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_75zat_gg_.__keyboardFocused_75zat_gg_.__hideFocus_75zat_gg_:focus:after{box-shadow:none}.___SFocusHint_75zat_gg_{display:none}.___STrigger_75zat_gg_:focus .___SFocusHint_75zat_gg_,.___STrigger_75zat_gg_:focus-within .___SFocusHint_75zat_gg_{display:inline}" /*__inner_css_end__*/, "75zat_gg_") /*__reshadow_css_end__*/, {
40
+ "__SPopper": "___SPopper_75zat_gg_",
41
+ "_keyboardFocused": "__keyboardFocused_75zat_gg_",
42
+ "_hideFocus": "__hideFocus_75zat_gg_",
43
+ "__SFocusHint": "___SFocusHint_75zat_gg_",
44
+ "__STrigger": "___STrigger_75zat_gg_"
45
45
  });
46
46
  import { useZIndexStacking, ZIndexStackingContextProvider } from 'intergalactic/utils/lib/zIndexStacking';
47
47
  import { forkRef } from 'intergalactic/utils/lib/ref';
@@ -1,5 +1,5 @@
1
1
  import S from "@babel/runtime/helpers/esm/objectSpread2";
2
- import z from "@babel/runtime/helpers/esm/slicedToArray";
2
+ import j from "@babel/runtime/helpers/esm/slicedToArray";
3
3
  import A from "@babel/runtime/helpers/esm/toConsumableArray";
4
4
  import I from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
5
  import ee from "@babel/runtime/helpers/esm/classCallCheck";
@@ -10,7 +10,7 @@ import oe from "@babel/runtime/helpers/esm/createSuper";
10
10
  import d from "@babel/runtime/helpers/esm/defineProperty";
11
11
  import $ from "@babel/runtime/helpers/esm/typeof";
12
12
  import { sstyled as ne } from 'intergalactic/utils/lib/core/index';
13
- import ie, { Component as ae, assignProps as j, sstyled as se } from 'intergalactic/core';
13
+ import ie, { Component as ae, assignProps as q, sstyled as se } from 'intergalactic/core';
14
14
  import i from "react";
15
15
  import U from 'intergalactic/utils/lib/canUseDOM';
16
16
  import { Box as ue } from 'intergalactic/flex-box';
@@ -34,14 +34,14 @@ var De = ["placement", "modifiers", "strategy", "onFirstUpdate"], we = ["onKeyDo
34
34
  /*__reshadow_css_start__*/
35
35
  (ne.insert(
36
36
  /*__inner_css_start__*/
37
- '.___SPopper_eqeoo_gg_{outline:0;color:var(--intergalactic-text-primary, #191b23)}.___SPopper_eqeoo_gg_.__keyboardFocused_eqeoo_gg_:focus:after{position:absolute;display:block;content:"";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_eqeoo_gg_.__keyboardFocused_eqeoo_gg_.__hideFocus_eqeoo_gg_:focus:after{box-shadow:none}.___SFocusHint_eqeoo_gg_{display:none}.___STrigger_eqeoo_gg_:focus .___SFocusHint_eqeoo_gg_,.___STrigger_eqeoo_gg_:focus-within .___SFocusHint_eqeoo_gg_{display:inline}',
38
- "eqeoo_gg_"
37
+ '.___SPopper_75zat_gg_{outline:0;color:var(--intergalactic-text-primary, #191b23)}.___SPopper_75zat_gg_.__keyboardFocused_75zat_gg_:focus:after{position:absolute;display:block;content:"";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;border-radius:var(--intergalactic-popper-rounded, 6px)}.___SPopper_75zat_gg_.__keyboardFocused_75zat_gg_.__hideFocus_75zat_gg_:focus:after{box-shadow:none}.___SFocusHint_75zat_gg_{display:none}.___STrigger_75zat_gg_:focus .___SFocusHint_75zat_gg_,.___STrigger_75zat_gg_:focus-within .___SFocusHint_75zat_gg_{display:inline}',
38
+ "75zat_gg_"
39
39
  ), {
40
- __SPopper: "___SPopper_eqeoo_gg_",
41
- _keyboardFocused: "__keyboardFocused_eqeoo_gg_",
42
- _hideFocus: "__hideFocus_eqeoo_gg_",
43
- __SFocusHint: "___SFocusHint_eqeoo_gg_",
44
- __STrigger: "___STrigger_eqeoo_gg_"
40
+ __SPopper: "___SPopper_75zat_gg_",
41
+ _keyboardFocused: "__keyboardFocused_75zat_gg_",
42
+ _hideFocus: "__hideFocus_75zat_gg_",
43
+ __SFocusHint: "___SFocusHint_75zat_gg_",
44
+ __STrigger: "___STrigger_75zat_gg_"
45
45
  })
46
46
  );
47
47
  function Ie(o) {
@@ -246,7 +246,7 @@ var $e = function(g) {
246
246
  }, {
247
247
  key: "handlersFromInteraction",
248
248
  value: function(e, r, t) {
249
- var n = this, a = typeof e == "string" ? this.eventsInteractionMap[e] : e, s = z(a[r], 2), u = s[0], c = u === void 0 ? [] : u, _ = s[1], h = _ === void 0 ? [] : _, P = Oe(c, h), p = {};
249
+ var n = this, a = typeof e == "string" ? this.eventsInteractionMap[e] : e, s = j(a[r], 2), u = s[0], c = u === void 0 ? [] : u, _ = s[1], h = _ === void 0 ? [] : _, P = Oe(c, h), p = {};
250
250
  return c.forEach(function(m) {
251
251
  p[m] = n.bindHandlerChangeVisibleWithTimer(!0, r, m);
252
252
  }), h.forEach(function(m) {
@@ -338,7 +338,7 @@ d(x, "enhance", [be(), Re({
338
338
  map: Number.parseInt,
339
339
  prop: "duration"
340
340
  })]);
341
- function Le(o) {
341
+ function ze(o) {
342
342
  var g = arguments[0], l = ue, v = o.Children, e = o.focusHint, r = o.onKeyboardFocus, t = o.highlighted, n = o.active, a = o.popperRef, s = o.forwardRef, u = i.useRef();
343
343
  i.useEffect(function() {
344
344
  t === !0 && r({
@@ -363,24 +363,24 @@ function Le(o) {
363
363
  h.current || !ge(a.current) && document.activeElement !== document.body || c.current === "keyboard" && me(u.current);
364
364
  }, 1);
365
365
  };
366
- }, [n]), /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(l, j({
366
+ }, [n]), /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(l, q({
367
367
  inline: !0,
368
368
  "aria-haspopup": !0,
369
369
  ref: de(u, s),
370
370
  onBlur: o.onBlur
371
371
  }, g), /* @__PURE__ */ i.createElement(v, null)), e && !1);
372
372
  }
373
- function L(o) {
373
+ function z(o) {
374
374
  var g = arguments[0], l, v = ye, e = o.Children, r = o.styles, t = o.visible, n = o.disablePortal, a = o.ignorePortalsStacking, s = o.disableEnforceFocus, u = o.triggerRef, c = o.autoFocus, _ = o.controlsLength, h = o.duration, P = o.animationsDisabled, p = o.popper, m = o.focusMaster, R = m === void 0 ? !1 : m, C = o.handleFocusOut, D = o.role, E = o.zIndex, F = i.useRef(null), Z = Se("z-index-popper"), f = i.useCallback(function(y) {
375
375
  y.stopPropagation();
376
- }, []), H = i.useCallback(function(y) {
376
+ }, []), L = i.useCallback(function(y) {
377
377
  var k;
378
378
  y.nativeEvent.stopImmediatePropagation(), (k = F.current) === null || k === void 0 || k.dispatchEvent(ve(y));
379
- }, []), X = i.useState(n), K = z(X, 2), Y = K[0], G = K[1];
379
+ }, []), X = i.useState(n), H = j(X, 2), Y = H[0], G = H[1];
380
380
  he(F, c, u, !t || s || !Y, R, C), Fe(F, t);
381
- var q = $e(p), J = i.useCallback(function(y) {
382
- y > 0 && q(Date.now() + Math.min(y, 2e3));
383
- }, [q]), Q = i.useCallback(function() {
381
+ var K = $e(p), J = i.useCallback(function(y) {
382
+ y > 0 && K(Date.now() + Math.min(y, 2e3));
383
+ }, [K]), Q = i.useCallback(function() {
384
384
  var y;
385
385
  (y = p.current) === null || y === void 0 || y.update();
386
386
  }, []), w = i.useContext(Pe);
@@ -396,7 +396,7 @@ function L(o) {
396
396
  var y = function(M) {
397
397
  return !!(M.hasAttribute("aria-label") || M.hasAttribute("aria-labelledby") || M.hasAttribute("title"));
398
398
  };
399
- ke.warn(F.current && !y(F.current), "'title' or 'aria-label' or 'aria-labelledby' are required props for popper with role dialog", o["data-ui-name"] || L.displayName);
399
+ ke.warn(F.current && !y(F.current), "'title' or 'aria-label' or 'aria-labelledby' are required props for popper with role dialog", o["data-ui-name"] || z.displayName);
400
400
  }
401
401
  }, [t, D]), l = se(r), /* @__PURE__ */ i.createElement(pe, l.cn("Portal", {
402
402
  disablePortal: n,
@@ -406,7 +406,7 @@ function L(o) {
406
406
  controlsLength: _
407
407
  }), /* @__PURE__ */ i.createElement(xe, l.cn("ZIndexStackingContextProvider", {
408
408
  designToken: "z-index-popper"
409
- }), /* @__PURE__ */ i.createElement(v, l.cn("SPopper", S({}, j({
409
+ }), /* @__PURE__ */ i.createElement(v, l.cn("SPopper", S({}, q({
410
410
  animationsDisabled: P,
411
411
  visible: t,
412
412
  duration: [h, h / 2],
@@ -427,11 +427,11 @@ function L(o) {
427
427
  onMouseOver: f,
428
428
  onMouseOut: f,
429
429
  onMouseUp: f,
430
- onKeyDown: H,
430
+ onKeyDown: L,
431
431
  onKeyPress: f,
432
432
  onKeyUp: f,
433
433
  onFocus: f,
434
- onBlur: H,
434
+ onBlur: L,
435
435
  onChange: f,
436
436
  onInput: f,
437
437
  onInvalid: f,
@@ -442,10 +442,10 @@ function L(o) {
442
442
  value: F
443
443
  }), /* @__PURE__ */ i.createElement(e, l.cn("Children", {})))))));
444
444
  }
445
- L.enhance = [Ce(!1)];
445
+ z.enhance = [Ce(!1)];
446
446
  var hr = ie(x, {
447
- Trigger: Le,
448
- Popper: L
447
+ Trigger: ze,
448
+ Popper: z
449
449
  });
450
450
  export {
451
451
  hr as default,
@@ -1 +1 @@
1
- {"name":"intergalactic/popper","description":"Semrush Popper Component","version":"5.46.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@popperjs/core":"2.11.5","popper-max-size-modifier":"0.2.0","@semcore/animation":"2.41.1","@semcore/flex-box":"5.41.1","@semcore/neighbor-location":"4.40.1","@semcore/outside-click":"3.39.1","@semcore/portal":"3.41.1","@semcore/utils":"4.48.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/popper"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
1
+ {"name":"intergalactic/popper","description":"Semrush Popper Component","version":"5.47.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@popperjs/core":"2.11.5","popper-max-size-modifier":"0.2.0","@semcore/animation":"2.41.1","@semcore/flex-box":"5.41.1","@semcore/neighbor-location":"4.40.1","@semcore/outside-click":"3.40.0-prerelease.0","@semcore/portal":"3.41.1","@semcore/utils":"4.48.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/popper"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
@@ -24,12 +24,12 @@ var _context = require("./context");
24
24
  var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
25
25
  var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
26
26
  /*__reshadow-styles__:"./style/input-search.shadow.css"*/
27
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1umcv_gg_._size_m_1umcv_gg_{height:32px}.___SSearchClear_1umcv_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1umcv_gg_.__hide_1umcv_gg_{visibility:hidden}.___SOutline_1umcv_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "1umcv_gg_") /*__reshadow_css_end__*/, {
28
- "__SInputSearch": "___SInputSearch_1umcv_gg_",
29
- "_size_m": "_size_m_1umcv_gg_",
30
- "__SSearchClear": "___SSearchClear_1umcv_gg_",
31
- "_hide": "__hide_1umcv_gg_",
32
- "__SOutline": "___SOutline_1umcv_gg_"
27
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1tr1j_gg_._size_m_1tr1j_gg_{height:32px}.___SSearchClear_1tr1j_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1tr1j_gg_.__hide_1tr1j_gg_{visibility:hidden}.___SOutline_1tr1j_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "1tr1j_gg_") /*__reshadow_css_end__*/, {
28
+ "__SInputSearch": "___SInputSearch_1tr1j_gg_",
29
+ "_size_m": "_size_m_1tr1j_gg_",
30
+ "__SSearchClear": "___SSearchClear_1tr1j_gg_",
31
+ "_hide": "__hide_1tr1j_gg_",
32
+ "__SOutline": "___SOutline_1tr1j_gg_"
33
33
  });
34
34
  var InputSearchRoot = /*#__PURE__*/function (_Component) {
35
35
  (0, _inherits2["default"])(InputSearchRoot, _Component);
@@ -64,12 +64,8 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
64
64
  }, {
65
65
  key: "getValueProps",
66
66
  value: function getValueProps() {
67
- var _this$asProps = this.asProps,
68
- value = _this$asProps.value,
69
- getI18nText = _this$asProps.getI18nText;
67
+ var getI18nText = this.asProps.getI18nText;
70
68
  return {
71
- value: value,
72
- onChange: this.handlers.value,
73
69
  autoFocus: true,
74
70
  ref: this.inputRef,
75
71
  placeholder: getI18nText('Select.InputSearch.Value:placeholder'),
@@ -79,9 +75,9 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
79
75
  }, {
80
76
  key: "getClearProps",
81
77
  value: function getClearProps() {
82
- var _this$asProps2 = this.asProps,
83
- value = _this$asProps2.value,
84
- getI18nText = _this$asProps2.getI18nText;
78
+ var _this$asProps = this.asProps,
79
+ value = _this$asProps.value,
80
+ getI18nText = _this$asProps.getI18nText;
85
81
  return {
86
82
  ref: this.closeIconRef,
87
83
  /* hide through css because the width of the input changes */
@@ -98,11 +94,11 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
98
94
  _ref5;
99
95
  var Value = InputSearch.Value;
100
96
  var SInputSearch = _input["default"];
101
- var _this$asProps3 = this.asProps,
102
- size = _this$asProps3.size,
103
- styles = _this$asProps3.styles,
104
- hasChildren = _this$asProps3.children,
105
- Children = _this$asProps3.Children;
97
+ var _this$asProps2 = this.asProps,
98
+ size = _this$asProps2.size,
99
+ styles = _this$asProps2.styles,
100
+ hasChildren = _this$asProps2.children,
101
+ Children = _this$asProps2.Children;
106
102
  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SInputSearch, _ref5.cn("SInputSearch", {
107
103
  "size": size || this.context.size || 'm',
108
104
  "styles": styles
@@ -1 +1 @@
1
- {"version":3,"file":"InputSearch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_m","_m2","_input","_button","_context","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","InputSearchRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass2","key","uncontrolledProps","getValueProps","_this$asProps","asProps","getI18nText","onChange","autoFocus","ref","placeholder","getClearProps","_this$asProps2","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps3","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","ButtonLink","CloseM","createComponent","_default","exports"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { ButtonLink } from '@semcore/button';\nimport { selectContext } from './context';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/input-search.shadow.css';\n\nclass InputSearchRoot extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n defaultValue: '',\n i18n: localizedMessages,\n locale: 'en',\n };\n inputRef = React.createRef();\n closeIconRef = React.createRef();\n\n static contextType = selectContext;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n setTimeout(() => {\n if (\n document.activeElement === document.body ||\n document.activeElement === this.closeIconRef.current\n ) {\n this.inputRef.current?.focus();\n }\n }, 0);\n };\n\n getValueProps() {\n const { value, getI18nText } = this.asProps;\n return {\n value,\n onChange: this.handlers.value,\n autoFocus: true,\n ref: this.inputRef,\n placeholder: getI18nText('Select.InputSearch.Value:placeholder'),\n 'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n };\n }\n getClearProps() {\n const { value, getI18nText } = this.asProps;\n return {\n ref: this.closeIconRef,\n /* hide through css because the width of the input changes */\n hide: !value,\n 'aria-hidden': !value,\n 'aria-label': getI18nText('clearSearch'),\n onClick: this.handleClear,\n };\n }\n\n render() {\n const Value = Root;\n const SInputSearch = Input;\n const { size, styles, children: hasChildren, Children } = this.asProps;\n\n return sstyled(styles)(\n <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <InputSearch.SearchIcon />\n <Value render={InputSearch.Value} />\n <InputSearch.Clear />\n </>\n )}\n </SInputSearch>,\n );\n }\n}\n\nconst SearchIcon = (props) => {\n const SSearchIcon = Root;\n const { styles } = props;\n return sstyled(styles)(\n <SSearchIcon render={Input.Addon}>\n <SearchM />\n </SSearchIcon>,\n );\n};\nconst SearchValue = (props) => {\n const SSearchValue = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchValue render={Input.Value} />);\n};\nconst SearchClear = (props) => {\n const SSearchClear = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use={'secondary'} />);\n};\n\nconst InputSearch = createComponent(InputSearchRoot, {\n SearchIcon: SearchIcon,\n Value: SearchValue,\n Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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"}
1
+ {"version":3,"file":"InputSearch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_m","_m2","_input","_button","_context","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","InputSearchRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass2","key","uncontrolledProps","getValueProps","getI18nText","asProps","autoFocus","ref","placeholder","getClearProps","_this$asProps","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","Input","_this$asProps2","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread2","assignProps","Clear","Component","i18nEnhance","localizedMessages","defaultValue","i18n","locale","selectContext","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","SearchValue","_ref3","_ref7","SSearchValue","SearchClear","_ref4","_ref8","SSearchClear","ButtonLink","CloseM","createComponent","_default","exports"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { ButtonLink } from '@semcore/button';\nimport { selectContext } from './context';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/input-search.shadow.css';\n\nclass InputSearchRoot extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n defaultValue: '',\n i18n: localizedMessages,\n locale: 'en',\n };\n inputRef = React.createRef();\n closeIconRef = React.createRef();\n\n static contextType = selectContext;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n setTimeout(() => {\n if (\n document.activeElement === document.body ||\n document.activeElement === this.closeIconRef.current\n ) {\n this.inputRef.current?.focus();\n }\n }, 0);\n };\n\n getValueProps() {\n const { getI18nText } = this.asProps;\n return {\n autoFocus: true,\n ref: this.inputRef,\n placeholder: getI18nText('Select.InputSearch.Value:placeholder'),\n 'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n };\n }\n getClearProps() {\n const { value, getI18nText } = this.asProps;\n return {\n ref: this.closeIconRef,\n /* hide through css because the width of the input changes */\n hide: !value,\n 'aria-hidden': !value,\n 'aria-label': getI18nText('clearSearch'),\n onClick: this.handleClear,\n };\n }\n\n render() {\n const Value = Root;\n const SInputSearch = Input;\n const { size, styles, children: hasChildren, Children } = this.asProps;\n\n return sstyled(styles)(\n <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <InputSearch.SearchIcon />\n <Value render={InputSearch.Value} />\n <InputSearch.Clear />\n </>\n )}\n </SInputSearch>,\n );\n }\n}\n\nconst SearchIcon = (props) => {\n const SSearchIcon = Root;\n const { styles } = props;\n return sstyled(styles)(\n <SSearchIcon render={Input.Addon}>\n <SearchM />\n </SSearchIcon>,\n );\n};\nconst SearchValue = (props) => {\n const SSearchValue = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchValue render={Input.Value} />);\n};\nconst SearchClear = (props) => {\n const SSearchClear = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use={'secondary'} />);\n};\n\nconst InputSearch = createComponent(InputSearchRoot, {\n SearchIcon: SearchIcon,\n Value: SearchValue,\n Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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"}
@@ -38,14 +38,14 @@ var _popper = require("intergalactic/popper");
38
38
  var _assignProps6 = require("intergalactic/utils/lib/assignProps");
39
39
  var _excluded = ["Children", "options", "multiselect", "value", "uid", "forcedAdvancedMode"];
40
40
  /*__reshadow-styles__:"./style/select.shadow.css"*/
41
- var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_xxc2k_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_xxc2k_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_xxc2k_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_xxc2k_gg_._size_l_xxc2k_gg_{width:20px;height:20px}.___SOptionCheckbox_xxc2k_gg_._size_l_xxc2k_gg_.__selected_xxc2k_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_:before,.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_:before{border-color:var(--theme_xxc2k)}.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_.__indeterminate_xxc2k_gg_:before,.___SOptionCheckbox_xxc2k_gg_.__theme_xxc2k_gg_.__selected_xxc2k_gg_:before{background-color:var(--theme_xxc2k);border-color:var(--theme_xxc2k)}.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_xxc2k_gg_.__selected_xxc2k_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_._size_l_xxc2k_gg_:after{width:12px;height:2px}.___SOptionCheckbox_xxc2k_gg_.__indeterminate_xxc2k_gg_._size_m_xxc2k_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "xxc2k_gg_") /*__reshadow_css_end__*/, {
42
- "__SOptionCheckbox": "___SOptionCheckbox_xxc2k_gg_",
43
- "_selected": "__selected_xxc2k_gg_",
44
- "_size_l": "_size_l_xxc2k_gg_",
45
- "_indeterminate": "__indeterminate_xxc2k_gg_",
46
- "_theme": "__theme_xxc2k_gg_",
47
- "--theme": "--theme_xxc2k",
48
- "_size_m": "_size_m_xxc2k_gg_"
41
+ var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SOptionCheckbox_ar3o7_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:auto;position:relative;flex-shrink:0;width:16px;height:16px}.___SOptionCheckbox_ar3o7_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SOptionCheckbox_ar3o7_gg_::after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_ar3o7_gg_._size_l_ar3o7_gg_{width:20px;height:20px}.___SOptionCheckbox_ar3o7_gg_._size_l_ar3o7_gg_.__selected_ar3o7_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_:before,.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_:before{border-color:var(--theme_ar3o7)}.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_.__indeterminate_ar3o7_gg_:before,.___SOptionCheckbox_ar3o7_gg_.__theme_ar3o7_gg_.__selected_ar3o7_gg_:before{background-color:var(--theme_ar3o7);border-color:var(--theme_ar3o7)}.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_{background-color:var(--intergalactic-dropdown-menu-item-selected, rgba(196, 229, 254, 0.7))}@media (hover:hover){.___SOptionCheckbox_ar3o7_gg_.__selected_ar3o7_gg_:hover{background-color:var(--intergalactic-dropdown-menu-item-selected-hover, #c4e5fe)}}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_:after{background-color:#fff;background-image:none;margin:auto;border-radius:1px}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_._size_l_ar3o7_gg_:after{width:12px;height:2px}.___SOptionCheckbox_ar3o7_gg_.__indeterminate_ar3o7_gg_._size_m_ar3o7_gg_:after{width:8px;height:2px}" /*__inner_css_end__*/, "ar3o7_gg_") /*__reshadow_css_end__*/, {
42
+ "__SOptionCheckbox": "___SOptionCheckbox_ar3o7_gg_",
43
+ "_selected": "__selected_ar3o7_gg_",
44
+ "_size_l": "_size_l_ar3o7_gg_",
45
+ "_indeterminate": "__indeterminate_ar3o7_gg_",
46
+ "_theme": "__theme_ar3o7_gg_",
47
+ "--theme": "--theme_ar3o7",
48
+ "_size_m": "_size_m_ar3o7_gg_"
49
49
  });
50
50
  function isSelectedOption(value, valueOption) {
51
51
  return Array.isArray(value) ? value.includes(valueOption) : valueOption === value;
@@ -20,12 +20,12 @@ import { selectContext } from './context';
20
20
  import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
21
21
  import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
22
22
  /*__reshadow-styles__:"./style/input-search.shadow.css"*/
23
- var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1umcv_gg_._size_m_1umcv_gg_{height:32px}.___SSearchClear_1umcv_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1umcv_gg_.__hide_1umcv_gg_{visibility:hidden}.___SOutline_1umcv_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "1umcv_gg_") /*__reshadow_css_end__*/, {
24
- "__SInputSearch": "___SInputSearch_1umcv_gg_",
25
- "_size_m": "_size_m_1umcv_gg_",
26
- "__SSearchClear": "___SSearchClear_1umcv_gg_",
27
- "_hide": "__hide_1umcv_gg_",
28
- "__SOutline": "___SOutline_1umcv_gg_"
23
+ var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInputSearch_1tr1j_gg_._size_m_1tr1j_gg_{height:32px}.___SSearchClear_1tr1j_gg_{padding:0 var(--intergalactic-spacing-2x, 8px)}.___SSearchClear_1tr1j_gg_.__hide_1tr1j_gg_{visibility:hidden}.___SOutline_1tr1j_gg_{top:-1px;left:-1px;width:100%;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;box-sizing:content-box}" /*__inner_css_end__*/, "1tr1j_gg_") /*__reshadow_css_end__*/, {
24
+ "__SInputSearch": "___SInputSearch_1tr1j_gg_",
25
+ "_size_m": "_size_m_1tr1j_gg_",
26
+ "__SSearchClear": "___SSearchClear_1tr1j_gg_",
27
+ "_hide": "__hide_1tr1j_gg_",
28
+ "__SOutline": "___SOutline_1tr1j_gg_"
29
29
  });
30
30
  var InputSearchRoot = /*#__PURE__*/function (_Component) {
31
31
  _inherits(InputSearchRoot, _Component);
@@ -60,12 +60,8 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
60
60
  }, {
61
61
  key: "getValueProps",
62
62
  value: function getValueProps() {
63
- var _this$asProps = this.asProps,
64
- value = _this$asProps.value,
65
- getI18nText = _this$asProps.getI18nText;
63
+ var getI18nText = this.asProps.getI18nText;
66
64
  return {
67
- value: value,
68
- onChange: this.handlers.value,
69
65
  autoFocus: true,
70
66
  ref: this.inputRef,
71
67
  placeholder: getI18nText('Select.InputSearch.Value:placeholder'),
@@ -75,9 +71,9 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
75
71
  }, {
76
72
  key: "getClearProps",
77
73
  value: function getClearProps() {
78
- var _this$asProps2 = this.asProps,
79
- value = _this$asProps2.value,
80
- getI18nText = _this$asProps2.getI18nText;
74
+ var _this$asProps = this.asProps,
75
+ value = _this$asProps.value,
76
+ getI18nText = _this$asProps.getI18nText;
81
77
  return {
82
78
  ref: this.closeIconRef,
83
79
  /* hide through css because the width of the input changes */
@@ -94,11 +90,11 @@ var InputSearchRoot = /*#__PURE__*/function (_Component) {
94
90
  _ref5;
95
91
  var Value = InputSearch.Value;
96
92
  var SInputSearch = Input;
97
- var _this$asProps3 = this.asProps,
98
- size = _this$asProps3.size,
99
- styles = _this$asProps3.styles,
100
- hasChildren = _this$asProps3.children,
101
- Children = _this$asProps3.Children;
93
+ var _this$asProps2 = this.asProps,
94
+ size = _this$asProps2.size,
95
+ styles = _this$asProps2.styles,
96
+ hasChildren = _this$asProps2.children,
97
+ Children = _this$asProps2.Children;
102
98
  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SInputSearch, _ref5.cn("SInputSearch", {
103
99
  "size": size || this.context.size || 'm',
104
100
  "styles": styles
@@ -1 +1 @@
1
- {"version":3,"file":"InputSearch.js","names":["React","createComponent","Component","sstyled","Root","SearchM","CloseM","Input","ButtonLink","selectContext","i18nEnhance","localizedMessages","style","_sstyled","insert","InputSearchRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass","key","uncontrolledProps","getValueProps","_this$asProps","asProps","getI18nText","onChange","autoFocus","ref","placeholder","getClearProps","_this$asProps2","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","_this$asProps3","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread","_assignProps","Clear","defaultValue","i18n","locale","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","_assignProps2","SearchValue","_ref3","_ref7","SSearchValue","_assignProps3","SearchClear","_ref4","_ref8","SSearchClear","_assignProps4"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { ButtonLink } from '@semcore/button';\nimport { selectContext } from './context';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/input-search.shadow.css';\n\nclass InputSearchRoot extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n defaultValue: '',\n i18n: localizedMessages,\n locale: 'en',\n };\n inputRef = React.createRef();\n closeIconRef = React.createRef();\n\n static contextType = selectContext;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n setTimeout(() => {\n if (\n document.activeElement === document.body ||\n document.activeElement === this.closeIconRef.current\n ) {\n this.inputRef.current?.focus();\n }\n }, 0);\n };\n\n getValueProps() {\n const { value, getI18nText } = this.asProps;\n return {\n value,\n onChange: this.handlers.value,\n autoFocus: true,\n ref: this.inputRef,\n placeholder: getI18nText('Select.InputSearch.Value:placeholder'),\n 'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n };\n }\n getClearProps() {\n const { value, getI18nText } = this.asProps;\n return {\n ref: this.closeIconRef,\n /* hide through css because the width of the input changes */\n hide: !value,\n 'aria-hidden': !value,\n 'aria-label': getI18nText('clearSearch'),\n onClick: this.handleClear,\n };\n }\n\n render() {\n const Value = Root;\n const SInputSearch = Input;\n const { size, styles, children: hasChildren, Children } = this.asProps;\n\n return sstyled(styles)(\n <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <InputSearch.SearchIcon />\n <Value render={InputSearch.Value} />\n <InputSearch.Clear />\n </>\n )}\n </SInputSearch>,\n );\n }\n}\n\nconst SearchIcon = (props) => {\n const SSearchIcon = Root;\n const { styles } = props;\n return sstyled(styles)(\n <SSearchIcon render={Input.Addon}>\n <SearchM />\n </SSearchIcon>,\n );\n};\nconst SearchValue = (props) => {\n const SSearchValue = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchValue render={Input.Value} />);\n};\nconst SearchClear = (props) => {\n const SSearchClear = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use={'secondary'} />);\n};\n\nconst InputSearch = createComponent(InputSearchRoot, {\n SearchIcon: SearchIcon,\n Value: SearchValue,\n Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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"}
1
+ {"version":3,"file":"InputSearch.js","names":["React","createComponent","Component","sstyled","Root","SearchM","CloseM","Input","ButtonLink","selectContext","i18nEnhance","localizedMessages","style","_sstyled","insert","InputSearchRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","e","handlers","value","setTimeout","document","activeElement","body","closeIconRef","current","_this$inputRef$curren","inputRef","focus","_createClass","key","uncontrolledProps","getValueProps","getI18nText","asProps","autoFocus","ref","placeholder","getClearProps","_this$asProps","hide","onClick","handleClear","render","_ref","_ref5","Value","InputSearch","SInputSearch","_this$asProps2","size","styles","hasChildren","children","Children","createElement","cn","context","Fragment","SearchIcon","_objectSpread","_assignProps","Clear","defaultValue","i18n","locale","props","_ref2","arguments[0]","_ref6","SSearchIcon","Addon","_assignProps2","SearchValue","_ref3","_ref7","SSearchValue","_assignProps3","SearchClear","_ref4","_ref8","SSearchClear","_assignProps4"],"sources":["../../src/InputSearch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport SearchM from '@semcore/icon/Search/m';\nimport CloseM from '@semcore/icon/Close/m';\nimport Input from '@semcore/input';\nimport { ButtonLink } from '@semcore/button';\nimport { selectContext } from './context';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/input-search.shadow.css';\n\nclass InputSearchRoot extends Component {\n static displayName = 'InputSearch';\n\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n defaultValue: '',\n i18n: localizedMessages,\n locale: 'en',\n };\n inputRef = React.createRef();\n closeIconRef = React.createRef();\n\n static contextType = selectContext;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n handleClear = (e) => {\n this.handlers.value('', e);\n setTimeout(() => {\n if (\n document.activeElement === document.body ||\n document.activeElement === this.closeIconRef.current\n ) {\n this.inputRef.current?.focus();\n }\n }, 0);\n };\n\n getValueProps() {\n const { getI18nText } = this.asProps;\n return {\n autoFocus: true,\n ref: this.inputRef,\n placeholder: getI18nText('Select.InputSearch.Value:placeholder'),\n 'aria-label': getI18nText('Select.InputSearch.Value:aria-label'),\n };\n }\n getClearProps() {\n const { value, getI18nText } = this.asProps;\n return {\n ref: this.closeIconRef,\n /* hide through css because the width of the input changes */\n hide: !value,\n 'aria-hidden': !value,\n 'aria-label': getI18nText('clearSearch'),\n onClick: this.handleClear,\n };\n }\n\n render() {\n const Value = Root;\n const SInputSearch = Input;\n const { size, styles, children: hasChildren, Children } = this.asProps;\n\n return sstyled(styles)(\n <SInputSearch size={size || this.context.size || 'm'} styles={styles}>\n {hasChildren ? (\n <Children />\n ) : (\n <>\n <InputSearch.SearchIcon />\n <Value render={InputSearch.Value} />\n <InputSearch.Clear />\n </>\n )}\n </SInputSearch>,\n );\n }\n}\n\nconst SearchIcon = (props) => {\n const SSearchIcon = Root;\n const { styles } = props;\n return sstyled(styles)(\n <SSearchIcon render={Input.Addon}>\n <SearchM />\n </SSearchIcon>,\n );\n};\nconst SearchValue = (props) => {\n const SSearchValue = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchValue render={Input.Value} />);\n};\nconst SearchClear = (props) => {\n const SSearchClear = Root;\n const { styles } = props;\n return sstyled(styles)(<SSearchClear render={ButtonLink} addonLeft={CloseM} use={'secondary'} />);\n};\n\nconst InputSearch = createComponent(InputSearchRoot, {\n SearchIcon: SearchIcon,\n Value: SearchValue,\n Clear: SearchClear,\n});\n\nexport default InputSearch;\n"],"mappings":"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"}