@splunk/react-ui 4.20.0 → 4.21.1

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 (101) hide show
  1. package/Accordion.js +425 -441
  2. package/Anchor.js +147 -193
  3. package/Animation.js +142 -166
  4. package/AnimationToggle.js +197 -253
  5. package/Box.js +145 -194
  6. package/Breadcrumbs.js +288 -298
  7. package/Button.js +488 -613
  8. package/ButtonGroup.js +160 -212
  9. package/ButtonSimple.js +543 -562
  10. package/CHANGELOG.md +26 -0
  11. package/Calendar.js +1107 -1195
  12. package/Card.js +771 -746
  13. package/CardLayout.js +205 -223
  14. package/Chip.js +509 -612
  15. package/Clickable.js +416 -472
  16. package/CloseButton.js +165 -250
  17. package/Code.js +1808 -2172
  18. package/Code.js.LICENSE.txt +8 -0
  19. package/CollapsiblePanel.js +586 -675
  20. package/Color.js +1066 -1297
  21. package/ColumnLayout.js +402 -465
  22. package/ComboBox.js +892 -969
  23. package/Concertina.js +998 -963
  24. package/ControlGroup.js +687 -718
  25. package/Date.js +567 -697
  26. package/DefinitionList.js +308 -310
  27. package/Divider.js +149 -194
  28. package/Dropdown.js +459 -558
  29. package/DualListbox.js +1480 -1735
  30. package/EventListener.js +94 -165
  31. package/File.js +1051 -1173
  32. package/FormRows.js +885 -880
  33. package/Heading.js +216 -263
  34. package/Image.js +446 -558
  35. package/JSONTree.js +690 -699
  36. package/Layer.js +442 -582
  37. package/Link.js +336 -361
  38. package/List.js +213 -237
  39. package/Markdown.js +510 -612
  40. package/Menu.js +1109 -1331
  41. package/Message.js +474 -629
  42. package/MessageBar.js +387 -561
  43. package/Modal.js +810 -798
  44. package/ModalLayer.js +326 -343
  45. package/Monogram.js +308 -368
  46. package/Multiselect.js +3558 -3998
  47. package/Number.js +729 -843
  48. package/Paginator.js +510 -615
  49. package/Paragraph.js +145 -188
  50. package/Popover.js +1470 -1693
  51. package/Progress.js +301 -362
  52. package/RadioBar.js +610 -651
  53. package/RadioList.js +483 -544
  54. package/Resize.js +530 -623
  55. package/ResultsMenu.js +494 -597
  56. package/ScreenReaderContent.js +142 -187
  57. package/Scroll.js +595 -598
  58. package/ScrollContainerContext.js +197 -278
  59. package/Search.js +745 -817
  60. package/Select.js +2441 -2746
  61. package/SidePanel.js +390 -392
  62. package/Slider.js +668 -825
  63. package/SlidingPanels.js +639 -645
  64. package/SplitButton.js +464 -499
  65. package/StaticContent.js +161 -217
  66. package/StepBar.js +386 -466
  67. package/Switch.js +710 -764
  68. package/TabBar.js +724 -815
  69. package/TabLayout.js +406 -438
  70. package/Table.js +4842 -5121
  71. package/Text.js +1169 -1351
  72. package/TextArea.js +1097 -1307
  73. package/Tooltip.js +624 -721
  74. package/TransitionOpen.js +489 -546
  75. package/Typography.js +176 -229
  76. package/WaitSpinner.js +230 -298
  77. package/package.json +14 -15
  78. package/stubs-splunkui.d.ts +4 -1
  79. package/types/src/ComboBox/Option.d.ts +1 -1
  80. package/types/src/Concertina/Concertina.d.ts +4 -0
  81. package/types/src/JSONTree/JSONTreeContext.d.ts +7 -0
  82. package/types/src/JSONTree/TreeNode.d.ts +5 -0
  83. package/types/src/Link/Link.d.ts +7 -3
  84. package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
  85. package/types/src/Markdown/Markdown.d.ts +1 -1
  86. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  87. package/types/src/Menu/Item.d.ts +1 -1
  88. package/types/src/Menu/Menu.d.ts +1 -0
  89. package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
  90. package/types/src/Multiselect/Option.d.ts +1 -1
  91. package/types/src/Search/Option.d.ts +1 -1
  92. package/types/src/Select/Option.d.ts +1 -1
  93. package/types/src/Select/OptionBase.d.ts +1 -1
  94. package/types/src/fixtures/FetchOptions.d.ts +2 -8
  95. package/useForceUpdate.js +112 -146
  96. package/useKeyPress.js +74 -128
  97. package/usePrevious.js +65 -129
  98. package/useRovingFocus.js +122 -218
  99. package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
  100. /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
  101. /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/Tooltip.js CHANGED
@@ -1,734 +1,637 @@
1
- module.exports =
2
- /******/ (function(modules) { // webpackBootstrap
3
- /******/ // The module cache
4
- /******/ var installedModules = {};
5
- /******/
6
- /******/ // The require function
7
- /******/ function __webpack_require__(moduleId) {
8
- /******/
9
- /******/ // Check if module is in cache
10
- /******/ if(installedModules[moduleId]) {
11
- /******/ return installedModules[moduleId].exports;
12
- /******/ }
13
- /******/ // Create a new module (and put it into the cache)
14
- /******/ var module = installedModules[moduleId] = {
15
- /******/ i: moduleId,
16
- /******/ l: false,
17
- /******/ exports: {}
18
- /******/ };
19
- /******/
20
- /******/ // Execute the module function
21
- /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
22
- /******/
23
- /******/ // Flag the module as loaded
24
- /******/ module.l = true;
25
- /******/
26
- /******/ // Return the exports of the module
27
- /******/ return module.exports;
28
- /******/ }
29
- /******/
30
- /******/
31
- /******/ // expose the modules object (__webpack_modules__)
32
- /******/ __webpack_require__.m = modules;
33
- /******/
34
- /******/ // expose the module cache
35
- /******/ __webpack_require__.c = installedModules;
36
- /******/
37
- /******/ // define getter function for harmony exports
38
- /******/ __webpack_require__.d = function(exports, name, getter) {
39
- /******/ if(!__webpack_require__.o(exports, name)) {
40
- /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
41
- /******/ }
42
- /******/ };
43
- /******/
44
- /******/ // define __esModule on exports
45
- /******/ __webpack_require__.r = function(exports) {
46
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
47
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
48
- /******/ }
49
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
50
- /******/ };
51
- /******/
52
- /******/ // create a fake namespace object
53
- /******/ // mode & 1: value is a module id, require it
54
- /******/ // mode & 2: merge all properties of value into the ns
55
- /******/ // mode & 4: return value when already ns object
56
- /******/ // mode & 8|1: behave like require
57
- /******/ __webpack_require__.t = function(value, mode) {
58
- /******/ if(mode & 1) value = __webpack_require__(value);
59
- /******/ if(mode & 8) return value;
60
- /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
61
- /******/ var ns = Object.create(null);
62
- /******/ __webpack_require__.r(ns);
63
- /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
64
- /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
65
- /******/ return ns;
66
- /******/ };
67
- /******/
68
- /******/ // getDefaultExport function for compatibility with non-harmony modules
69
- /******/ __webpack_require__.n = function(module) {
70
- /******/ var getter = module && module.__esModule ?
71
- /******/ function getDefault() { return module['default']; } :
72
- /******/ function getModuleExports() { return module; };
73
- /******/ __webpack_require__.d(getter, 'a', getter);
74
- /******/ return getter;
75
- /******/ };
76
- /******/
77
- /******/ // Object.prototype.hasOwnProperty.call
78
- /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
79
- /******/
80
- /******/ // __webpack_public_path__
81
- /******/ __webpack_require__.p = "";
82
- /******/
83
- /******/
84
- /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 212);
86
- /******/ })
87
- /************************************************************************/
88
- /******/ ({
89
-
90
- /***/ 0:
91
- /***/ (function(module, exports) {
92
-
93
- module.exports = require("@splunk/themes");
94
-
95
- /***/ }),
96
-
97
- /***/ 1:
98
- /***/ (function(module, exports) {
99
-
100
- module.exports = require("prop-types");
101
-
102
- /***/ }),
103
-
104
- /***/ 11:
105
- /***/ (function(module, exports) {
106
-
107
- module.exports = require("lodash/has");
108
-
109
- /***/ }),
110
-
111
- /***/ 12:
112
- /***/ (function(module, exports) {
113
-
114
- module.exports = require("@splunk/react-ui/Clickable");
115
-
116
- /***/ }),
117
-
118
- /***/ 14:
119
- /***/ (function(module, exports) {
120
-
121
- module.exports = require("@splunk/react-ui/ScreenReaderContent");
122
-
123
- /***/ }),
124
-
125
- /***/ 2:
126
- /***/ (function(module, exports) {
127
-
128
- module.exports = require("react");
129
-
130
- /***/ }),
131
-
132
- /***/ 21:
133
- /***/ (function(module, exports) {
134
-
135
- module.exports = require("@splunk/react-ui/Popover");
136
-
137
- /***/ }),
138
-
139
- /***/ 212:
140
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
141
-
142
- "use strict";
143
- // ESM COMPAT FLAG
144
- __webpack_require__.r(__webpack_exports__);
145
-
146
- // EXPORTS
147
- __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Tooltip_Tooltip; });
148
-
149
- // EXTERNAL MODULE: external "react"
150
- var external_react_ = __webpack_require__(2);
151
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
152
-
153
- // EXTERNAL MODULE: external "prop-types"
154
- var external_prop_types_ = __webpack_require__(1);
155
- var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
156
-
157
- // EXTERNAL MODULE: external "lodash/has"
158
- var has_ = __webpack_require__(11);
159
- var has_default = /*#__PURE__*/__webpack_require__.n(has_);
160
-
161
- // EXTERNAL MODULE: external "lodash/throttle"
162
- var throttle_ = __webpack_require__(33);
163
- var throttle_default = /*#__PURE__*/__webpack_require__.n(throttle_);
164
-
165
- // EXTERNAL MODULE: external "@splunk/react-ui/Popover"
166
- var Popover_ = __webpack_require__(21);
167
- var Popover_default = /*#__PURE__*/__webpack_require__.n(Popover_);
168
-
169
- // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
170
- var ScreenReaderContent_ = __webpack_require__(14);
171
- var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
172
-
173
- // EXTERNAL MODULE: external "@splunk/themes"
174
- var themes_ = __webpack_require__(0);
175
-
176
- // EXTERNAL MODULE: external "@splunk/ui-utils/id"
177
- var id_ = __webpack_require__(8);
178
-
179
- // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
180
- var i18n_ = __webpack_require__(4);
181
-
182
- // EXTERNAL MODULE: external "@splunk/react-icons/SVGEnterprise"
183
- var SVGEnterprise_ = __webpack_require__(34);
184
- var SVGEnterprise_default = /*#__PURE__*/__webpack_require__.n(SVGEnterprise_);
185
-
186
- // CONCATENATED MODULE: ./src/Tooltip/InfoIcon.tsx
187
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
188
-
189
-
190
-
191
-
192
-
193
-
194
- function InfoCircle(props) {
195
- var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
196
- family = _useSplunkTheme.family,
197
- density = _useSplunkTheme.density;
198
-
199
- if (family === 'enterprise') {
200
- return /*#__PURE__*/external_react_default.a.createElement(SVGEnterprise_default.a, _extends({
201
- screenReaderText: Object(i18n_["_"])('Info Circle'),
202
- viewBox: "0 0 24 24"
203
- }, props), /*#__PURE__*/external_react_default.a.createElement("path", {
204
- fill: "currentColor",
205
- d: "M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM13.2001 8.1999C13.2001 7.53716 12.6628 6.9999 12.0001 6.9999C11.3373 6.9999 10.8001 7.53716 10.8001 8.1999C10.8001 8.86264 11.3373 9.3999 12.0001 9.3999C12.6628 9.3999 13.2001 8.86264 13.2001 8.1999ZM11.0001 16.0094V11.9999C11.0001 11.4476 11.4478 10.9999 12.0001 10.9999C12.5524 10.9999 13.0001 11.4476 13.0001 11.9999V16.0094C13.0001 16.5617 12.5524 17.0094 12.0001 17.0094C11.4478 17.0094 11.0001 16.5617 11.0001 16.0094Z"
1
+ /******/ (() => {
2
+ // webpackBootstrap
3
+ /******/ "use strict";
4
+ /******/ // The require scope
5
+ /******/ var e = {};
6
+ /******/
7
+ /************************************************************************/
8
+ /******/ /* webpack/runtime/compat get default export */
9
+ /******/ (() => {
10
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
11
+ /******/ e.n = t => {
12
+ /******/ var n = t && t.__esModule ?
13
+ /******/ () => t["default"]
14
+ /******/ : () => t
15
+ /******/;
16
+ e.d(n, {
17
+ a: n
18
+ });
19
+ /******/ return n;
20
+ /******/ };
21
+ /******/ })();
22
+ /******/
23
+ /******/ /* webpack/runtime/define property getters */
24
+ /******/ (() => {
25
+ /******/ // define getter functions for harmony exports
26
+ /******/ e.d = (t, n) => {
27
+ /******/ for (var o in n) {
28
+ /******/ if (e.o(n, o) && !e.o(t, o)) {
29
+ /******/ Object.defineProperty(t, o, {
30
+ enumerable: true,
31
+ get: n[o]
32
+ });
33
+ /******/ }
34
+ /******/ }
35
+ /******/ };
36
+ /******/ })();
37
+ /******/
38
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
39
+ /******/ (() => {
40
+ /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
41
+ /******/;
42
+ })();
43
+ /******/
44
+ /******/ /* webpack/runtime/make namespace object */
45
+ /******/ (() => {
46
+ /******/ // define __esModule on exports
47
+ /******/ e.r = e => {
48
+ /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
49
+ /******/ Object.defineProperty(e, Symbol.toStringTag, {
50
+ value: "Module"
51
+ });
52
+ /******/ }
53
+ /******/ Object.defineProperty(e, "__esModule", {
54
+ value: true
55
+ });
56
+ /******/ };
57
+ /******/ })();
58
+ /******/
59
+ /************************************************************************/ var t = {};
60
+ // ESM COMPAT FLAG
61
+ e.r(t);
62
+ // EXPORTS
63
+ e.d(t, {
64
+ default: () => /* reexport */ X
65
+ });
66
+ // CONCATENATED MODULE: external "react"
67
+ const n = require("react");
68
+ var o = e.n(n);
69
+ // CONCATENATED MODULE: external "prop-types"
70
+ const r = require("prop-types");
71
+ var a = e.n(r);
72
+ // CONCATENATED MODULE: external "lodash/has"
73
+ const i = require("lodash/has");
74
+ var l = e.n(i);
75
+ // CONCATENATED MODULE: external "lodash/throttle"
76
+ const s = require("lodash/throttle");
77
+ var u = e.n(s);
78
+ // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
79
+ const c = require("@splunk/react-ui/Popover");
80
+ var p = e.n(c);
81
+ // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
82
+ const d = require("@splunk/react-ui/ScreenReaderContent");
83
+ var f = e.n(d);
84
+ // CONCATENATED MODULE: external "@splunk/themes"
85
+ const v = require("@splunk/themes");
86
+ // CONCATENATED MODULE: external "@splunk/ui-utils/id"
87
+ const h = require("@splunk/ui-utils/id");
88
+ // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
89
+ const m = require("@splunk/ui-utils/i18n");
90
+ // CONCATENATED MODULE: external "@splunk/react-icons/SVGEnterprise"
91
+ const y = require("@splunk/react-icons/SVGEnterprise");
92
+ var b = e.n(y);
93
+ // CONCATENATED MODULE: ./src/Tooltip/InfoIcon.tsx
94
+ function g() {
95
+ g = Object.assign || function(e) {
96
+ for (var t = 1; t < arguments.length; t++) {
97
+ var n = arguments[t];
98
+ for (var o in n) {
99
+ if (Object.prototype.hasOwnProperty.call(n, o)) {
100
+ e[o] = n[o];
101
+ }
102
+ }
103
+ }
104
+ return e;
105
+ };
106
+ return g.apply(this, arguments);
107
+ }
108
+ function C(e) {
109
+ var t = (0, v.useSplunkTheme)(), n = t.family, r = t.density;
110
+ if (n === "enterprise") {
111
+
112
+ return o().createElement(b(), g({
113
+ screenReaderText: (0, m._)("Info Circle"),
114
+ viewBox: "0 0 24 24"
115
+ }, e), o().createElement("path", {
116
+ fill: "currentColor",
117
+ d: "M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM13.2001 8.1999C13.2001 7.53716 12.6628 6.9999 12.0001 6.9999C11.3373 6.9999 10.8001 7.53716 10.8001 8.1999C10.8001 8.86264 11.3373 9.3999 12.0001 9.3999C12.6628 9.3999 13.2001 8.86264 13.2001 8.1999ZM11.0001 16.0094V11.9999C11.0001 11.4476 11.4478 10.9999 12.0001 10.9999C12.5524 10.9999 13.0001 11.4476 13.0001 11.9999V16.0094C13.0001 16.5617 12.5524 17.0094 12.0001 17.0094C11.4478 17.0094 11.0001 16.5617 11.0001 16.0094Z"
118
+ }));
119
+ }
120
+ var a = r === "compact" ? "20" : "24";
121
+
122
+ return o().createElement("svg", {
123
+ width: a,
124
+ height: a,
125
+ viewBox: "0 0 24 24",
126
+ xmlns: "http://www.w3.org/2000/svg",
127
+ style: {
128
+ display: "block"
129
+ }
130
+ }, o().createElement("path", {
131
+ d: "M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM13.2003 8.1999C13.2003 7.53716 12.663 6.9999 12.0003 6.9999C11.3376 6.9999 10.8003 7.53716 10.8003 8.1999C10.8003 8.86264 11.3376 9.3999 12.0003 9.3999C12.663 9.3999 13.2003 8.86264 13.2003 8.1999ZM11.0005 16.0094V11.9999C11.0005 11.4476 11.4482 10.9999 12.0005 10.9999C12.5528 10.9999 13.0005 11.4476 13.0005 11.9999V16.0094C13.0005 16.5617 12.5528 17.0094 12.0005 17.0094C11.4482 17.0094 11.0005 16.5617 11.0005 16.0094Z",
132
+ fill: "currentColor",
133
+ fillRule: "evenodd"
134
+ }));
135
+ }
136
+ /* harmony default export */ const E = C;
137
+ // CONCATENATED MODULE: external "styled-components"
138
+ const O = require("styled-components");
139
+ var M = e.n(O);
140
+ // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
141
+ const S = require("@splunk/react-ui/Clickable");
142
+ var k = e.n(S);
143
+ // CONCATENATED MODULE: ./src/Tooltip/TooltipStyles.ts
144
+ var R = "16px";
145
+ var P = M().span.withConfig({
146
+ displayName: "TooltipStyles__Styled",
147
+ componentId: "sc-67fvgm-0"
148
+ })([ "", ";position:relative;" ], v.mixins.reset("block"));
149
+ var T = M().span.withConfig({
150
+ displayName: "TooltipStyles__StyledInline",
151
+ componentId: "sc-67fvgm-1"
152
+ })([ "", ";position:relative;" ], v.mixins.reset("inline-block"));
153
+ var w = M().span.withConfig({
154
+ displayName: "TooltipStyles__StyledToggle",
155
+ componentId: "sc-67fvgm-2"
156
+ })([ "display:block;" ]);
157
+ var q = M().span.withConfig({
158
+ displayName: "TooltipStyles__StyledToggleInline",
159
+ componentId: "sc-67fvgm-3"
160
+ })([ "display:inline-block;" ]);
161
+ var x = M().div.withConfig({
162
+ displayName: "TooltipStyles__StyledContent",
163
+ componentId: "sc-67fvgm-4"
164
+ })([ "padding:", ";font-size:", ";line-height:", ";user-select:none;" ], (0, v.pick)({
165
+ enterprise: v.variables.spacingHalf,
166
+ prisma: (0, v.pickVariant)("$isLabel", {
167
+ false: "12px 16px",
168
+ true: "4px 8px"
169
+ })
170
+ }), (0, v.pick)({
171
+ enterprise: v.variables.fontSizeSmall,
172
+ prisma: "inherit"
173
+ }), (0, v.pick)({
174
+ enterprise: "18px",
175
+ prisma: (0, v.pickVariant)("$isLabel", {
176
+ false: "inherit",
177
+ true: "18px"
178
+ })
206
179
  }));
207
- }
208
-
209
- var size = density === 'compact' ? '20' : '24';
210
- return /*#__PURE__*/external_react_default.a.createElement("svg", {
211
- width: size,
212
- height: size,
213
- viewBox: "0 0 24 24",
214
- xmlns: "http://www.w3.org/2000/svg",
215
- style: {
216
- display: 'block'
180
+ var L = M()(k()).withConfig({
181
+ displayName: "TooltipStyles__StyledButton",
182
+ componentId: "sc-67fvgm-5"
183
+ })([ "cursor:default;", " ", " &:focus{box-shadow:", ";}" ], (0, v.pick)({
184
+ enterprise: (0, O.css)([ "display:inline-block;width:", ";height:", ";border:2px solid ", ";border-radius:", ";font-size:", ";font-weight:", ";line-height:calc(", " - 2px);text-align:center;color:", ";vertical-align:baseline;&:not([disabled]){&:hover{text-decoration:none;}}" ], R, R, v.variables.linkColor, R, v.variables.fontSizeSmall, v.variables.fontWeightSemiBold, R, v.variables.linkColor),
185
+ prisma: (0, O.css)([ "color:", ";border-radius:50%;display:inline-block;vertical-align:middle;&:hover,&:focus{color:", ";background:", ";}" ], v.variables.contentColorMuted, v.variables.contentColorActive, v.variables.interactiveColorOverlayHover)
186
+ }), (0, v.pick)({
187
+ prisma: {
188
+ comfortable: (0, O.css)([ "padding:8px;" ]),
189
+ compact: (0, O.css)([ "padding:6px;" ])
190
+ }
191
+ }), v.variables.focusShadow);
192
+ // CONCATENATED MODULE: ./src/Tooltip/Tooltip.tsx
193
+ function _(e) {
194
+ "@babel/helpers - typeof";
195
+ if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
196
+ _ = function e(t) {
197
+ return typeof t;
198
+ };
199
+ } else {
200
+ _ = function e(t) {
201
+ return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
202
+ };
203
+ }
204
+ return _(e);
217
205
  }
218
- }, /*#__PURE__*/external_react_default.a.createElement("path", {
219
- d: "M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM13.2003 8.1999C13.2003 7.53716 12.663 6.9999 12.0003 6.9999C11.3376 6.9999 10.8003 7.53716 10.8003 8.1999C10.8003 8.86264 11.3376 9.3999 12.0003 9.3999C12.663 9.3999 13.2003 8.86264 13.2003 8.1999ZM11.0005 16.0094V11.9999C11.0005 11.4476 11.4482 10.9999 12.0005 10.9999C12.5528 10.9999 13.0005 11.4476 13.0005 11.9999V16.0094C13.0005 16.5617 12.5528 17.0094 12.0005 17.0094C11.4482 17.0094 11.0005 16.5617 11.0005 16.0094Z",
220
- fill: "currentColor",
221
- fillRule: "evenodd"
222
- }));
223
- }
224
-
225
- /* harmony default export */ var InfoIcon = (InfoCircle);
226
- // EXTERNAL MODULE: external "styled-components"
227
- var external_styled_components_ = __webpack_require__(3);
228
- var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
229
-
230
- // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
231
- var Clickable_ = __webpack_require__(12);
232
- var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
233
-
234
- // CONCATENATED MODULE: ./src/Tooltip/TooltipStyles.ts
235
-
236
-
237
-
238
- var TooltipStyles_size = '16px';
239
- var Styled = external_styled_components_default.a.span.withConfig({
240
- displayName: "TooltipStyles__Styled",
241
- componentId: "sc-67fvgm-0"
242
- })(["", ";position:relative;"], themes_["mixins"].reset('block'));
243
- var StyledInline = external_styled_components_default.a.span.withConfig({
244
- displayName: "TooltipStyles__StyledInline",
245
- componentId: "sc-67fvgm-1"
246
- })(["", ";position:relative;"], themes_["mixins"].reset('inline-block'));
247
- var StyledToggle = external_styled_components_default.a.span.withConfig({
248
- displayName: "TooltipStyles__StyledToggle",
249
- componentId: "sc-67fvgm-2"
250
- })(["display:block;"]);
251
- var StyledToggleInline = external_styled_components_default.a.span.withConfig({
252
- displayName: "TooltipStyles__StyledToggleInline",
253
- componentId: "sc-67fvgm-3"
254
- })(["display:inline-block;"]);
255
- var StyledContent = external_styled_components_default.a.div.withConfig({
256
- displayName: "TooltipStyles__StyledContent",
257
- componentId: "sc-67fvgm-4"
258
- })(["padding:", ";font-size:", ";line-height:", ";user-select:none;"], Object(themes_["pick"])({
259
- enterprise: themes_["variables"].spacingHalf,
260
- prisma: Object(themes_["pickVariant"])('$isLabel', {
261
- "false": '12px 16px',
262
- "true": '4px 8px'
263
- })
264
- }), Object(themes_["pick"])({
265
- enterprise: themes_["variables"].fontSizeSmall,
266
- prisma: 'inherit'
267
- }), Object(themes_["pick"])({
268
- enterprise: '18px',
269
- prisma: Object(themes_["pickVariant"])('$isLabel', {
270
- "false": 'inherit',
271
- "true": '18px'
272
- })
273
- }));
274
- var StyledButton = external_styled_components_default()(Clickable_default.a).withConfig({
275
- displayName: "TooltipStyles__StyledButton",
276
- componentId: "sc-67fvgm-5"
277
- })(["cursor:default;", " ", " &:focus{box-shadow:", ";}"], Object(themes_["pick"])({
278
- enterprise: Object(external_styled_components_["css"])(["display:inline-block;width:", ";height:", ";border:2px solid ", ";border-radius:", ";font-size:", ";font-weight:", ";line-height:calc(", " - 2px);text-align:center;color:", ";vertical-align:baseline;&:not([disabled]){&:hover{text-decoration:none;}}"], TooltipStyles_size, TooltipStyles_size, themes_["variables"].linkColor, TooltipStyles_size, themes_["variables"].fontSizeSmall, themes_["variables"].fontWeightSemiBold, TooltipStyles_size, themes_["variables"].linkColor),
279
- prisma: Object(external_styled_components_["css"])(["color:", ";border-radius:50%;display:inline-block;vertical-align:middle;&:hover,&:focus{color:", ";background:", ";}"], themes_["variables"].contentColorMuted, themes_["variables"].contentColorActive, themes_["variables"].interactiveColorOverlayHover)
280
- }), Object(themes_["pick"])({
281
- prisma: {
282
- comfortable: Object(external_styled_components_["css"])(["padding:8px;"]),
283
- compact: Object(external_styled_components_["css"])(["padding:6px;"])
284
- }
285
- }), themes_["variables"].focusShadow);
286
-
287
- // CONCATENATED MODULE: ./src/Tooltip/Tooltip.tsx
288
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
289
-
290
- function Tooltip_extends() { Tooltip_extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return Tooltip_extends.apply(this, arguments); }
291
-
292
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
293
-
294
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
295
-
296
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
297
-
298
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
299
-
300
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
301
-
302
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
303
-
304
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
305
-
306
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
307
-
308
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
309
-
310
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
311
-
312
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
313
-
314
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
315
-
316
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
317
-
318
-
319
-
320
-
321
-
322
-
323
-
324
-
325
-
326
-
327
-
328
-
329
- var propTypes = {
330
- /** @private */
331
- appearance: external_prop_types_default.a.string,
332
- children: external_prop_types_default.a.node,
333
- closeDelay: external_prop_types_default.a.number,
334
-
335
- /** @private */
336
- closeWhen: external_prop_types_default.a.oneOf(['default', 'notOnClick']),
337
- content: external_prop_types_default.a.node,
338
- contentRelationship: external_prop_types_default.a.oneOf(['label', 'description']),
339
- defaultPlacement: external_prop_types_default.a.oneOf(['above', 'below', 'left', 'right', 'theme']),
340
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
341
- inline: external_prop_types_default.a.bool,
342
- onRequestClose: external_prop_types_default.a.func,
343
- onRequestOpen: external_prop_types_default.a.func,
344
- open: external_prop_types_default.a.bool,
345
- openDelay: external_prop_types_default.a.oneOfType([external_prop_types_default.a.oneOf(['primary', 'secondary']), external_prop_types_default.a.number]),
346
-
347
- /** @private */
348
- splunkTheme: external_prop_types_default.a.object
349
- };
350
- var defaultProps = {
351
- appearance: 'inverted',
352
- closeDelay: 300,
353
- closeWhen: 'default',
354
- contentRelationship: 'description',
355
- defaultPlacement: 'theme',
356
- inline: true,
357
- openDelay: 'primary'
358
- };
359
-
360
- /**
361
- * The Tooltip component wraps arbitrary content to be displayed when the target element is hovered
362
- * or focused.
363
- */
364
- var Tooltip_Tooltip = /*#__PURE__*/function (_Component) {
365
- _inherits(Tooltip, _Component);
366
-
367
- var _super = _createSuper(Tooltip);
368
-
369
- // @docs-props-type TooltipPropsBase
370
- function Tooltip(props) {
371
- var _this;
372
-
373
- _classCallCheck(this, Tooltip);
374
-
375
- _this = _super.call(this, props);
376
-
377
- _defineProperty(_assertThisInitialized(_this), "ariaId", void 0);
378
-
379
- _defineProperty(_assertThisInitialized(_this), "controlledExternally", void 0);
380
-
381
- _defineProperty(_assertThisInitialized(_this), "popoverId", void 0);
382
-
383
- _defineProperty(_assertThisInitialized(_this), "timeout", void 0);
384
-
385
- _defineProperty(_assertThisInitialized(_this), "handleMount", function (el) {
386
- // Handle mouse events with native events due to current issues with how they
387
- // are handled by react. See https://github.com/facebook/react/issues/4251,
388
- // https://github.com/facebook/react/issues/19419, and SUI-1232.
389
- if (el) {
390
- el.addEventListener('mouseenter', _this.handleMouseEnter);
391
- el.addEventListener('mouseleave', _this.handleMouseLeave);
392
- } else if (_this.state.anchorEl) {
393
- _this.state.anchorEl.removeEventListener('mouseenter', _this.handleMouseEnter);
394
-
395
- _this.state.anchorEl.removeEventListener('mouseleave', _this.handleMouseLeave);
396
- }
397
-
398
- _this.setState({
399
- anchorEl: el
400
- });
401
- });
402
-
403
- _defineProperty(_assertThisInitialized(_this), "handlePopoverMount", function (el) {
404
- if (el) {
405
- el.addEventListener('mouseenter', _this.handleMouseEnterPopover);
406
- el.addEventListener('mouseleave', _this.handleMouseLeavePopover);
407
- } else if (_this.state.popoverEl) {
408
- _this.state.popoverEl.removeEventListener('mouseenter', _this.handleMouseEnterPopover);
409
-
410
- _this.state.popoverEl.removeEventListener('mouseleave', _this.handleMouseLeavePopover);
411
- }
412
-
413
- _this.setState({
414
- popoverEl: el
415
- });
416
- });
417
-
418
- _defineProperty(_assertThisInitialized(_this), "handlePopoverOuterMount", function (el) {
419
- _this.setState({
420
- popoverOuterEl: el
421
- });
422
- });
423
-
424
- _defineProperty(_assertThisInitialized(_this), "handleHitAreaMount", function (el) {
425
- // Handle mouse events with native events due to current issues with how they
426
- // are handled by react. See https://github.com/facebook/react/issues/4251,
427
- // https://github.com/facebook/react/issues/19419, and SUI-1232.
428
- if (el) {
429
- el.addEventListener('mouseenter', _this.handleMouseEnterHitArea);
430
- el.addEventListener('mousemove', _this.handleMouseMoveHitArea);
431
- el.addEventListener('mouseleave', _this.handleMouseLeaveHitArea);
432
- } else if (_this.state.hitAreaEl) {
433
- _this.state.hitAreaEl.removeEventListener('mouseenter', _this.handleMouseEnterHitArea);
434
-
435
- _this.state.hitAreaEl.removeEventListener('mousemove', _this.handleMouseMoveHitArea);
436
-
437
- _this.state.hitAreaEl.removeEventListener('mouseleave', _this.handleMouseLeaveHitArea);
438
- }
439
-
440
- _this.setState({
441
- hitAreaEl: el
442
- });
443
- });
444
-
445
- _defineProperty(_assertThisInitialized(_this), "handleMouseEnter", function (e) {
446
- _this.handleRequestOpen(e, {
447
- reason: 'mouseEnterToggle'
448
- });
449
- });
450
-
451
- _defineProperty(_assertThisInitialized(_this), "handleMouseEnterPopover", function (e) {
452
- _this.handleRequestOpen(e, {
453
- reason: 'mouseEnterPopover'
454
- });
455
- });
456
-
457
- _defineProperty(_assertThisInitialized(_this), "handleMouseEnterHitArea", function (e) {
458
- _this.handleRequestOpen(e, {
459
- reason: 'mouseEnterHitArea'
460
- });
461
- });
462
-
463
- _defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function (e) {
464
- var reason = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'mouseLeaveToggle';
465
-
466
- if (e.relatedTarget == null || e.relatedTarget !== _this.state.popoverEl && e.relatedTarget !== _this.state.popoverOuterEl) {
467
- _this.handleRequestClose(e, {
468
- reason: reason
469
- });
470
- }
471
- });
472
-
473
- _defineProperty(_assertThisInitialized(_this), "handleMouseLeavePopover", function (e) {
474
- _this.handleMouseLeave(e, 'mouseLeavePopover');
475
- });
476
-
477
- _defineProperty(_assertThisInitialized(_this), "handleMouseLeaveHitArea", function (e) {
478
- _this.handleMouseLeave(e, 'mouseLeaveHitArea');
479
- });
480
-
481
- _defineProperty(_assertThisInitialized(_this), "handleMouseMoveHitAreaImpl", function (e) {
482
- _this.handleRequestClose(e, {
483
- reason: 'mouseStopHitArea'
484
- });
485
- });
486
-
487
- _defineProperty(_assertThisInitialized(_this), "handleMouseMoveHitArea", throttle_default()(_this.handleMouseMoveHitAreaImpl, 10));
488
-
489
- _defineProperty(_assertThisInitialized(_this), "handleClick", function (e) {
490
- if (_this.props.closeWhen !== 'notOnClick') {
491
- _this.handleRequestClose(e, {
492
- reason: 'toggleClick'
493
- });
494
- }
495
- });
496
-
497
- _defineProperty(_assertThisInitialized(_this), "handleFocus", function (e) {
498
- _this.handleRequestOpen(e, {
499
- reason: 'focusToggle'
500
- });
501
- });
502
-
503
- _defineProperty(_assertThisInitialized(_this), "handleBlur", function (e) {
504
- _this.handleRequestClose(e, {
505
- reason: 'blurToggle'
506
- });
507
- });
508
-
509
- _defineProperty(_assertThisInitialized(_this), "handlePopoverOnRequestClose", function (data) {
510
- _this.handleRequestClose(null, data);
511
- });
512
-
513
- _defineProperty(_assertThisInitialized(_this), "handleRequestClose", function (e, data) {
514
- var closeDelay = _this.props.closeDelay;
515
-
516
- if (_this.timeout !== undefined) {
517
- clearTimeout(_this.timeout);
518
- }
519
-
520
- _this.timeout = setTimeout(function () {
521
- var _this$props$onRequest, _this$props;
522
-
523
- if (!_this.isControlled()) {
524
- _this.setState({
525
- open: false
526
- });
206
+ function I() {
207
+ I = Object.assign || function(e) {
208
+ for (var t = 1; t < arguments.length; t++) {
209
+ var n = arguments[t];
210
+ for (var o in n) {
211
+ if (Object.prototype.hasOwnProperty.call(n, o)) {
212
+ e[o] = n[o];
213
+ }
214
+ }
215
+ }
216
+ return e;
217
+ };
218
+ return I.apply(this, arguments);
219
+ }
220
+ function A(e, t) {
221
+ if (e == null) return {};
222
+ var n = j(e, t);
223
+ var o, r;
224
+ if (Object.getOwnPropertySymbols) {
225
+ var a = Object.getOwnPropertySymbols(e);
226
+ for (r = 0; r < a.length; r++) {
227
+ o = a[r];
228
+ if (t.indexOf(o) >= 0) continue;
229
+ if (!Object.prototype.propertyIsEnumerable.call(e, o)) continue;
230
+ n[o] = e[o];
231
+ }
527
232
  }
528
-
529
- (_this$props$onRequest = (_this$props = _this.props).onRequestClose) === null || _this$props$onRequest === void 0 ? void 0 : _this$props$onRequest.call(_this$props, e, data);
530
- }, closeDelay);
531
- });
532
-
533
- _defineProperty(_assertThisInitialized(_this), "handleRequestOpen", function (e, data) {
534
- var openDelay = _this.props.openDelay;
535
- var normalDelay = openDelay === 'primary' ? 300 : 750;
536
- var finalDelay = typeof openDelay === 'number' ? openDelay : normalDelay;
537
-
538
- if (_this.timeout !== undefined) {
539
- clearTimeout(_this.timeout);
540
- }
541
-
542
- _this.timeout = setTimeout(function () {
543
- var wasOpen = _this.isOpen();
544
-
545
- if (!_this.isControlled()) {
546
- _this.setState({
547
- open: true
548
- });
233
+ return n;
234
+ }
235
+ function j(e, t) {
236
+ if (e == null) return {};
237
+ var n = {};
238
+ var o = Object.keys(e);
239
+ var r, a;
240
+ for (a = 0; a < o.length; a++) {
241
+ r = o[a];
242
+ if (t.indexOf(r) >= 0) continue;
243
+ n[r] = e[r];
549
244
  }
550
-
551
- if (!wasOpen) {
552
- var _this$props$onRequest2, _this$props2;
553
-
554
- (_this$props$onRequest2 = (_this$props2 = _this.props).onRequestOpen) === null || _this$props$onRequest2 === void 0 ? void 0 : _this$props$onRequest2.call(_this$props2, e, data);
245
+ return n;
246
+ }
247
+ function H(e, t) {
248
+ if (!(e instanceof t)) {
249
+ throw new TypeError("Cannot call a class as a function");
555
250
  }
556
- }, finalDelay);
557
- });
558
-
559
- _this.controlledExternally = has_default()(props, 'open');
560
- _this.popoverId = Object(id_["createDOMID"])('popover');
561
- _this.ariaId = Object(id_["createDOMID"])('aria-id');
562
- _this.state = {
563
- anchorEl: null,
564
- open: false,
565
- popoverEl: null,
566
- popoverOuterEl: null,
567
- hitAreaEl: null
568
- };
569
- return _this;
570
- }
571
-
572
- _createClass(Tooltip, [{
573
- key: "componentDidUpdate",
574
- value: function componentDidUpdate() {
575
- if (false) {}
576
251
  }
577
- }, {
578
- key: "componentWillUnmount",
579
- value: function componentWillUnmount() {
580
- if (this.timeout !== undefined) {
581
- clearTimeout(this.timeout);
582
- }
252
+ function D(e, t) {
253
+ for (var n = 0; n < t.length; n++) {
254
+ var o = t[n];
255
+ o.enumerable = o.enumerable || false;
256
+ o.configurable = true;
257
+ if ("value" in o) o.writable = true;
258
+ Object.defineProperty(e, o.key, o);
259
+ }
583
260
  }
584
- }, {
585
- key: "isControlled",
586
- value: function isControlled() {
587
- return this.controlledExternally;
261
+ function B(e, t, n) {
262
+ if (t) D(e.prototype, t);
263
+ if (n) D(e, n);
264
+ return e;
588
265
  }
589
- }, {
590
- key: "isOpen",
591
- value: function isOpen() {
592
- var hasContent = !!this.props.content;
593
- return !!this.state.anchorEl && this.isControlled() ? this.props.open : hasContent && this.state.open;
266
+ function V(e, t) {
267
+ if (typeof t !== "function" && t !== null) {
268
+ throw new TypeError("Super expression must either be null or a function");
269
+ }
270
+ e.prototype = Object.create(t && t.prototype, {
271
+ constructor: {
272
+ value: e,
273
+ writable: true,
274
+ configurable: true
275
+ }
276
+ });
277
+ if (t) Z(e, t);
594
278
  }
595
- }, {
596
- key: "render",
597
- value: function render() {
598
- var _this$props3 = this.props,
599
- appearance = _this$props3.appearance,
600
- children = _this$props3.children,
601
- content = _this$props3.content,
602
- defaultPlacement = _this$props3.defaultPlacement,
603
- elementRef = _this$props3.elementRef,
604
- inline = _this$props3.inline,
605
- onRequestClose = _this$props3.onRequestClose,
606
- onRequestOpen = _this$props3.onRequestOpen,
607
- splunkTheme = _this$props3.splunkTheme,
608
- contentRelationship = _this$props3.contentRelationship,
609
- otherProps = _objectWithoutProperties(_this$props3, ["appearance", "children", "content", "defaultPlacement", "elementRef", "inline", "onRequestClose", "onRequestOpen", "splunkTheme", "contentRelationship"]);
610
-
611
- var anchorEl = this.state.anchorEl;
612
- var hasContent = !!content;
613
- var openRender = this.isOpen();
614
- var StyledComp = inline ? StyledInline : Styled;
615
- var StyledToggleComp = inline ? StyledToggleInline : StyledToggle;
616
- var isPrisma = splunkTheme.isPrisma;
617
- var placement = isPrisma ? 'below' : 'above';
618
- var cloneProps;
619
-
620
- if (contentRelationship === 'label') {
621
- cloneProps = {
622
- labelledBy: this.ariaId,
623
- 'aria-labelledby': this.ariaId // not all components support the `labelledBy` prop.
624
-
279
+ function Z(e, t) {
280
+ Z = Object.setPrototypeOf || function e(t, n) {
281
+ t.__proto__ = n;
282
+ return t;
625
283
  };
626
- } else if (contentRelationship === 'description') {
627
- cloneProps = {
628
- describedBy: this.ariaId,
629
- 'aria-describedby': this.ariaId
284
+ return Z(e, t);
285
+ }
286
+ function N(e) {
287
+ var t = F();
288
+ return function n() {
289
+ var o = $(e), r;
290
+ if (t) {
291
+ var a = $(this).constructor;
292
+ r = Reflect.construct(o, arguments, a);
293
+ } else {
294
+ r = o.apply(this, arguments);
295
+ }
296
+ return W(this, r);
630
297
  };
631
- }
632
-
633
- return /*#__PURE__*/external_react_default.a.createElement(StyledComp, Tooltip_extends({
634
- "data-test": "tooltip",
635
- "data-test-open": openRender,
636
- "data-test-popover-id": this.popoverId,
637
- ref: elementRef
638
- }, otherProps), /*#__PURE__*/external_react_default.a.createElement(StyledToggleComp, {
639
- onClick: this.handleClick,
640
- onFocus: this.handleFocus,
641
- onBlur: this.handleBlur,
642
- ref: this.handleMount,
643
- "data-test": "toggle"
644
- }, hasContent && /*#__PURE__*/Object(external_react_["isValidElement"])(children) ? /*#__PURE__*/Object(external_react_["cloneElement"])(children, cloneProps) : children, hasContent && !children && /*#__PURE__*/external_react_default.a.createElement(StyledButton, {
645
- "aria-describedby": this.ariaId
646
- }, isPrisma ? /*#__PURE__*/external_react_default.a.createElement(InfoIcon, {
647
- hideDefaultTooltip: true,
648
- screenReaderText: Object(i18n_["_"])('More info'),
649
- style: {
650
- height: '22px',
651
- width: '22px'
298
+ }
299
+ function W(e, t) {
300
+ if (t && (_(t) === "object" || typeof t === "function")) {
301
+ return t;
652
302
  }
653
- }) : /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement("span", {
654
- "aria-hidden": "true"
655
- }, "?"), /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, null, Object(i18n_["_"])('More info')))), hasContent && /*#__PURE__*/external_react_default.a.createElement(ScreenReaderContent_default.a, {
656
- "aria-hidden": "true",
657
- id: this.ariaId
658
- }, content)), /*#__PURE__*/external_react_default.a.createElement(Popover_default.a, {
659
- role: "tooltip",
660
- align: "center",
661
- anchor: anchorEl // override Popver's default animation to make it faster
662
- // this keeps the overall amount of time the Tooltip is on-screen the same
663
- // even with the increased default closeDelay to address SUI-5116
664
- ,
665
- animationConfig: {
666
- tension: 400
667
- },
668
- appearance: appearance,
669
- closeReasons: ['offScreen', 'escapeKey'],
670
- defaultPlacement: defaultPlacement === 'theme' ? placement : defaultPlacement,
671
- id: this.popoverId,
672
- open: openRender,
673
- onRequestClose: this.handlePopoverOnRequestClose,
674
- elementRef: this.handlePopoverMount,
675
- hitAreaRef: this.handleHitAreaMount,
676
- outerRef: this.handlePopoverOuterMount
677
- }, /*#__PURE__*/external_react_default.a.createElement(StyledContent, {
678
- $isLabel: contentRelationship === 'label'
679
- }, content)));
303
+ return z(e);
680
304
  }
681
- }]);
682
-
683
- return Tooltip;
684
- }(external_react_["Component"]);
685
-
686
- _defineProperty(Tooltip_Tooltip, "propTypes", propTypes);
687
-
688
- _defineProperty(Tooltip_Tooltip, "defaultProps", defaultProps);
689
-
690
- var TooltipWithTheme = Object(themes_["withSplunkTheme"])(Tooltip_Tooltip);
691
- TooltipWithTheme.propTypes = Tooltip_Tooltip.propTypes;
692
- /* harmony default export */ var src_Tooltip_Tooltip = (TooltipWithTheme);
693
- // CONCATENATED MODULE: ./src/Tooltip/index.ts
694
-
695
-
696
-
697
- /***/ }),
698
-
699
- /***/ 3:
700
- /***/ (function(module, exports) {
701
-
702
- module.exports = require("styled-components");
703
-
704
- /***/ }),
705
-
706
- /***/ 33:
707
- /***/ (function(module, exports) {
708
-
709
- module.exports = require("lodash/throttle");
710
-
711
- /***/ }),
712
-
713
- /***/ 34:
714
- /***/ (function(module, exports) {
715
-
716
- module.exports = require("@splunk/react-icons/SVGEnterprise");
717
-
718
- /***/ }),
719
-
720
- /***/ 4:
721
- /***/ (function(module, exports) {
722
-
723
- module.exports = require("@splunk/ui-utils/i18n");
724
-
725
- /***/ }),
726
-
727
- /***/ 8:
728
- /***/ (function(module, exports) {
729
-
730
- module.exports = require("@splunk/ui-utils/id");
731
-
732
- /***/ })
733
-
734
- /******/ });
305
+ function z(e) {
306
+ if (e === void 0) {
307
+ throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
308
+ }
309
+ return e;
310
+ }
311
+ function F() {
312
+ if (typeof Reflect === "undefined" || !Reflect.construct) return false;
313
+ if (Reflect.construct.sham) return false;
314
+ if (typeof Proxy === "function") return true;
315
+ try {
316
+ Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
317
+ return true;
318
+ } catch (e) {
319
+ return false;
320
+ }
321
+ }
322
+ function $(e) {
323
+ $ = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
324
+ return t.__proto__ || Object.getPrototypeOf(t);
325
+ };
326
+ return $(e);
327
+ }
328
+ function U(e, t, n) {
329
+ if (t in e) {
330
+ Object.defineProperty(e, t, {
331
+ value: n,
332
+ enumerable: true,
333
+ configurable: true,
334
+ writable: true
335
+ });
336
+ } else {
337
+ e[t] = n;
338
+ }
339
+ return e;
340
+ }
341
+ var G = {
342
+ /** @private */
343
+ appearance: a().string,
344
+ children: a().node,
345
+ closeDelay: a().number,
346
+ /** @private */
347
+ closeWhen: a().oneOf([ "default", "notOnClick" ]),
348
+ content: a().node,
349
+ contentRelationship: a().oneOf([ "label", "description" ]),
350
+ defaultPlacement: a().oneOf([ "above", "below", "left", "right", "theme" ]),
351
+ elementRef: a().oneOfType([ a().func, a().object ]),
352
+ inline: a().bool,
353
+ onRequestClose: a().func,
354
+ onRequestOpen: a().func,
355
+ open: a().bool,
356
+ openDelay: a().oneOfType([ a().oneOf([ "primary", "secondary" ]), a().number ]),
357
+ /** @private */
358
+ splunkTheme: a().object
359
+ };
360
+ var K = {
361
+ appearance: "inverted",
362
+ closeDelay: 300,
363
+ closeWhen: "default",
364
+ contentRelationship: "description",
365
+ defaultPlacement: "theme",
366
+ inline: true,
367
+ openDelay: "primary"
368
+ };
369
+ /**
370
+ * The Tooltip component wraps arbitrary content to be displayed when the target element is hovered
371
+ * or focused.
372
+ */ var J = function(e) {
373
+ V(r, e);
374
+ var t = N(r);
375
+ // @docs-props-type TooltipPropsBase
376
+ function r(e) {
377
+ var n;
378
+ H(this, r);
379
+ n = t.call(this, e);
380
+ U(z(n), "ariaId", void 0);
381
+ U(z(n), "controlledExternally", void 0);
382
+ U(z(n), "popoverId", void 0);
383
+ U(z(n), "timeout", void 0);
384
+ U(z(n), "handleMount", (function(e) {
385
+ // Handle mouse events with native events due to current issues with how they
386
+ // are handled by react. See https://github.com/facebook/react/issues/4251,
387
+ // https://github.com/facebook/react/issues/19419, and SUI-1232.
388
+ if (e) {
389
+ e.addEventListener("mouseenter", n.handleMouseEnter);
390
+ e.addEventListener("mouseleave", n.handleMouseLeave);
391
+ } else if (n.state.anchorEl) {
392
+ n.state.anchorEl.removeEventListener("mouseenter", n.handleMouseEnter);
393
+ n.state.anchorEl.removeEventListener("mouseleave", n.handleMouseLeave);
394
+ }
395
+ n.setState({
396
+ anchorEl: e
397
+ });
398
+ }));
399
+ U(z(n), "handlePopoverMount", (function(e) {
400
+ if (e) {
401
+ e.addEventListener("mouseenter", n.handleMouseEnterPopover);
402
+ e.addEventListener("mouseleave", n.handleMouseLeavePopover);
403
+ } else if (n.state.popoverEl) {
404
+ n.state.popoverEl.removeEventListener("mouseenter", n.handleMouseEnterPopover);
405
+ n.state.popoverEl.removeEventListener("mouseleave", n.handleMouseLeavePopover);
406
+ }
407
+ n.setState({
408
+ popoverEl: e
409
+ });
410
+ }));
411
+ U(z(n), "handlePopoverOuterMount", (function(e) {
412
+ n.setState({
413
+ popoverOuterEl: e
414
+ });
415
+ }));
416
+ U(z(n), "handleHitAreaMount", (function(e) {
417
+ // Handle mouse events with native events due to current issues with how they
418
+ // are handled by react. See https://github.com/facebook/react/issues/4251,
419
+ // https://github.com/facebook/react/issues/19419, and SUI-1232.
420
+ if (e) {
421
+ e.addEventListener("mouseenter", n.handleMouseEnterHitArea);
422
+ e.addEventListener("mousemove", n.handleMouseMoveHitArea);
423
+ e.addEventListener("mouseleave", n.handleMouseLeaveHitArea);
424
+ } else if (n.state.hitAreaEl) {
425
+ n.state.hitAreaEl.removeEventListener("mouseenter", n.handleMouseEnterHitArea);
426
+ n.state.hitAreaEl.removeEventListener("mousemove", n.handleMouseMoveHitArea);
427
+ n.state.hitAreaEl.removeEventListener("mouseleave", n.handleMouseLeaveHitArea);
428
+ }
429
+ n.setState({
430
+ hitAreaEl: e
431
+ });
432
+ }));
433
+ U(z(n), "handleMouseEnter", (function(e) {
434
+ n.handleRequestOpen(e, {
435
+ reason: "mouseEnterToggle"
436
+ });
437
+ }));
438
+ U(z(n), "handleMouseEnterPopover", (function(e) {
439
+ n.handleRequestOpen(e, {
440
+ reason: "mouseEnterPopover"
441
+ });
442
+ }));
443
+ U(z(n), "handleMouseEnterHitArea", (function(e) {
444
+ n.handleRequestOpen(e, {
445
+ reason: "mouseEnterHitArea"
446
+ });
447
+ }));
448
+ U(z(n), "handleMouseLeave", (function(e) {
449
+ var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "mouseLeaveToggle";
450
+ if (e.relatedTarget == null || e.relatedTarget !== n.state.popoverEl && e.relatedTarget !== n.state.popoverOuterEl) {
451
+ n.handleRequestClose(e, {
452
+ reason: t
453
+ });
454
+ }
455
+ }));
456
+ U(z(n), "handleMouseLeavePopover", (function(e) {
457
+ n.handleMouseLeave(e, "mouseLeavePopover");
458
+ }));
459
+ U(z(n), "handleMouseLeaveHitArea", (function(e) {
460
+ n.handleMouseLeave(e, "mouseLeaveHitArea");
461
+ }));
462
+ U(z(n), "handleMouseMoveHitAreaImpl", (function(e) {
463
+ n.handleRequestClose(e, {
464
+ reason: "mouseStopHitArea"
465
+ });
466
+ }));
467
+ U(z(n), "handleMouseMoveHitArea", u()(n.handleMouseMoveHitAreaImpl, 10));
468
+ U(z(n), "handleClick", (function(e) {
469
+ if (n.props.closeWhen !== "notOnClick") {
470
+ n.handleRequestClose(e, {
471
+ reason: "toggleClick"
472
+ });
473
+ }
474
+ }));
475
+ U(z(n), "handleFocus", (function(e) {
476
+ n.handleRequestOpen(e, {
477
+ reason: "focusToggle"
478
+ });
479
+ }));
480
+ U(z(n), "handleBlur", (function(e) {
481
+ n.handleRequestClose(e, {
482
+ reason: "blurToggle"
483
+ });
484
+ }));
485
+ U(z(n), "handlePopoverOnRequestClose", (function(e) {
486
+ n.handleRequestClose(null, e);
487
+ }));
488
+ U(z(n), "handleRequestClose", (function(e, t) {
489
+ var o = n.props.closeDelay;
490
+ if (n.timeout !== undefined) {
491
+ clearTimeout(n.timeout);
492
+ }
493
+ n.timeout = setTimeout((function() {
494
+ var o, r;
495
+ if (!n.isControlled()) {
496
+ n.setState({
497
+ open: false
498
+ });
499
+ }
500
+ (o = (r = n.props).onRequestClose) === null || o === void 0 ? void 0 : o.call(r, e, t);
501
+ }), o);
502
+ }));
503
+ U(z(n), "handleRequestOpen", (function(e, t) {
504
+ var o = n.props.openDelay;
505
+ var r = o === "primary" ? 300 : 750;
506
+ var a = typeof o === "number" ? o : r;
507
+ if (n.timeout !== undefined) {
508
+ clearTimeout(n.timeout);
509
+ }
510
+ n.timeout = setTimeout((function() {
511
+ var o = n.isOpen();
512
+ if (!n.isControlled()) {
513
+ n.setState({
514
+ open: true
515
+ });
516
+ }
517
+ if (!o) {
518
+ var r, a;
519
+ (r = (a = n.props).onRequestOpen) === null || r === void 0 ? void 0 : r.call(a, e, t);
520
+ }
521
+ }), a);
522
+ }));
523
+ n.controlledExternally = l()(e, "open");
524
+ n.popoverId = (0, h.createDOMID)("popover");
525
+ n.ariaId = (0, h.createDOMID)("aria-id");
526
+ n.state = {
527
+ anchorEl: null,
528
+ open: false,
529
+ popoverEl: null,
530
+ popoverOuterEl: null,
531
+ hitAreaEl: null
532
+ };
533
+ return n;
534
+ }
535
+ B(r, [ {
536
+ key: "componentDidUpdate",
537
+ value: function e() {
538
+ if (false) {}
539
+ }
540
+ }, {
541
+ key: "componentWillUnmount",
542
+ value: function e() {
543
+ if (this.timeout !== undefined) {
544
+ clearTimeout(this.timeout);
545
+ }
546
+ }
547
+ }, {
548
+ key: "isControlled",
549
+ value: function e() {
550
+ return this.controlledExternally;
551
+ }
552
+ }, {
553
+ key: "isOpen",
554
+ value: function e() {
555
+ var t = !!this.props.content;
556
+ return !!this.state.anchorEl && this.isControlled() ? this.props.open : t && this.state.open;
557
+ }
558
+ }, {
559
+ key: "render",
560
+ value: function e() {
561
+ var t = this.props, r = t.appearance, a = t.children, i = t.content, l = t.defaultPlacement, s = t.elementRef, u = t.inline, c = t.onRequestClose, d = t.onRequestOpen, v = t.splunkTheme, h = t.contentRelationship, y = A(t, [ "appearance", "children", "content", "defaultPlacement", "elementRef", "inline", "onRequestClose", "onRequestOpen", "splunkTheme", "contentRelationship" ]);
562
+ var b = this.state.anchorEl;
563
+ var g = !!i;
564
+ var C = this.isOpen();
565
+ var O = u ? T : P;
566
+ var M = u ? q : w;
567
+ var S = v.isPrisma;
568
+ var k = S ? "below" : "above";
569
+ var R;
570
+ if (h === "label") {
571
+ R = {
572
+ labelledBy: this.ariaId,
573
+ "aria-labelledby": this.ariaId
574
+ };
575
+ } else if (h === "description") {
576
+ R = {
577
+ describedBy: this.ariaId,
578
+ "aria-describedby": this.ariaId
579
+ };
580
+ }
581
+
582
+ return o().createElement(O, I({
583
+ "data-test": "tooltip",
584
+ "data-test-open": C,
585
+ "data-test-popover-id": this.popoverId,
586
+ ref: s
587
+ }, y), o().createElement(M, {
588
+ onClick: this.handleClick,
589
+ onFocus: this.handleFocus,
590
+ onBlur: this.handleBlur,
591
+ ref: this.handleMount,
592
+ "data-test": "toggle"
593
+ }, g && (0, n.isValidElement)(a) ? (0, n.cloneElement)(a, R) : a, g && !a && o().createElement(L, {
594
+ "aria-describedby": this.ariaId
595
+ }, S ? o().createElement(E, {
596
+ hideDefaultTooltip: true,
597
+ screenReaderText: (0, m._)("More info"),
598
+ style: {
599
+ height: "22px",
600
+ width: "22px"
601
+ }
602
+ }) : o().createElement(o().Fragment, null, o().createElement("span", {
603
+ "aria-hidden": "true"
604
+ }, "?"), o().createElement(f(), null, (0, m._)("More info")))), g && o().createElement(f(), {
605
+ "aria-hidden": "true",
606
+ id: this.ariaId
607
+ }, i)), o().createElement(p(), {
608
+ role: "tooltip",
609
+ align: "center",
610
+ anchor: b,
611
+ animationConfig: {
612
+ tension: 400
613
+ },
614
+ appearance: r,
615
+ closeReasons: [ "offScreen", "escapeKey" ],
616
+ defaultPlacement: l === "theme" ? k : l,
617
+ id: this.popoverId,
618
+ open: C,
619
+ onRequestClose: this.handlePopoverOnRequestClose,
620
+ elementRef: this.handlePopoverMount,
621
+ hitAreaRef: this.handleHitAreaMount,
622
+ outerRef: this.handlePopoverOuterMount
623
+ }, o().createElement(x, {
624
+ $isLabel: h === "label"
625
+ }, i)));
626
+ }
627
+ } ]);
628
+ return r;
629
+ }(n.Component);
630
+ U(J, "propTypes", G);
631
+ U(J, "defaultProps", K);
632
+ var Q = (0, v.withSplunkTheme)(J);
633
+ Q.propTypes = J.propTypes;
634
+ /* harmony default export */ const X = Q;
635
+ // CONCATENATED MODULE: ./src/Tooltip/index.ts
636
+ module.exports = t;
637
+ /******/})();