@splunk/react-ui 4.20.0 → 4.21.1

package/useRovingFocus.js

@@ -1,129 +1,66 @@
-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 = 246);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 246:
-/***/ (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 */ useRovingFocus_useRovingFocus; });
-
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(2);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(31);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
-var keyboard_ = __webpack_require__(7);
-
-// CONCATENATED MODULE: ./src/useRovingFocus/useRovingFocus.tsx
-
-
-
-
-function focusElement(element) {
-  if (element instanceof HTMLElement && element.focus) {
-    element.focus();
-  }
-}
-/**
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (t, r) => {
+            /******/ for (var n in r) {
+                /******/ if (e.o(r, n) && !e.o(t, n)) {
+                    /******/ Object.defineProperty(t, n, {
+                        enumerable: true,
+                        get: r[n]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var t = {};
+    // ESM COMPAT FLAG
+        e.r(t);
+    // EXPORTS
+        e.d(t, {
+        default: () => /* reexport */ a
+    });
+    // CONCATENATED MODULE: external "react"
+    const r = require("react");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/focus"
+    const n = require("@splunk/ui-utils/focus");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
+    const u = require("@splunk/ui-utils/keyboard");
+    // CONCATENATED MODULE: ./src/useRovingFocus/useRovingFocus.tsx
+    function i(e) {
+        if (e instanceof HTMLElement && e.focus) {
+            e.focus();
+        }
+    }
+    /**
  * This is a private hook not intended for use outside @splunk/react-ui
  *
  * Handles "roving focus" for a group of elements inside a containing element.
@@ -142,96 +79,63 @@ function focusElement(element) {
  *     <button type="button">second</button>
  * </div>
  * ```
- */
-
-
-function useRovingFocus() {
-  var activeItemIndex = Object(external_react_["useRef"])(0);
-  var actionItemsRef = Object(external_react_["useRef"])([]);
-
-  var updateActiveItem = function updateActiveItem(newActiveindex) {
-    activeItemIndex.current = newActiveindex;
-    actionItemsRef.current.forEach(function (el, index) {
-      return index === activeItemIndex.current ? el.removeAttribute('tabindex') : el.setAttribute('tabindex', '-1');
-    });
-  };
-
-  var handleItemsMount = function handleItemsMount(element) {
-    actionItemsRef.current = element != null ? Object(focus_["getSortedTabbableElements"])(element, {
-      ignoreTabIndex: true
-    }) : [];
-    updateActiveItem(activeItemIndex.current);
-  };
-
-  var handleBlur = function handleBlur(e) {
-    var focusOnActionItem = e.relatedTarget instanceof Element && actionItemsRef.current.includes(e.relatedTarget);
-
-    if (!focusOnActionItem) {
-      updateActiveItem(0);
-    }
-  };
-
-  var handleFocus = function handleFocus(e) {
-    var focusIndex = e.target instanceof Element ? actionItemsRef.current.indexOf(e.target) : -1;
-
-    if (focusIndex >= 0) {
-      updateActiveItem(focusIndex);
-    }
-  };
-
-  var handleKeyDown = function handleKeyDown(e) {
-    if (e.nativeEvent.target instanceof HTMLElement) {
-      var index = actionItemsRef.current.indexOf(e.nativeEvent.target);
-
-      if (index >= 0) {
-        var key = Object(keyboard_["keycode"])(e.nativeEvent);
-        var newIndex = -1;
-
-        if (key === 'left') {
-          newIndex = index - 1;
-        } else if (key === 'right') {
-          newIndex = index + 1;
-        } else if (key === 'home') {
-          newIndex = 0;
-        } else if (key === 'end') {
-          newIndex = actionItemsRef.current.length - 1;
-        }
-
-        if (newIndex >= 0) {
-          e.preventDefault();
-          focusElement(actionItemsRef.current[newIndex]);
-        }
-      }
+ */    function o() {
+        var e = (0, r.useRef)(0);
+        var t = (0, r.useRef)([]);
+        var o = function r(n) {
+            e.current = n;
+            t.current.forEach((function(t, r) {
+                return r === e.current ? t.removeAttribute("tabindex") : t.setAttribute("tabindex", "-1");
+            }));
+        };
+        var a = function r(u) {
+            t.current = u != null ? (0, n.getSortedTabbableElements)(u, {
+                ignoreTabIndex: true
+            }) : [];
+            o(e.current);
+        };
+        var f = function e(r) {
+            var n = r.relatedTarget instanceof Element && t.current.includes(r.relatedTarget);
+            if (!n) {
+                o(0);
+            }
+        };
+        var c = function e(r) {
+            var n = r.target instanceof Element ? t.current.indexOf(r.target) : -1;
+            if (n >= 0) {
+                o(n);
+            }
+        };
+        var l = function e(r) {
+            if (r.nativeEvent.target instanceof HTMLElement) {
+                var n = t.current.indexOf(r.nativeEvent.target);
+                if (n >= 0) {
+                    var o = (0, u.keycode)(r.nativeEvent);
+                    var a = -1;
+                    if (o === "left") {
+                        a = n - 1;
+                    } else if (o === "right") {
+                        a = n + 1;
+                    } else if (o === "home") {
+                        a = 0;
+                    } else if (o === "end") {
+                        a = t.current.length - 1;
+                    }
+                    if (a >= 0) {
+                        r.preventDefault();
+                        i(t.current[a]);
+                    }
+                }
+            }
+        };
+        return {
+            ref: a,
+            onBlur: f,
+            onFocus: c,
+            onKeyDown: l
+        };
     }
-  };
-
-  return {
-    ref: handleItemsMount,
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    onKeyDown: handleKeyDown
-  };
-}
-
-/* harmony default export */ var useRovingFocus_useRovingFocus = (useRovingFocus);
-// CONCATENATED MODULE: ./src/useRovingFocus/index.ts
-
-
-
-/***/ }),
-
-/***/ 31:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/focus");
-
-/***/ }),
-
-/***/ 7:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/keyboard");
-
-/***/ })
-
-/******/ });
+    /* harmony default export */    const a = o;
+    // CONCATENATED MODULE: ./src/useRovingFocus/index.ts
+    module.exports = t;
+    /******/})();

package/types/src/Link/docs/examples/NewTab.d.ts

@@ -1,2 +0,0 @@
-declare function NewTab(): JSX.Element;
-export default NewTab;