@vuu-ui/vuu-utils 0.8.4-debug → 0.8.5-debug

package/cjs/index.js

@@ -34,13 +34,25 @@ var __privateAdd = (obj, member, value) => {
 var src_exports = {};
 __export(src_exports, {
   AggregationType: () => AggregationType,
+  ArrowDown: () => ArrowDown,
+  ArrowLeft: () => ArrowLeft,
+  ArrowRight: () => ArrowRight,
+  ArrowUp: () => ArrowUp,
   DOWN1: () => DOWN1,
   DOWN2: () => DOWN2,
   DataWindow: () => DataWindow,
+  End: () => End,
+  Enter: () => Enter,
+  Escape: () => Escape,
   EventEmitter: () => EventEmitter,
+  Home: () => Home,
   KeySet: () => KeySet,
+  PageDown: () => PageDown,
+  PageUp: () => PageUp,
   RangeMonitor: () => RangeMonitor,
   RowSelected: () => RowSelected,
+  Space: () => Space2,
+  Tab: () => Tab,
   UP1: () => UP1,
   UP2: () => UP2,
   WindowRange: () => WindowRange,
@@ -63,6 +75,7 @@ __export(src_exports, {
   filterAsQuery: () => filterAsQuery,
   findColumn: () => findColumn,
   flattenColumnGroup: () => flattenColumnGroup,
+  focusFirstFocusableElement: () => focusFirstFocusableElement,
   formatDate: () => formatDate,
   fromServerDataType: () => fromServerDataType,
   getCellConfigPanelRenderer: () => getCellConfigPanelRenderer,
@@ -71,6 +84,7 @@ __export(src_exports, {
   getColumnStyle: () => getColumnStyle,
   getColumnsInViewport: () => getColumnsInViewport,
   getCookieValue: () => getCookieValue,
+  getFocusableElement: () => getFocusableElement,
   getFullRange: () => getFullRange,
   getGroupValueAndOffset: () => getGroupValueAndOffset,
   getLoggingConfigForWorker: () => getLoggingConfigForWorker,
@@ -1059,6 +1073,28 @@ var createEl = (elementType, className, textContent) => {
   }
   return el;
 };
+var getFocusableElement = (el, tabIndex) => {
+  if (el) {
+    if (el.hasAttribute("tabindex")) {
+      const rootTabIndex = parseInt(el.getAttribute("tabindex"));
+      if (!isNaN(rootTabIndex) && (tabIndex === void 0 || rootTabIndex === tabIndex)) {
+        return el;
+      }
+    }
+    const focusableEl = typeof tabIndex === "number" ? el.querySelector(`[tabindex="${tabIndex}"]`) : el.querySelector("[tabindex]");
+    if (focusableEl) {
+      return focusableEl;
+    }
+  }
+};
+var focusFirstFocusableElement = (el, tabIndex) => {
+  requestAnimationFrame(() => {
+    const focusableElement = getFocusableElement(el, tabIndex);
+    if (focusableElement) {
+      focusableElement.focus();
+    }
+  });
+};
 
 // src/event-emitter.ts
 function isArrayOfListeners(listeners) {
@@ -1449,6 +1485,20 @@ var addChildValues = (rows, json, cols, index = { value: 0 }, keyBase = "$root",
   return [leafCount, rowCount];
 };
 
+// src/keyboard-utils.ts
+var ArrowUp = "ArrowUp";
+var ArrowDown = "ArrowDown";
+var ArrowLeft = "ArrowLeft";
+var ArrowRight = "ArrowRight";
+var Enter = "Enter";
+var Escape = "Escape";
+var Home = "Home";
+var End = "End";
+var PageUp = "PageUp";
+var PageDown = "PageDown";
+var Space2 = " ";
+var Tab = "Tab";
+
 // src/keyset.ts
 var KeySet = class {
   constructor(range) {