@splunk/react-ui 4.4.0 → 4.5.1

package/EventListener.js

@@ -0,0 +1,168 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 171);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 1:
+/***/ (function(module, exports) {
+
+module.exports = require("prop-types");
+
+/***/ }),
+
+/***/ 171:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ EventListener_EventListener; });
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+
+// EXTERNAL MODULE: external "prop-types"
+var external_prop_types_ = __webpack_require__(1);
+var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
+
+// EXTERNAL MODULE: external "use-typed-event-listener"
+var external_use_typed_event_listener_ = __webpack_require__(78);
+var external_use_typed_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_use_typed_event_listener_);
+
+// CONCATENATED MODULE: ./src/EventListener/EventListener.tsx
+
+
+
+/**
+ * This is a private component.
+ * Please see the Readme file for more information.
+ */
+
+var propTypes = {
+  children: external_prop_types_default.a.node,
+  target: external_prop_types_default.a.oneOfType([external_prop_types_default.a.object, external_prop_types_default.a.string]),
+  eventType: external_prop_types_default.a.any,
+  listener: external_prop_types_default.a.func,
+  options: external_prop_types_default.a.oneOfType([external_prop_types_default.a.object, external_prop_types_default.a.bool])
+};
+
+function EventListener(props) {
+  var children = props.children,
+      target = props.target,
+      eventType = props.eventType,
+      listener = props.listener,
+      options = props.options;
+  external_use_typed_event_listener_default()(target, eventType, listener, options);
+  return /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, children || null);
+}
+
+EventListener.propTypes = propTypes;
+/* harmony default export */ var EventListener_EventListener = (EventListener);
+// CONCATENATED MODULE: ./src/EventListener/index.ts
+
+
+
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 78:
+/***/ (function(module, exports) {
+
+module.exports = require("use-typed-event-listener");
+
+/***/ })
+
+/******/ });

package/FetchOptions.js

@@ -82,19 +82,19 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 166);
+/******/ 	return __webpack_require__(__webpack_require__.s = 172);
 /******/ })
 /************************************************************************/
 /******/ ({
 
-/***/ 102:
+/***/ 105:
 /***/ (function(module, exports) {
 
 module.exports = require("core-js/es/promise");
 
 /***/ }),
 
-/***/ 166:
+/***/ 172:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -106,16 +106,16 @@ __webpack_require__.d(__webpack_exports__, "default", function() { return /* ree
 __webpack_require__.d(__webpack_exports__, "isMovieOption", function() { return /* reexport */ isMovieOption; });
 
 // EXTERNAL MODULE: external "core-js/es/promise"
-var promise_ = __webpack_require__(102);
+var promise_ = __webpack_require__(105);
 
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/promise"
-var ui_utils_promise_ = __webpack_require__(76);
+var ui_utils_promise_ = __webpack_require__(79);
 
 // EXTERNAL MODULE: ./src/FetchOptions/movies.json
-var movies = __webpack_require__(50);
+var movies = __webpack_require__(51);
 
 // CONCATENATED MODULE: ./src/FetchOptions/FetchOptions.tsx
 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");
 
 /***/ }),
 
-/***/ 50:
+/***/ 51:
 /***/ (function(module) {
 
 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\"}]}");
 
 /***/ }),
 
-/***/ 76:
+/***/ 79:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/promise");

package/File.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 107);
+/******/ 	return __webpack_require__(__webpack_require__.s = 111);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
-/***/ 107:
+/***/ 111:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -127,13 +127,13 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "react-event-listener"
-var external_react_event_listener_ = __webpack_require__(15);
-var external_react_event_listener_default = /*#__PURE__*/__webpack_require__.n(external_react_event_listener_);
-
 // EXTERNAL MODULE: external "lodash"
 var external_lodash_ = __webpack_require__(4);
 
+// EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
+var EventListener_ = __webpack_require__(14);
+var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
+
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
@@ -144,17 +144,17 @@ var i18n_ = __webpack_require__(5);
 var id_ = __webpack_require__(10);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/format"
-var format_ = __webpack_require__(41);
+var format_ = __webpack_require__(40);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Progress"
-var Progress_ = __webpack_require__(77);
+var Progress_ = __webpack_require__(80);
 var Progress_default = /*#__PURE__*/__webpack_require__.n(Progress_);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(21);
+var CrossMark = __webpack_require__(22);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/SVG"
-var SVG_ = __webpack_require__(22);
+var SVG_ = __webpack_require__(23);
 var SVG_default = /*#__PURE__*/__webpack_require__.n(SVG_);
 
 // CONCATENATED MODULE: ./src/File/PaperClip.tsx
@@ -231,11 +231,11 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Clickable"
-var Clickable_ = __webpack_require__(11);
+var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/themes/mixins"
-var mixins_ = __webpack_require__(78);
+var mixins_ = __webpack_require__(81);
 
 // CONCATENATED MODULE: ./src/File/ItemStyles.ts
 
@@ -411,14 +411,11 @@ var propTypes = {
   disabled: external_prop_types_default.a.bool,
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
   error: external_prop_types_default.a.bool,
-  itemId: external_prop_types_default.a.any,
-  name: external_prop_types_default.a.string.isRequired,
 
   /** @private */
-  onRequestRemove: external_prop_types_default.a.func,
-
-  /** @private */
-  onRequestRetry: external_prop_types_default.a.func,
+  index: external_prop_types_default.a.number,
+  itemId: external_prop_types_default.a.any,
+  name: external_prop_types_default.a.string.isRequired,
 
   /** If the uploadPercentage is 0, the item is assumed to be queued. If the upload is complete or
    * not applicable, uploadPercentage must be undefined. */
@@ -431,35 +428,41 @@ function Item(_ref) {
       error = _ref$error === void 0 ? false : _ref$error,
       itemId = _ref.itemId,
       name = _ref.name,
-      onRequestRemove = _ref.onRequestRemove,
-      onRequestRetry = _ref.onRequestRetry,
+      _ref$index = _ref.index,
+      index = _ref$index === void 0 ? 0 : _ref$index,
       uploadPercentage = _ref.uploadPercentage,
-      otherProps = _objectWithoutProperties(_ref, ["disabled", "error", "itemId", "name", "onRequestRemove", "onRequestRetry", "uploadPercentage"]);
+      otherProps = _objectWithoutProperties(_ref, ["disabled", "error", "itemId", "name", "index", "uploadPercentage"]);
 
   // @docs-props-type ItemPropsBase
   var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
-      family = _useSplunkTheme.family;
+      isPrisma = _useSplunkTheme.isPrisma;
 
-  var isPrisma = family === 'prisma';
+  var _useContext = Object(external_react_["useContext"])(FileContext),
+      handleRequestRemoveContext = _useContext.onRequestRemove;
 
   function handleRequestRemove(e) {
     e.preventDefault();
-    onRequestRemove === null || onRequestRemove === void 0 ? void 0 : onRequestRemove({
+    handleRequestRemoveContext === null || handleRequestRemoveContext === void 0 ? void 0 : handleRequestRemoveContext({
       itemId: itemId,
-      name: name
+      name: name,
+      index: index
     });
   }
 
+  var _useContext2 = Object(external_react_["useContext"])(FileContext),
+      handleRequestRetryContext = _useContext2.onRequestRetry;
+
   function handleRequestRetry(e) {
     e.preventDefault();
-    onRequestRetry === null || onRequestRetry === void 0 ? void 0 : onRequestRetry({
+    handleRequestRetryContext === null || handleRequestRetryContext === void 0 ? void 0 : handleRequestRetryContext({
       itemId: itemId,
-      name: name
+      name: name,
+      index: index
     });
   }
 
-  var _useContext = Object(external_react_["useContext"])(FileContext),
-      disabledContext = _useContext.disabled;
+  var _useContext3 = Object(external_react_["useContext"])(FileContext),
+      disabledContext = _useContext3.disabled;
 
   var removeLabel = Object(format_["sprintf"])(Object(i18n_["_"])('Remove "%(filename)s"'), {
     filename: name
@@ -493,7 +496,7 @@ function Item(_ref) {
     "data-test": "label",
     $error: error,
     $disabled: disabledValue
-  }, label), isPrisma && onRequestRetry && error && /*#__PURE__*/external_react_default.a.createElement(StyledIconClickable, {
+  }, label), isPrisma && handleRequestRetryContext && error && /*#__PURE__*/external_react_default.a.createElement(StyledIconClickable, {
     "data-test": "retry",
     onClick: handleRequestRetry,
     "aria-label": retryLabel
@@ -630,7 +633,7 @@ var StyledHelp = external_styled_components_default.a.div.withConfig({
   displayName: "FileStyles__StyledHelp",
   componentId: "sc-1wyh4cf-7"
 })(["margin-bottom:", ";"], Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["calc(", " * 1.5)"], themes_["variables"].spacing),
+  enterprise: themes_["variables"].spacingXLarge,
   prisma: Object(external_styled_components_["css"])(["calc(", " * 1.5)"], themes_["variables"].spacingLarge)
 }));
 var StyledWindowDrop = external_styled_components_default.a.div.withConfig({
@@ -755,6 +758,7 @@ var File_propTypes = {
   onRequestAdd: external_prop_types_default.a.func,
   onRequestRemove: external_prop_types_default.a.func,
   onRequestRetry: external_prop_types_default.a.func,
+  supportsMessage: external_prop_types_default.a.node,
 
   /** @private */
   splunkTheme: external_prop_types_default.a.object
@@ -885,40 +889,12 @@ var File_File = /*#__PURE__*/function (_Component) {
           splunkTheme = _this$props3.splunkTheme,
           otherProps = File_objectWithoutProperties(_this$props3, ["accept", "allowMultiple", "children", "disabled", "dropAnywhere", "error", "fullscreen", "help", "name", "onRequestRemove", "onRequestRetry", "splunkTheme"]);
 
-      var isPrisma = splunkTheme.family === 'prisma';
+      var isPrisma = splunkTheme.isPrisma;
       var fileCount = 0;
       var childrenCloned = external_react_["Children"].toArray(children).filter(external_react_["isValidElement"]).map(function (item, index) {
-        var handleRemove = function handleRemove(event) {
-          onRequestRemove === null || onRequestRemove === void 0 ? void 0 : onRequestRemove({
-            event: event,
-            filename: item.props.name,
-            index: index,
-            itemId: item.props.itemId,
-            name: name
-          });
-        };
-
-        var handleRetry = function handleRetry(event) {
-          onRequestRetry === null || onRequestRetry === void 0 ? void 0 : onRequestRetry({
-            event: event,
-            filename: item.props.name,
-            index: index,
-            itemId: item.props.itemId,
-            name: name
-          });
-        };
-
         fileCount += 1;
-
-        if (onRequestRemove || onRequestRetry) {
-          return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
-            onRequestRemove: onRequestRemove ? handleRemove : undefined,
-            onRequestRetry: onRequestRetry ? handleRetry : undefined,
-            key: item.key || item.props.itemId || "item-".concat(index)
-          });
-        }
-
         return /*#__PURE__*/Object(external_react_["cloneElement"])(item, {
+          index: index,
           key: item.key || item.props.itemId || "item-".concat(index)
         });
       });
@@ -930,6 +906,35 @@ var File_File = /*#__PURE__*/function (_Component) {
       var StyledIcon = fullscreen ? StyledWindowIcon : StyledNormalIcon;
       var dragOver = dragOverOrDisabled ? false : this.state.dragOver || false;
       var fileTypes = Object(external_lodash_["isString"])(accept) && Object(external_lodash_["toUpper"])(accept.split(',').join(', '));
+
+      var handleRetry = function handleRetry(event) {
+        onRequestRetry === null || onRequestRetry === void 0 ? void 0 : onRequestRetry({
+          event: event,
+          filename: event.name,
+          index: event.index,
+          itemId: event.itemId,
+          name: name
+        });
+      };
+
+      var handleRemove = function handleRemove(event) {
+        onRequestRemove === null || onRequestRemove === void 0 ? void 0 : onRequestRemove({
+          event: event,
+          index: event.index,
+          filename: event.name,
+          itemId: event.itemId,
+          name: name
+        });
+      };
+
+      var supportsMessage = null;
+
+      if (this.props.supportsMessage) {
+        supportsMessage = /*#__PURE__*/external_react_default.a.createElement(StyledSubtitle, null, this.props.supportsMessage);
+      } else if (isPrisma && !disabled) {
+        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'));
+      }
+
       return /*#__PURE__*/external_react_default.a.createElement(StyledDropTargetBox, File_extends({
         onDragOver: dragOverOrDisabled ? undefined : this.handleDragOver,
         onDragLeave: dragOverOrDisabled ? undefined : this.handleDragLeave,
@@ -960,18 +965,24 @@ var File_File = /*#__PURE__*/function (_Component) {
         onChange: this.handleInputChange,
         onFocus: this.handleInputFocus,
         type: "file"
-      }), !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, {
+      }), !disabled && Object(i18n_["_"])('browse…'))), supportsMessage), !disabled && help && /*#__PURE__*/external_react_default.a.createElement(StyledHelp, {
         "data-test": "help"
       }, help), dragOverNotDisabled && this.state.dragOver && /*#__PURE__*/external_react_default.a.createElement(StyledWindowDrop, {
         "data-test": "file-window-drop",
         onDragLeave: this.handleDragLeave
-      }), dragOverNotDisabled && /*#__PURE__*/external_react_default.a.createElement(external_react_event_listener_default.a, {
-        onDragOver: this.handleDragOver,
-        onDrop: this.handleDrop,
-        target: window
-      }), /*#__PURE__*/external_react_default.a.createElement(File_FileContext.Provider, {
+      }), dragOverNotDisabled && /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+        target: window,
+        eventType: "dragover",
+        listener: this.handleDragOver
+      }), /*#__PURE__*/external_react_default.a.createElement(EventListener_default.a, {
+        target: window,
+        eventType: "drop",
+        listener: this.handleDrop
+      })), /*#__PURE__*/external_react_default.a.createElement(File_FileContext.Provider, {
         value: {
-          disabled: disabled
+          disabled: disabled,
+          onRequestRemove: onRequestRemove ? handleRemove : undefined,
+          onRequestRetry: onRequestRetry ? handleRetry : undefined
         }
       }, childrenCloned));
     }
@@ -998,17 +1009,17 @@ HoistedFileWithTheme.Item = File_Item;
 
 /***/ }),
 
-/***/ 11:
+/***/ 12:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 15:
+/***/ 14:
 /***/ (function(module, exports) {
 
-module.exports = require("react-event-listener");
+module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
@@ -1019,14 +1030,14 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 21:
+/***/ 22:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(26);
 /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -1069,14 +1080,14 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 22:
+/***/ 23:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/SVG");
 
 /***/ }),
 
-/***/ 25:
+/***/ 26:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Close");
@@ -1097,7 +1108,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 41:
+/***/ 40:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/format");
@@ -1254,24 +1265,24 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 77:
+/***/ 8:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Progress");
+module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 78:
+/***/ 80:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes/mixins");
+module.exports = require("@splunk/react-ui/Progress");
 
 /***/ }),
 
-/***/ 8:
+/***/ 81:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Box");
+module.exports = require("@splunk/themes/mixins");
 
 /***/ })