@splunk/react-ui 4.20.0 → 4.21.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/Accordion.js +114 -230
  2. package/Anchor.js +74 -150
  3. package/Animation.js +52 -124
  4. package/AnimationToggle.js +86 -146
  5. package/Box.js +77 -153
  6. package/Breadcrumbs.js +105 -197
  7. package/Button.js +168 -316
  8. package/ButtonGroup.js +84 -168
  9. package/ButtonSimple.js +224 -324
  10. package/CHANGELOG.md +21 -0
  11. package/Calendar.js +264 -462
  12. package/Card.js +223 -371
  13. package/CardLayout.js +87 -163
  14. package/Chip.js +199 -323
  15. package/Clickable.js +128 -246
  16. package/CloseButton.js +92 -200
  17. package/Code.js +162 -250
  18. package/CollapsiblePanel.js +214 -370
  19. package/Color.js +267 -495
  20. package/ColumnLayout.js +152 -254
  21. package/ComboBox.js +197 -371
  22. package/Concertina.js +214 -374
  23. package/ControlGroup.js +164 -288
  24. package/Date.js +154 -304
  25. package/DefinitionList.js +104 -180
  26. package/Divider.js +80 -156
  27. package/Dropdown.js +121 -263
  28. package/DualListbox.js +408 -601
  29. package/EventListener.js +70 -138
  30. package/File.js +343 -547
  31. package/FormRows.js +232 -414
  32. package/Heading.js +94 -164
  33. package/Image.js +167 -323
  34. package/JSONTree.js +166 -314
  35. package/Layer.js +221 -388
  36. package/Link.js +133 -239
  37. package/List.js +85 -161
  38. package/Markdown.js +230 -354
  39. package/Menu.js +489 -760
  40. package/Message.js +248 -437
  41. package/MessageBar.js +220 -408
  42. package/Modal.js +201 -365
  43. package/ModalLayer.js +96 -196
  44. package/Monogram.js +112 -204
  45. package/Multiselect.js +1135 -1761
  46. package/Number.js +178 -334
  47. package/Paginator.js +170 -336
  48. package/Paragraph.js +77 -153
  49. package/Popover.js +370 -620
  50. package/Progress.js +139 -255
  51. package/RadioBar.js +156 -280
  52. package/RadioList.js +182 -282
  53. package/Resize.js +173 -307
  54. package/ResultsMenu.js +161 -303
  55. package/ScreenReaderContent.js +75 -151
  56. package/Scroll.js +125 -267
  57. package/ScrollContainerContext.js +129 -201
  58. package/Search.js +188 -354
  59. package/Select.js +1028 -1430
  60. package/SidePanel.js +106 -214
  61. package/Slider.js +198 -348
  62. package/SlidingPanels.js +138 -280
  63. package/SplitButton.js +141 -273
  64. package/StaticContent.js +84 -168
  65. package/StepBar.js +138 -246
  66. package/Switch.js +261 -385
  67. package/TabBar.js +261 -398
  68. package/TabLayout.js +122 -238
  69. package/Table.js +943 -1448
  70. package/Text.js +335 -549
  71. package/TextArea.js +315 -537
  72. package/Tooltip.js +152 -292
  73. package/TransitionOpen.js +118 -242
  74. package/Typography.js +81 -157
  75. package/WaitSpinner.js +117 -209
  76. package/package.json +14 -15
  77. package/stubs-splunkui.d.ts +4 -1
  78. package/types/src/ComboBox/Option.d.ts +1 -1
  79. package/types/src/Concertina/Concertina.d.ts +4 -0
  80. package/types/src/Link/Link.d.ts +7 -3
  81. package/types/src/Link/docs/examples/NewWindow.d.ts +2 -0
  82. package/types/src/Markdown/Markdown.d.ts +1 -1
  83. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +1 -1
  84. package/types/src/Menu/Item.d.ts +1 -1
  85. package/types/src/Menu/Menu.d.ts +1 -0
  86. package/types/src/MessageBar/docs/examples/WithActions.d.ts +2 -0
  87. package/types/src/Multiselect/Option.d.ts +1 -1
  88. package/types/src/Search/Option.d.ts +1 -1
  89. package/types/src/Select/Option.d.ts +1 -1
  90. package/types/src/Select/OptionBase.d.ts +1 -1
  91. package/types/src/fixtures/FetchOptions.d.ts +2 -8
  92. package/useForceUpdate.js +46 -110
  93. package/useKeyPress.js +50 -107
  94. package/usePrevious.js +47 -111
  95. package/useRovingFocus.js +53 -133
  96. package/types/src/Link/docs/examples/NewTab.d.ts +0 -2
  97. /package/types/src/Table/docs/examples/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
  98. /package/types/src/Table/docs/examples/prisma/{DockedHeader.d.ts → DockedHeaderScrollbar.d.ts} +0 -0
package/Clickable.js CHANGED
@@ -1,201 +1,102 @@
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: {}
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
28
+ /******/ };
29
+ /******/ })();
30
+ /******/
31
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
+ /******/ (() => {
33
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
34
+ /******/ })();
35
+ /******/
36
+ /******/ /* webpack/runtime/make namespace object */
37
+ /******/ (() => {
38
+ /******/ // define __esModule on exports
39
+ /******/ __webpack_require__.r = (exports) => {
40
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
+ /******/ }
43
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
18
44
  /******/ };
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 = 198);
86
- /******/ })
45
+ /******/ })();
46
+ /******/
87
47
  /************************************************************************/
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
- /***/ 10:
105
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
106
-
107
- "use strict";
108
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return updateReactRef; });
109
- /**
110
- * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
111
- *
112
- * @param ref - The React callback or object ref. Can be `null` or `undefined`.
113
- * @param current - The new value of the ref.
114
- */
115
- function updateReactRef(ref, current) {
116
- if (ref) {
117
- if (typeof ref === 'function') {
118
- ref(current);
119
- } else {
120
- // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
121
- // the intention here is to signal "we will take care of setting 'current', not you".
122
- ref.current = current; // eslint-disable-line no-param-reassign
123
- }
124
- }
125
- }
126
-
127
-
128
-
129
- /***/ }),
130
-
131
- /***/ 11:
132
- /***/ (function(module, exports) {
133
-
134
- module.exports = require("lodash/has");
135
-
136
- /***/ }),
137
-
138
- /***/ 198:
139
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
140
-
141
- "use strict";
48
+ var __webpack_exports__ = {};
142
49
  // ESM COMPAT FLAG
143
50
  __webpack_require__.r(__webpack_exports__);
144
51
 
145
52
  // EXPORTS
146
- __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ src_Clickable_Clickable; });
147
- __webpack_require__.d(__webpack_exports__, "isInternalLink", function() { return /* reexport */ isInternalLink; });
148
- __webpack_require__.d(__webpack_exports__, "NavigationContext", function() { return /* reexport */ NavigationContext; });
149
- __webpack_require__.d(__webpack_exports__, "NavigationProvider", function() { return /* reexport */ NavigationProvider; });
150
-
151
- // EXTERNAL MODULE: external "react"
152
- var external_react_ = __webpack_require__(2);
153
- var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
154
-
155
- // EXTERNAL MODULE: external "prop-types"
156
- var external_prop_types_ = __webpack_require__(1);
157
- var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
158
-
159
- // EXTERNAL MODULE: external "lodash/has"
160
- var has_ = __webpack_require__(11);
161
-
162
- // EXTERNAL MODULE: external "lodash/isString"
163
- var isString_ = __webpack_require__(23);
164
- var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
165
-
166
- // EXTERNAL MODULE: external "lodash/omit"
167
- var omit_ = __webpack_require__(5);
168
- var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
169
-
170
- // EXTERNAL MODULE: external "@splunk/react-ui/Dropdown"
171
- var Dropdown_ = __webpack_require__(22);
172
-
173
- // EXTERNAL MODULE: external "styled-components"
174
- var external_styled_components_ = __webpack_require__(3);
175
- var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
176
-
177
- // EXTERNAL MODULE: external "@splunk/themes"
178
- var themes_ = __webpack_require__(0);
179
-
180
- // CONCATENATED MODULE: ./src/Clickable/ClickableStyles.ts
181
-
182
-
183
- var StyledA = external_styled_components_default.a.a.withConfig({
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ NavigationContext: () => (/* reexport */ NavigationContext),
55
+ NavigationProvider: () => (/* reexport */ NavigationProvider),
56
+ "default": () => (/* reexport */ Clickable_Clickable),
57
+ isInternalLink: () => (/* reexport */ isInternalLink)
58
+ });
59
+
60
+ ;// CONCATENATED MODULE: external "react"
61
+ const external_react_namespaceObject = require("react");
62
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
63
+ ;// CONCATENATED MODULE: external "prop-types"
64
+ const external_prop_types_namespaceObject = require("prop-types");
65
+ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
66
+ ;// CONCATENATED MODULE: external "lodash/has"
67
+ const has_namespaceObject = require("lodash/has");
68
+ ;// CONCATENATED MODULE: external "lodash/isString"
69
+ const isString_namespaceObject = require("lodash/isString");
70
+ var isString_default = /*#__PURE__*/__webpack_require__.n(isString_namespaceObject);
71
+ ;// CONCATENATED MODULE: external "lodash/omit"
72
+ const omit_namespaceObject = require("lodash/omit");
73
+ var omit_default = /*#__PURE__*/__webpack_require__.n(omit_namespaceObject);
74
+ ;// CONCATENATED MODULE: external "@splunk/react-ui/Dropdown"
75
+ const Dropdown_namespaceObject = require("@splunk/react-ui/Dropdown");
76
+ ;// CONCATENATED MODULE: external "styled-components"
77
+ const external_styled_components_namespaceObject = require("styled-components");
78
+ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
79
+ ;// CONCATENATED MODULE: external "@splunk/themes"
80
+ const themes_namespaceObject = require("@splunk/themes");
81
+ ;// CONCATENATED MODULE: ./src/Clickable/ClickableStyles.ts
82
+
83
+
84
+ var StyledA = external_styled_components_default().a.withConfig({
184
85
  displayName: "ClickableStyles__StyledA",
185
86
  componentId: "sc-7al1vw-0"
186
- })(["", " cursor:pointer;&[disabled],&[aria-disabled='true']{color:", ";}&::-moz-focus-inner{border:0;padding:0;}"], themes_["mixins"].reset('inline'), themes_["variables"].contentColorDisabled);
87
+ })(["", " cursor:pointer;&[disabled],&[aria-disabled='true']{color:", ";}&::-moz-focus-inner{border:0;padding:0;}"], themes_namespaceObject.mixins.reset('inline'), themes_namespaceObject.variables.contentColorDisabled);
187
88
 
188
- // CONCATENATED MODULE: ./src/Clickable/NavigationProvider.tsx
89
+ ;// CONCATENATED MODULE: ./src/Clickable/NavigationProvider.tsx
189
90
 
190
91
 
191
92
  /** @public */
192
93
 
193
94
  var propTypes = {
194
- children: external_prop_types_default.a.node,
195
- onClick: external_prop_types_default.a.func,
196
- prefix: external_prop_types_default.a.string
95
+ children: (external_prop_types_default()).node,
96
+ onClick: (external_prop_types_default()).func,
97
+ prefix: (external_prop_types_default()).string
197
98
  };
198
- var NavigationContext = /*#__PURE__*/external_react_default.a.createContext({});
99
+ var NavigationContext = /*#__PURE__*/external_react_default().createContext({});
199
100
  /**
200
101
  * Used to provide an override for the `onClick` for links for single page applications so that
201
102
  * internal links can navigate without a page reload.
@@ -206,7 +107,7 @@ function NavigationProvider(_ref) {
206
107
  onClick = _ref.onClick,
207
108
  prefix = _ref.prefix;
208
109
  // @docs-props-type NavigationProviderProps
209
- return /*#__PURE__*/external_react_default.a.createElement(NavigationContext.Provider, {
110
+ return /*#__PURE__*/external_react_default().createElement(NavigationContext.Provider, {
210
111
  value: {
211
112
  onClick: onClick,
212
113
  prefix: prefix
@@ -216,10 +117,27 @@ function NavigationProvider(_ref) {
216
117
 
217
118
  NavigationProvider.propTypes = propTypes;
218
119
 
219
- // EXTERNAL MODULE: ./src/utils/updateReactRef.ts
220
- var updateReactRef = __webpack_require__(10);
120
+ ;// CONCATENATED MODULE: ./src/utils/updateReactRef.ts
121
+ /**
122
+ * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
123
+ *
124
+ * @param ref - The React callback or object ref. Can be `null` or `undefined`.
125
+ * @param current - The new value of the ref.
126
+ */
127
+ function updateReactRef(ref, current) {
128
+ if (ref) {
129
+ if (typeof ref === 'function') {
130
+ ref(current);
131
+ } else {
132
+ // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
133
+ // the intention here is to signal "we will take care of setting 'current', not you".
134
+ ref.current = current; // eslint-disable-line no-param-reassign
135
+ }
136
+ }
137
+ }
138
+
221
139
 
222
- // CONCATENATED MODULE: ./src/Clickable/Clickable.tsx
140
+ ;// CONCATENATED MODULE: ./src/Clickable/Clickable.tsx
223
141
  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); }
224
142
 
225
143
  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); }
@@ -267,14 +185,14 @@ var isInternalLink = function isInternalLink(to) {
267
185
  };
268
186
  var Clickable_propTypes = {
269
187
  /** @private */
270
- allowDisabledLink: external_prop_types_default.a.bool,
271
- children: external_prop_types_default.a.node,
272
- disabled: external_prop_types_default.a.bool,
273
- elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
274
- onClick: external_prop_types_default.a.func,
275
- openInNewContext: external_prop_types_default.a.bool,
276
- navigationLabel: external_prop_types_default.a.string,
277
- to: external_prop_types_default.a.string
188
+ allowDisabledLink: (external_prop_types_default()).bool,
189
+ children: (external_prop_types_default()).node,
190
+ disabled: (external_prop_types_default()).bool,
191
+ elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
192
+ onClick: (external_prop_types_default()).func,
193
+ openInNewContext: (external_prop_types_default()).bool,
194
+ navigationLabel: (external_prop_types_default()).string,
195
+ to: (external_prop_types_default()).string
278
196
  };
279
197
  var defaultProps = {
280
198
  disabled: false,
@@ -298,7 +216,7 @@ function getPrefixedURL(to, prefix) {
298
216
  */
299
217
 
300
218
 
301
- var Clickable_Clickable = /*#__PURE__*/function (_Component) {
219
+ var Clickable = /*#__PURE__*/function (_Component) {
302
220
  _inherits(Clickable, _Component);
303
221
 
304
222
  var _super = _createSuper(Clickable);
@@ -316,7 +234,7 @@ var Clickable_Clickable = /*#__PURE__*/function (_Component) {
316
234
 
317
235
  _defineProperty(_assertThisInitialized(_this), "handleMount", function (el) {
318
236
  _this.el = el;
319
- Object(updateReactRef["a" /* updateReactRef */])(_this.props.elementRef, el);
237
+ updateReactRef(_this.props.elementRef, el);
320
238
  });
321
239
 
322
240
  _defineProperty(_assertThisInitialized(_this), "createHandleOnClick", function (providedOnClick) {
@@ -386,7 +304,7 @@ var Clickable_Clickable = /*#__PURE__*/function (_Component) {
386
304
 
387
305
  var target = openInNewContext ? '_blank' : undefined;
388
306
  var rel = openInNewContext && isInternalLink(to) ? 'noopener noreferrer' : undefined;
389
- return /*#__PURE__*/external_react_default.a.createElement(StyledA, _extends({
307
+ return /*#__PURE__*/external_react_default().createElement(StyledA, _extends({
390
308
  "data-test": "clickable",
391
309
  ref: this.handleMount,
392
310
  href: getPrefixedURL(this.props.to, prefix),
@@ -402,7 +320,7 @@ var Clickable_Clickable = /*#__PURE__*/function (_Component) {
402
320
  _otherProps2 = _objectWithoutProperties(_ref, ["children"]);
403
321
 
404
322
  if (this.props.disabled && this.props.to != null) {
405
- return /*#__PURE__*/external_react_default.a.createElement(StyledA, _extends({
323
+ return /*#__PURE__*/external_react_default().createElement(StyledA, _extends({
406
324
  "data-test": "clickable",
407
325
  ref: this.handleMount,
408
326
  role: "link",
@@ -417,7 +335,7 @@ var Clickable_Clickable = /*#__PURE__*/function (_Component) {
417
335
  type = _ref2.type,
418
336
  otherProps = _objectWithoutProperties(_ref2, ["children", "type"]);
419
337
 
420
- return /*#__PURE__*/external_react_default.a.createElement(StyledA, _extends({
338
+ return /*#__PURE__*/external_react_default().createElement(StyledA, _extends({
421
339
  as: "button",
422
340
  "data-test": "clickable",
423
341
  ref: this.handleMount,
@@ -428,57 +346,21 @@ var Clickable_Clickable = /*#__PURE__*/function (_Component) {
428
346
  }]);
429
347
 
430
348
  return Clickable;
431
- }(external_react_["Component"]);
432
-
433
- _defineProperty(Clickable_Clickable, "contextType", NavigationContext);
434
-
435
- _defineProperty(Clickable_Clickable, "propTypes", Clickable_propTypes);
436
-
437
- _defineProperty(Clickable_Clickable, "defaultProps", defaultProps);
438
-
439
- _defineProperty(Clickable_Clickable, Dropdown_["legacyRefMode"], true);
440
-
441
- /* harmony default export */ var src_Clickable_Clickable = (Clickable_Clickable);
442
- // CONCATENATED MODULE: ./src/Clickable/index.ts
443
-
444
-
445
-
446
-
447
- /***/ }),
448
-
449
- /***/ 2:
450
- /***/ (function(module, exports) {
451
-
452
- module.exports = require("react");
453
-
454
- /***/ }),
455
-
456
- /***/ 22:
457
- /***/ (function(module, exports) {
458
-
459
- module.exports = require("@splunk/react-ui/Dropdown");
460
-
461
- /***/ }),
462
-
463
- /***/ 23:
464
- /***/ (function(module, exports) {
465
-
466
- module.exports = require("lodash/isString");
349
+ }(external_react_namespaceObject.Component);
467
350
 
468
- /***/ }),
351
+ _defineProperty(Clickable, "contextType", NavigationContext);
469
352
 
470
- /***/ 3:
471
- /***/ (function(module, exports) {
353
+ _defineProperty(Clickable, "propTypes", Clickable_propTypes);
472
354
 
473
- module.exports = require("styled-components");
355
+ _defineProperty(Clickable, "defaultProps", defaultProps);
474
356
 
475
- /***/ }),
357
+ _defineProperty(Clickable, Dropdown_namespaceObject.legacyRefMode, true);
476
358
 
477
- /***/ 5:
478
- /***/ (function(module, exports) {
359
+ /* harmony default export */ const Clickable_Clickable = (Clickable);
360
+ ;// CONCATENATED MODULE: ./src/Clickable/index.ts
479
361
 
480
- module.exports = require("lodash/omit");
481
362
 
482
- /***/ })
483
363
 
484
- /******/ });
364
+ module.exports = __webpack_exports__;
365
+ /******/ })()
366
+ ;