@splunk/react-ui 4.4.1 → 4.5.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 (132) hide show
  1. package/Accordion.js +37 -21
  2. package/Anchor.js +2 -2
  3. package/Animation.js +2 -2
  4. package/AnimationToggle.js +2 -2
  5. package/Box.js +2 -2
  6. package/Button.js +36 -12
  7. package/ButtonGroup.js +27 -6
  8. package/ButtonSimple.js +6 -6
  9. package/CHANGELOG.md +41 -1
  10. package/Calendar.js +14 -14
  11. package/Card.js +49 -23
  12. package/CardLayout.js +31 -10
  13. package/Chip.js +75 -51
  14. package/Clickable.js +4 -4
  15. package/CloseButton.js +6 -6
  16. package/Code.js +4 -4
  17. package/CollapsiblePanel.js +6 -6
  18. package/Color.js +103 -56
  19. package/ColumnLayout.js +4 -4
  20. package/ComboBox.js +22 -17
  21. package/Concertina.js +73 -68
  22. package/ControlGroup.js +70 -22
  23. package/Date.js +9 -9
  24. package/DefinitionList.js +2 -2
  25. package/Dropdown.js +12 -12
  26. package/EventListener.js +168 -0
  27. package/FetchOptions.js +8 -8
  28. package/File.js +48 -37
  29. package/FormRows.js +340 -220
  30. package/Heading.js +2 -2
  31. package/Image.js +14 -14
  32. package/JSONTree.js +5 -5
  33. package/Layer.js +32 -20
  34. package/Link.js +6 -6
  35. package/List.js +2 -2
  36. package/Markdown.js +250 -88
  37. package/Menu.js +70 -64
  38. package/Message.js +18 -18
  39. package/Modal.js +68 -14
  40. package/ModalLayer.js +4 -4
  41. package/Monogram.js +12 -11
  42. package/Multiselect.js +122 -78
  43. package/Number.js +19 -16
  44. package/Paginator.js +10 -10
  45. package/Paragraph.js +2 -2
  46. package/Popover.js +52 -38
  47. package/Progress.js +8 -8
  48. package/RadioBar.js +45 -38
  49. package/RadioList.js +2 -2
  50. package/Resize.js +19 -15
  51. package/ResultsMenu.js +8 -8
  52. package/ScreenReaderContent.js +2 -2
  53. package/Scroll.js +16 -14
  54. package/ScrollContainerContext.js +5 -5
  55. package/Search.d.ts +2 -0
  56. package/Search.js +797 -0
  57. package/Select.js +63 -35
  58. package/SidePanel.js +6 -6
  59. package/Slider.js +29 -25
  60. package/SlidingPanels.js +4 -4
  61. package/StaticContent.js +2 -2
  62. package/StepBar.js +56 -52
  63. package/Switch.js +8 -8
  64. package/TabBar.js +126 -85
  65. package/TabLayout.js +4 -5
  66. package/Table.js +190 -139
  67. package/Text.js +69 -63
  68. package/Tooltip.js +11 -11
  69. package/TransitionOpen.js +9 -9
  70. package/WaitSpinner.js +3 -4
  71. package/package.json +4 -5
  72. package/types/src/Accordion/AccordionContext.d.ts +10 -0
  73. package/types/src/Accordion/Panel.d.ts +0 -9
  74. package/types/src/Button/Button.d.ts +4 -2
  75. package/types/src/ButtonGroup/ButtonGroupContext.d.ts +7 -0
  76. package/types/src/ButtonSimple/ButtonSimple.d.ts +5 -5
  77. package/types/src/Card/Card.d.ts +2 -0
  78. package/types/src/CardLayout/CardLayoutContext.d.ts +8 -0
  79. package/types/src/Color/Color.d.ts +2 -2
  80. package/types/src/ComboBox/ComboBox.d.ts +4 -3
  81. package/types/src/Concertina/ConcertinaContext.d.ts +8 -0
  82. package/types/src/Concertina/Panel.d.ts +2 -4
  83. package/types/src/ControlGroup/ControlGroup.d.ts +6 -1
  84. package/types/src/Date/Date.d.ts +3 -3
  85. package/types/src/EventListener/EventListener.d.ts +18 -0
  86. package/types/src/EventListener/index.d.ts +2 -0
  87. package/types/src/File/File.d.ts +6 -4
  88. package/types/src/FormRows/FormRows.d.ts +70 -12
  89. package/types/src/FormRows/FormRowsContext.d.ts +1 -0
  90. package/types/src/FormRows/Row.d.ts +9 -7
  91. package/types/src/Markdown/Markdown.d.ts +2 -0
  92. package/types/src/Markdown/renderers/MarkdownBlockquote.d.ts +14 -0
  93. package/types/src/Markdown/renderers/MarkdownCode.d.ts +15 -0
  94. package/types/src/Markdown/renderers/MarkdownCodeBlock.d.ts +16 -0
  95. package/types/src/Markdown/renderers/MarkdownHeading.d.ts +15 -0
  96. package/types/src/Markdown/renderers/MarkdownImage.d.ts +18 -0
  97. package/types/src/Markdown/renderers/MarkdownItem.d.ts +14 -0
  98. package/types/src/Markdown/renderers/MarkdownLink.d.ts +18 -0
  99. package/types/src/Markdown/renderers/MarkdownList.d.ts +26 -0
  100. package/types/src/Markdown/renderers/MarkdownParagraph.d.ts +14 -0
  101. package/types/src/Markdown/renderers/index.d.ts +10 -0
  102. package/types/src/Modal/Modal.d.ts +15 -3
  103. package/types/src/Monogram/Monogram.d.ts +5 -1
  104. package/types/src/Multiselect/Compact.d.ts +12 -4
  105. package/types/src/Multiselect/Multiselect.d.ts +14 -4
  106. package/types/src/Multiselect/Normal.d.ts +7 -2
  107. package/types/src/Number/Number.d.ts +11 -7
  108. package/types/src/Popover/Popover.d.ts +2 -2
  109. package/types/src/RadioBar/Option.d.ts +1 -15
  110. package/types/src/RadioBar/RadioBar.d.ts +2 -2
  111. package/types/src/RadioBar/RadioBarContext.d.ts +9 -0
  112. package/types/src/Scroll/Inner.d.ts +1 -1
  113. package/types/src/ScrollContainerContext/ScrollContainerContext.d.ts +4 -4
  114. package/types/src/Search/Option.d.ts +60 -0
  115. package/types/src/Search/Search.d.ts +97 -0
  116. package/types/src/Search/index.d.ts +2 -0
  117. package/types/src/Select/Select.d.ts +6 -2
  118. package/types/src/Select/SelectBase.d.ts +12 -5
  119. package/types/src/Slider/Slider.d.ts +2 -2
  120. package/types/src/StepBar/Step.d.ts +1 -13
  121. package/types/src/StepBar/StepBarContext.d.ts +8 -0
  122. package/types/src/TabBar/Tab.d.ts +5 -13
  123. package/types/src/TabBar/TabBarContext.d.ts +14 -0
  124. package/types/src/Table/Body.d.ts +1 -1
  125. package/types/src/Table/Head.d.ts +1 -1
  126. package/types/src/Table/Row.d.ts +10 -3
  127. package/types/src/Table/Table.d.ts +3 -2
  128. package/types/src/Text/Text.d.ts +11 -7
  129. package/types/src/icons/Sort.d.ts +3 -0
  130. package/types/src/usePrevious/index.d.ts +2 -0
  131. package/types/src/usePrevious/usePrevious.d.ts +12 -0
  132. package/usePrevious.js +137 -0
@@ -0,0 +1,168 @@
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 = 172);
86
+ /******/ })
87
+ /************************************************************************/
88
+ /******/ ({
89
+
90
+ /***/ 1:
91
+ /***/ (function(module, exports) {
92
+
93
+ module.exports = require("prop-types");
94
+
95
+ /***/ }),
96
+
97
+ /***/ 172:
98
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
99
+
100
+ "use strict";
101
+ // ESM COMPAT FLAG
102
+ __webpack_require__.r(__webpack_exports__);
103
+
104
+ // EXPORTS
105
+ __webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ EventListener_EventListener; });
106
+
107
+ // EXTERNAL MODULE: external "react"
108
+ var external_react_ = __webpack_require__(2);
109
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
110
+
111
+ // EXTERNAL MODULE: external "prop-types"
112
+ var external_prop_types_ = __webpack_require__(1);
113
+ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
114
+
115
+ // EXTERNAL MODULE: external "use-typed-event-listener"
116
+ var external_use_typed_event_listener_ = __webpack_require__(78);
117
+ var external_use_typed_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_use_typed_event_listener_);
118
+
119
+ // CONCATENATED MODULE: ./src/EventListener/EventListener.tsx
120
+
121
+
122
+
123
+ /**
124
+ * This is a private component.
125
+ * Please see the Readme file for more information.
126
+ */
127
+
128
+ var propTypes = {
129
+ children: external_prop_types_default.a.node,
130
+ target: external_prop_types_default.a.oneOfType([external_prop_types_default.a.object, external_prop_types_default.a.string]),
131
+ eventType: external_prop_types_default.a.any,
132
+ listener: external_prop_types_default.a.func,
133
+ options: external_prop_types_default.a.oneOfType([external_prop_types_default.a.object, external_prop_types_default.a.bool])
134
+ };
135
+
136
+ function EventListener(props) {
137
+ var children = props.children,
138
+ target = props.target,
139
+ eventType = props.eventType,
140
+ listener = props.listener,
141
+ options = props.options;
142
+ external_use_typed_event_listener_default()(target, eventType, listener, options);
143
+ return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, children || null);
144
+ }
145
+
146
+ EventListener.propTypes = propTypes;
147
+ /* harmony default export */ var EventListener_EventListener = (EventListener);
148
+ // CONCATENATED MODULE: ./src/EventListener/index.ts
149
+
150
+
151
+
152
+ /***/ }),
153
+
154
+ /***/ 2:
155
+ /***/ (function(module, exports) {
156
+
157
+ module.exports = require("react");
158
+
159
+ /***/ }),
160
+
161
+ /***/ 78:
162
+ /***/ (function(module, exports) {
163
+
164
+ module.exports = require("use-typed-event-listener");
165
+
166
+ /***/ })
167
+
168
+ /******/ });
package/FetchOptions.js CHANGED
@@ -82,19 +82,19 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 167);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 173);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
89
89
 
90
- /***/ 102:
90
+ /***/ 106:
91
91
  /***/ (function(module, exports) {
92
92
 
93
93
  module.exports = require("core-js/es/promise");
94
94
 
95
95
  /***/ }),
96
96
 
97
- /***/ 167:
97
+ /***/ 173:
98
98
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
99
99
 
100
100
  "use strict";
@@ -106,16 +106,16 @@ __webpack_require__.d(__webpack_exports__, "default", function() { return /* ree
106
106
  __webpack_require__.d(__webpack_exports__, "isMovieOption", function() { return /* reexport */ isMovieOption; });
107
107
 
108
108
  // EXTERNAL MODULE: external "core-js/es/promise"
109
- var promise_ = __webpack_require__(102);
109
+ var promise_ = __webpack_require__(106);
110
110
 
111
111
  // EXTERNAL MODULE: external "lodash"
112
112
  var external_lodash_ = __webpack_require__(4);
113
113
 
114
114
  // EXTERNAL MODULE: external "@splunk/ui-utils/promise"
115
- var ui_utils_promise_ = __webpack_require__(76);
115
+ var ui_utils_promise_ = __webpack_require__(79);
116
116
 
117
117
  // EXTERNAL MODULE: ./src/FetchOptions/movies.json
118
- var movies = __webpack_require__(50);
118
+ var movies = __webpack_require__(51);
119
119
 
120
120
  // CONCATENATED MODULE: ./src/FetchOptions/FetchOptions.tsx
121
121
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -342,14 +342,14 @@ module.exports = require("lodash");
342
342
 
343
343
  /***/ }),
344
344
 
345
- /***/ 50:
345
+ /***/ 51:
346
346
  /***/ (function(module) {
347
347
 
348
348
  module.exports = JSON.parse("{\"a\":[{\"id\":1,\"title\":\"10 Cloverfield Lane\"},{\"id\":2,\"title\":\"13 Hours: The Secret Soldiers of Benghazi\"},{\"id\":3,\"title\":\"20th Century Women\"},{\"id\":4,\"title\":\"A Monster Calls\"},{\"id\":5,\"title\":\"A Street Cat Named Bob\"},{\"id\":6,\"title\":\"Alice Through the Looking Glass\"},{\"id\":7,\"title\":\"Allied\"},{\"id\":8,\"title\":\"Almost Christmas\"},{\"id\":9,\"title\":\"American Pastoral\"},{\"id\":10,\"title\":\"Arrival\"},{\"id\":11,\"title\":\"Assassin's Creed\"},{\"id\":12,\"title\":\"Bad Moms\"},{\"id\":13,\"title\":\"Bad Santa 2\"},{\"id\":14,\"title\":\"Barbershop: The Next Cut\"},{\"id\":15,\"title\":\"Batman v Superman: Dawn of Justice\"},{\"id\":16,\"title\":\"Batman: The Killing Joke\"},{\"id\":17,\"title\":\"Ben-Hur\"},{\"id\":18,\"title\":\"Billy Lynn's Long Halftime Walk\"},{\"id\":19,\"title\":\"Blair Witch\"},{\"id\":20,\"title\":\"Bleed for This\"},{\"id\":21,\"title\":\"Bobby Sands: 66 Days\"},{\"id\":22,\"title\":\"Boo! A Madea Halloween\"},{\"id\":23,\"title\":\"Boonie Bears III\"},{\"id\":24,\"title\":\"Bridget Jones's Baby\"},{\"id\":25,\"title\":\"Café Society\"},{\"id\":26,\"title\":\"Captain America: Civil War\"},{\"id\":27,\"title\":\"Central Intelligence\"},{\"id\":28,\"title\":\"Collateral Beauty\"},{\"id\":29,\"title\":\"Criminal\"},{\"id\":30,\"title\":\"Dad's Army\"},{\"id\":31,\"title\":\"Deadpool\"},{\"id\":32,\"title\":\"Deepwater Horizon\"},{\"id\":33,\"title\":\"Demolition\"},{\"id\":34,\"title\":\"Dirty Grandpa\"},{\"id\":35,\"title\":\"Doctor Strange\"},{\"id\":36,\"title\":\"Don't Breathe\"},{\"id\":37,\"title\":\"Eddie the Eagle\"},{\"id\":38,\"title\":\"Elvis & Nixon\"},{\"id\":39,\"title\":\"Everybody Wants Some!!\"},{\"id\":40,\"title\":\"Fantastic Beasts and Where to Find Them\"},{\"id\":41,\"title\":\"Fences\"},{\"id\":42,\"title\":\"Fifty Shades of Black\"},{\"id\":43,\"title\":\"Finding Dory\"},{\"id\":44,\"title\":\"Florence Foster Jenkins\"},{\"id\":45,\"title\":\"Free State of Jones\"},{\"id\":46,\"title\":\"Genius\"},{\"id\":47,\"title\":\"Ghostbusters\"},{\"id\":48,\"title\":\"God's Not Dead 2\"},{\"id\":49,\"title\":\"Gods of Egypt\"},{\"id\":50,\"title\":\"Gold\"},{\"id\":51,\"title\":\"Green Room\"},{\"id\":52,\"title\":\"Grimsby\"},{\"id\":53,\"title\":\"Hacksaw Ridge\"},{\"id\":54,\"title\":\"Hail, Caesar!\"},{\"id\":55,\"title\":\"Hands of Stone\"},{\"id\":56,\"title\":\"Hardcore Henry\"},{\"id\":57,\"title\":\"Hell or High Water\"},{\"id\":58,\"title\":\"Hidden Figures\"},{\"id\":59,\"title\":\"Hillsong: Let Hope Rise\"},{\"id\":60,\"title\":\"How to Be Single\"},{\"id\":61,\"title\":\"I'm Not Ashamed\"},{\"id\":62,\"title\":\"Ice Age: Collision Course\"},{\"id\":63,\"title\":\"Incarnate\"},{\"id\":64,\"title\":\"Independence Day: Resurgence\"},{\"id\":65,\"title\":\"Inferno\"},{\"id\":66,\"title\":\"Jack Reacher: Never Go Back\"},{\"id\":67,\"title\":\"Jane Got a Gun\"},{\"id\":68,\"title\":\"Jason Bourne\"},{\"id\":69,\"title\":\"Keanu\"},{\"id\":70,\"title\":\"Keeping Up with the Joneses\"},{\"id\":71,\"title\":\"Kevin Hart: What Now?\"},{\"id\":72,\"title\":\"Knight of Cups\"},{\"id\":73,\"title\":\"Kubo and the Two Strings\"},{\"id\":74,\"title\":\"Kung Fu Panda 3\"},{\"id\":75,\"title\":\"La La Land\"},{\"id\":76,\"title\":\"Last Days in the Desert\"},{\"id\":77,\"title\":\"Lazer Team\"},{\"id\":78,\"title\":\"Lights Out\"},{\"id\":79,\"title\":\"Lion\"},{\"id\":80,\"title\":\"Live by Night\"},{\"id\":81,\"title\":\"London Has Fallen\"},{\"id\":82,\"title\":\"Loving\"},{\"id\":83,\"title\":\"Maggie's Plan\"},{\"id\":84,\"title\":\"Man Down\"},{\"id\":85,\"title\":\"Manchester by the Sea\"},{\"id\":86,\"title\":\"Masterminds\"},{\"id\":87,\"title\":\"Max Steel\"},{\"id\":88,\"title\":\"Me Before You\"},{\"id\":89,\"title\":\"Mechanic: Resurrection\"},{\"id\":90,\"title\":\"Meet the Blacks\"},{\"id\":91,\"title\":\"Middle School: The Worst Years of My Life\"},{\"id\":92,\"title\":\"Midnight Special\"},{\"id\":93,\"title\":\"Mike and Dave Need Wedding Dates\"},{\"id\":94,\"title\":\"Miracles from Heaven\"},{\"id\":95,\"title\":\"Misconduct\"},{\"id\":96,\"title\":\"Miss Peregrine's Home for Peculiar Children\"},{\"id\":97,\"title\":\"Miss Sloane\"},{\"id\":98,\"title\":\"Moana\"},{\"id\":99,\"title\":\"Money Monster\"},{\"id\":100,\"title\":\"Monster Hunt\"},{\"id\":101,\"title\":\"Moonlight\"},{\"id\":102,\"title\":\"Morgan\"},{\"id\":103,\"title\":\"Mother's Day\"},{\"id\":104,\"title\":\"My Big Fat Greek Wedding 2\"},{\"id\":105,\"title\":\"Neighbors 2: Sorority Rising\"},{\"id\":106,\"title\":\"Nerdland\"},{\"id\":107,\"title\":\"Nerve\"},{\"id\":108,\"title\":\"Nine Lives\"},{\"id\":109,\"title\":\"Nocturnal Animals\"},{\"id\":110,\"title\":\"Norm of the North\"},{\"id\":111,\"title\":\"Now You See Me 2\"},{\"id\":112,\"title\":\"Office Christmas Party\"},{\"id\":113,\"title\":\"Ouija: Origin of Evil\"},{\"id\":114,\"title\":\"Passengers\"},{\"id\":115,\"title\":\"Patriots Day\"},{\"id\":116,\"title\":\"Pete's Dragon\"},{\"id\":117,\"title\":\"Popstar: Never Stop Never Stopping\"},{\"id\":118,\"title\":\"Pride and Prejudice and Zombies\"},{\"id\":119,\"title\":\"Queen of Katwe\"},{\"id\":120,\"title\":\"Race\"},{\"id\":121,\"title\":\"Ratchet & Clank\"},{\"id\":122,\"title\":\"Ride Along 2\"},{\"id\":123,\"title\":\"Risen\"},{\"id\":124,\"title\":\"Rogue One\"},{\"id\":125,\"title\":\"Rules Don't Apply\"},{\"id\":126,\"title\":\"Sausage Party\"},{\"id\":127,\"title\":\"Shut In\"},{\"id\":128,\"title\":\"Silence\"},{\"id\":129,\"title\":\"Sing\"},{\"id\":130,\"title\":\"Snowden\"},{\"id\":131,\"title\":\"Solace\"},{\"id\":132,\"title\":\"Star Trek Beyond\"},{\"id\":133,\"title\":\"Storks\"},{\"id\":134,\"title\":\"Suicide Squad\"},{\"id\":135,\"title\":\"Sully\"},{\"id\":136,\"title\":\"Teenage Mutant Ninja Turtles: Out of the Shadows\"},{\"id\":137,\"title\":\"The 5th Wave\"},{\"id\":138,\"title\":\"The Accountant\"},{\"id\":139,\"title\":\"The Angry Birds Movie\"},{\"id\":140,\"title\":\"The BFG\"},{\"id\":141,\"title\":\"The Birth of a Nation\"},{\"id\":142,\"title\":\"The Boss\"},{\"id\":143,\"title\":\"The Boy\"},{\"id\":144,\"title\":\"The Bronze\"},{\"id\":145,\"title\":\"The Choice\"},{\"id\":146,\"title\":\"The Comedian\"},{\"id\":147,\"title\":\"The Conjuring 2\"},{\"id\":148,\"title\":\"The Darkness\"},{\"id\":149,\"title\":\"The Disappointments Room\"},{\"id\":150,\"title\":\"The Divergent Series: Allegiant\"},{\"id\":151,\"title\":\"The Edge of Seventeen\"},{\"id\":152,\"title\":\"The Finest Hours\"},{\"id\":153,\"title\":\"The Forest\"},{\"id\":154,\"title\":\"The Founder\"},{\"id\":155,\"title\":\"The Girl on the Train\"},{\"id\":156,\"title\":\"The Huntsman: Winter's War\"},{\"id\":157,\"title\":\"The Infiltrator\"},{\"id\":158,\"title\":\"The Jungle Book\"},{\"id\":159,\"title\":\"The Legend of Tarzan\"},{\"id\":160,\"title\":\"The Light Between Oceans\"},{\"id\":161,\"title\":\"The Magnificent Seven\"},{\"id\":162,\"title\":\"The Masked Saint\"},{\"id\":163,\"title\":\"The Mermaid\"},{\"id\":164,\"title\":\"The Monkey King 2\"},{\"id\":165,\"title\":\"The Neon Demon\"},{\"id\":166,\"title\":\"The Nice Guys\"},{\"id\":167,\"title\":\"The Other Side of the Door\"},{\"id\":168,\"title\":\"The Perfect Match\"},{\"id\":169,\"title\":\"The Purge: Election Year\"},{\"id\":170,\"title\":\"The Secret Life of Pets\"},{\"id\":171,\"title\":\"The Shallows\"},{\"id\":172,\"title\":\"The Witch\"},{\"id\":173,\"title\":\"The Young Messiah\"},{\"id\":174,\"title\":\"They're Watching\"},{\"id\":175,\"title\":\"Trolls\"},{\"id\":176,\"title\":\"Voyage of Time\"},{\"id\":177,\"title\":\"War Dogs\"},{\"id\":178,\"title\":\"Warcraft\"},{\"id\":179,\"title\":\"When the Bough Breaks\"},{\"id\":180,\"title\":\"Whiskey Tango Foxtrot\"},{\"id\":181,\"title\":\"Why Him?\"},{\"id\":182,\"title\":\"X-Men: Apocalypse\"},{\"id\":183,\"title\":\"Yoga Hosers\"},{\"id\":184,\"title\":\"Your Name\"},{\"id\":185,\"title\":\"Zoolander 2\"},{\"id\":186,\"title\":\"Zootopia\"}]}");
349
349
 
350
350
  /***/ }),
351
351
 
352
- /***/ 76:
352
+ /***/ 79:
353
353
  /***/ (function(module, exports) {
354
354
 
355
355
  module.exports = require("@splunk/ui-utils/promise");
package/File.js CHANGED
@@ -82,7 +82,7 @@ module.exports =
82
82
  /******/
83
83
  /******/
84
84
  /******/ // Load entry module and return exports
85
- /******/ return __webpack_require__(__webpack_require__.s = 107);
85
+ /******/ return __webpack_require__(__webpack_require__.s = 112);
86
86
  /******/ })
87
87
  /************************************************************************/
88
88
  /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
108
108
 
109
109
  /***/ }),
110
110
 
111
- /***/ 107:
111
+ /***/ 112:
112
112
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
113
113
 
114
114
  "use strict";
@@ -127,13 +127,13 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
127
127
  var external_prop_types_ = __webpack_require__(1);
128
128
  var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
129
129
 
130
- // EXTERNAL MODULE: external "react-event-listener"
131
- var external_react_event_listener_ = __webpack_require__(15);
132
- var external_react_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_react_event_listener_);
133
-
134
130
  // EXTERNAL MODULE: external "lodash"
135
131
  var external_lodash_ = __webpack_require__(4);
136
132
 
133
+ // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
134
+ var EventListener_ = __webpack_require__(14);
135
+ var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
136
+
137
137
  // EXTERNAL MODULE: external "@splunk/themes"
138
138
  var themes_ = __webpack_require__(0);
139
139
 
@@ -144,17 +144,17 @@ var i18n_ = __webpack_require__(5);
144
144
  var id_ = __webpack_require__(10);
145
145
 
146
146
  // EXTERNAL MODULE: external "@splunk/ui-utils/format"
147
- var format_ = __webpack_require__(41);
147
+ var format_ = __webpack_require__(40);
148
148
 
149
149
  // EXTERNAL MODULE: external "@splunk/react-ui/Progress"
150
- var Progress_ = __webpack_require__(77);
150
+ var Progress_ = __webpack_require__(80);
151
151
  var Progress_default = /*#__PURE__*/__webpack_require__.n(Progress_);
152
152
 
153
153
  // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
154
- var CrossMark = __webpack_require__(21);
154
+ var CrossMark = __webpack_require__(22);
155
155
 
156
156
  // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
157
- var SVG_ = __webpack_require__(22);
157
+ var SVG_ = __webpack_require__(23);
158
158
  var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
159
159
 
160
160
  // CONCATENATED MODULE: ./src/File/PaperClip.tsx
@@ -231,11 +231,11 @@ var Box_ = __webpack_require__(8);
231
231
  var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
232
232
 
233
233
  // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
234
- var Clickable_ = __webpack_require__(11);
234
+ var Clickable_ = __webpack_require__(12);
235
235
  var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
236
236
 
237
237
  // EXTERNAL MODULE: external "@splunk/themes/mixins"
238
- var mixins_ = __webpack_require__(78);
238
+ var mixins_ = __webpack_require__(81);
239
239
 
240
240
  // CONCATENATED MODULE: ./src/File/ItemStyles.ts
241
241
 
@@ -435,9 +435,7 @@ function Item(_ref) {
435
435
 
436
436
  // @docs-props-type ItemPropsBase
437
437
  var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
438
- family = _useSplunkTheme.family;
439
-
440
- var isPrisma = family === 'prisma';
438
+ isPrisma = _useSplunkTheme.isPrisma;
441
439
 
442
440
  var _useContext = Object(external_react_["useContext"])(FileContext),
443
441
  handleRequestRemoveContext = _useContext.onRequestRemove;
@@ -635,7 +633,7 @@ var StyledHelp = external_styled_components_default.a.div.withConfig({
635
633
  displayName: "FileStyles__StyledHelp",
636
634
  componentId: "sc-1wyh4cf-7"
637
635
  })(["margin-bottom:", ";"], Object(themes_["pick"])({
638
- enterprise: Object(external_styled_components_["css"])(["calc(", " * 1.5)"], themes_["variables"].spacing),
636
+ enterprise: themes_["variables"].spacingXLarge,
639
637
  prisma: Object(external_styled_components_["css"])(["calc(", " * 1.5)"], themes_["variables"].spacingLarge)
640
638
  }));
641
639
  var StyledWindowDrop = external_styled_components_default.a.div.withConfig({
@@ -760,6 +758,7 @@ var File_propTypes = {
760
758
  onRequestAdd: external_prop_types_default.a.func,
761
759
  onRequestRemove: external_prop_types_default.a.func,
762
760
  onRequestRetry: external_prop_types_default.a.func,
761
+ supportsMessage: external_prop_types_default.a.node,
763
762
 
764
763
  /** @private */
765
764
  splunkTheme: external_prop_types_default.a.object
@@ -890,7 +889,7 @@ var File_File = /*#__PURE__*/function (_Component) {
890
889
  splunkTheme = _this$props3.splunkTheme,
891
890
  otherProps = File_objectWithoutProperties(_this$props3, ["accept", "allowMultiple", "children", "disabled", "dropAnywhere", "error", "fullscreen", "help", "name", "onRequestRemove", "onRequestRetry", "splunkTheme"]);
892
891
 
893
- var isPrisma = splunkTheme.family === 'prisma';
892
+ var isPrisma = splunkTheme.isPrisma;
894
893
  var fileCount = 0;
895
894
  var childrenCloned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, index) {
896
895
  fileCount += 1;
@@ -928,6 +927,14 @@ var File_File = /*#__PURE__*/function (_Component) {
928
927
  });
929
928
  };
930
929
 
930
+ var supportsMessage = null;
931
+
932
+ if (this.props.supportsMessage) {
933
+ supportsMessage = /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, this.props.supportsMessage);
934
+ } else if (isPrisma && !disabled) {
935
+ supportsMessage = accept ? /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, Object(i18n_["_"])("Supports ".concat(fileTypes))) : /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, Object(i18n_["_"])('Supports all file types'));
936
+ }
937
+
931
938
  return /*#__PURE__*/external_react_default.a.createElement(StyledDropTargetBox, File_extends({
932
939
  onDragOver: dragOverOrDisabled ? undefined : this.handleDragOver,
933
940
  onDragLeave: dragOverOrDisabled ? undefined : this.handleDragLeave,
@@ -958,16 +965,20 @@ var File_File = /*#__PURE__*/function (_Component) {
958
965
  onChange: this.handleInputChange,
959
966
  onFocus: this.handleInputFocus,
960
967
  type: "file"
961
- }), !disabled && Object(i18n_["_"])('browse...'))), isPrisma && !disabled && (accept ? /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, Object(i18n_["_"])("Supports ".concat(fileTypes))) : /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, Object(i18n_["_"])('Supports all file types')))), fullscreen && !disabled && /*#__PURE__*/external_react_default.a.createElement(StyledHelp, {
968
+ }), !disabled && Object(i18n_["_"])('browse'))), supportsMessage), !disabled && help && /*#__PURE__*/external_react_default.a.createElement(StyledHelp, {
962
969
  "data-test": "help"
963
970
  }, help), dragOverNotDisabled && this.state.dragOver && /*#__PURE__*/external_react_default.a.createElement(StyledWindowDrop, {
964
971
  "data-test": "file-window-drop",
965
972
  onDragLeave: this.handleDragLeave
966
- }), dragOverNotDisabled && /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
967
- onDragOver: this.handleDragOver,
968
- onDrop: this.handleDrop,
969
- target: window
970
- }), /*#__PURE__*/external_react_default.a.createElement(File_FileContext.Provider, {
973
+ }), dragOverNotDisabled && /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
974
+ target: window,
975
+ eventType: "dragover",
976
+ listener: this.handleDragOver
977
+ }), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
978
+ target: window,
979
+ eventType: "drop",
980
+ listener: this.handleDrop
981
+ })), /*#__PURE__*/external_react_default.a.createElement(File_FileContext.Provider, {
971
982
  value: {
972
983
  disabled: disabled,
973
984
  onRequestRemove: onRequestRemove ? handleRemove : undefined,
@@ -998,17 +1009,17 @@ HoistedFileWithTheme.Item = File_Item;
998
1009
 
999
1010
  /***/ }),
1000
1011
 
1001
- /***/ 11:
1012
+ /***/ 12:
1002
1013
  /***/ (function(module, exports) {
1003
1014
 
1004
1015
  module.exports = require("@splunk/react-ui/Clickable");
1005
1016
 
1006
1017
  /***/ }),
1007
1018
 
1008
- /***/ 15:
1019
+ /***/ 14:
1009
1020
  /***/ (function(module, exports) {
1010
1021
 
1011
- module.exports = require("react-event-listener");
1022
+ module.exports = require("@splunk/react-ui/EventListener");
1012
1023
 
1013
1024
  /***/ }),
1014
1025
 
@@ -1019,14 +1030,14 @@ module.exports = require("react");
1019
1030
 
1020
1031
  /***/ }),
1021
1032
 
1022
- /***/ 21:
1033
+ /***/ 22:
1023
1034
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
1024
1035
 
1025
1036
  "use strict";
1026
1037
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
1027
1038
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
1028
1039
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
1029
- /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25);
1040
+ /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26);
1030
1041
  /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
1031
1042
  /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
1032
1043
  /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1069,14 +1080,14 @@ function CrossMark(props) {
1069
1080
 
1070
1081
  /***/ }),
1071
1082
 
1072
- /***/ 22:
1083
+ /***/ 23:
1073
1084
  /***/ (function(module, exports) {
1074
1085
 
1075
1086
  module.exports = require("@splunk/react-icons/SVG");
1076
1087
 
1077
1088
  /***/ }),
1078
1089
 
1079
- /***/ 25:
1090
+ /***/ 26:
1080
1091
  /***/ (function(module, exports) {
1081
1092
 
1082
1093
  module.exports = require("@splunk/react-icons/Close");
@@ -1097,7 +1108,7 @@ module.exports = require("lodash");
1097
1108
 
1098
1109
  /***/ }),
1099
1110
 
1100
- /***/ 41:
1111
+ /***/ 40:
1101
1112
  /***/ (function(module, exports) {
1102
1113
 
1103
1114
  module.exports = require("@splunk/ui-utils/format");
@@ -1254,24 +1265,24 @@ Icon.defaultProps = defaultProps;
1254
1265
 
1255
1266
  /***/ }),
1256
1267
 
1257
- /***/ 77:
1268
+ /***/ 8:
1258
1269
  /***/ (function(module, exports) {
1259
1270
 
1260
- module.exports = require("@splunk/react-ui/Progress");
1271
+ module.exports = require("@splunk/react-ui/Box");
1261
1272
 
1262
1273
  /***/ }),
1263
1274
 
1264
- /***/ 78:
1275
+ /***/ 80:
1265
1276
  /***/ (function(module, exports) {
1266
1277
 
1267
- module.exports = require("@splunk/themes/mixins");
1278
+ module.exports = require("@splunk/react-ui/Progress");
1268
1279
 
1269
1280
  /***/ }),
1270
1281
 
1271
- /***/ 8:
1282
+ /***/ 81:
1272
1283
  /***/ (function(module, exports) {
1273
1284
 
1274
- module.exports = require("@splunk/react-ui/Box");
1285
+ module.exports = require("@splunk/themes/mixins");
1275
1286
 
1276
1287
  /***/ })
1277
1288