@splunk/react-ui 4.21.0 → 4.21.1

package/useRovingFocus.js

@@ -1,64 +1,66 @@
-/******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	// The require scope
-/******/ 	var __webpack_require__ = {};
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* reexport */ useRovingFocus_useRovingFocus)
-});
-
-;// CONCATENATED MODULE: external "react"
-const external_react_namespaceObject = require("react");
-;// CONCATENATED MODULE: external "@splunk/ui-utils/focus"
-const focus_namespaceObject = require("@splunk/ui-utils/focus");
-;// CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-const keyboard_namespaceObject = require("@splunk/ui-utils/keyboard");
-;// 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.
@@ -77,81 +79,63 @@ function focusElement(element) {
  *     <button type="button">second</button>
  * </div>
  * ```
- */
-
-
-function useRovingFocus() {
-  var activeItemIndex = (0,external_react_namespaceObject.useRef)(0);
-  var actionItemsRef = (0,external_react_namespaceObject.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 ? (0,focus_namespaceObject.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 = (0,keyboard_namespaceObject.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 */ const useRovingFocus_useRovingFocus = (useRovingFocus);
-;// CONCATENATED MODULE: ./src/useRovingFocus/index.ts
-
-
-module.exports = __webpack_exports__;
-/******/ })()
-;
+    /* harmony default export */    const a = o;
+    // CONCATENATED MODULE: ./src/useRovingFocus/index.ts
+    module.exports = t;
+    /******/})();