1

video-gen-admin/node_modules/@rc-component/dropdown/lib/hooks/useAccessibility.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface UseAccessibilityProps {
+    visible: boolean;
+    triggerRef: React.RefObject<any>;
+    onVisibleChange?: (visible: boolean) => void;
+    autoFocus?: boolean;
+    overlayRef?: React.RefObject<any>;
+}
+export default function useAccessibility({ visible, triggerRef, onVisibleChange, autoFocus, overlayRef, }: UseAccessibilityProps): void;
+export {};

video-gen-admin/node_modules/@rc-component/dropdown/lib/hooks/useAccessibility.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useAccessibility;
+var _KeyCode = _interopRequireDefault(require("@rc-component/util/lib/KeyCode"));
+var _raf = _interopRequireDefault(require("@rc-component/util/lib/raf"));
+var React = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const {
+  ESC,
+  TAB
+} = _KeyCode.default;
+function useAccessibility({
+  visible,
+  triggerRef,
+  onVisibleChange,
+  autoFocus,
+  overlayRef
+}) {
+  const focusMenuRef = React.useRef(false);
+  const handleCloseMenuAndReturnFocus = () => {
+    if (visible) {
+      triggerRef.current?.focus?.();
+      onVisibleChange?.(false);
+    }
+  };
+  const focusMenu = () => {
+    if (overlayRef.current?.focus) {
+      overlayRef.current.focus();
+      focusMenuRef.current = true;
+      return true;
+    }
+    return false;
+  };
+  const handleKeyDown = event => {
+    switch (event.keyCode) {
+      case ESC:
+        handleCloseMenuAndReturnFocus();
+        break;
+      case TAB:
+        {
+          let focusResult = false;
+          if (!focusMenuRef.current) {
+            focusResult = focusMenu();
+          }
+          if (focusResult) {
+            event.preventDefault();
+          } else {
+            handleCloseMenuAndReturnFocus();
+          }
+          break;
+        }
+    }
+  };
+  React.useEffect(() => {
+    if (visible) {
+      window.addEventListener('keydown', handleKeyDown);
+      if (autoFocus) {
+        // FIXME: hack with raf
+        (0, _raf.default)(focusMenu, 3);
+      }
+      return () => {
+        window.removeEventListener('keydown', handleKeyDown);
+        focusMenuRef.current = false;
+      };
+    }
+    return () => {
+      focusMenuRef.current = false;
+    };
+  }, [visible]); // eslint-disable-line react-hooks/exhaustive-deps
+}