wcz-test 4.6.9 → 4.6.11

package/dist/index.js

@@ -1158,7 +1158,7 @@ import { useState as useState5 } from "react";
 import MoreVert from "@mui/icons-material/MoreVert";
 import { Box as Box3, IconButton, ImageListItem, ImageListItemBar, Stack as Stack4, Tooltip } from "@mui/material";
 import { grey } from "@mui/material/colors";
-import { Fragment, useEffect as useEffect2, useState as useState3 } from "react";
+import { Fragment, useEffect as useEffect3, useState as useState3 } from "react";
 
 // src/components/file/fileViewer/common/ActionsMenu.tsx
 import Delete from "@mui/icons-material/Delete";
@@ -1179,7 +1179,7 @@ var useFile = () => {
 
 // src/hooks/DialogsHooks.tsx
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle, useEventCallback } from "@mui/material";
-import { useContext as useContext2, useMemo } from "react";
+import { useContext as useContext2, useEffect as useEffect2, useMemo, useRef as useRef2 } from "react";
 import { useTranslation as useTranslation2 } from "react-i18next";
 
 // src/contexts/DialogsContext.ts
@@ -1190,20 +1190,30 @@ var DialogsContext = createContext2({});
 import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function AlertDialog({ open, payload, onClose }) {
   const { t: t2 } = useTranslation2();
+  const buttonRef = useRef2(null);
+  useEffect2(() => {
+    if (open && buttonRef.current)
+      setTimeout(() => buttonRef.current?.focus());
+  }, [open]);
   return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(), children: [
     /* @__PURE__ */ jsx5(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Alert") }),
     /* @__PURE__ */ jsx5(DialogContent, { children: payload.message }),
-    /* @__PURE__ */ jsx5(DialogActions, { children: /* @__PURE__ */ jsx5(Button, { onClick: () => onClose(), autoFocus: true, children: t2("Layout.Dialog.Confirm") }) })
+    /* @__PURE__ */ jsx5(DialogActions, { children: /* @__PURE__ */ jsx5(Button, { ref: buttonRef, onClick: () => onClose(), children: t2("Layout.Dialog.Confirm") }) })
   ] });
 }
 function ConfirmDialog({ open, payload, onClose }) {
   const { t: t2 } = useTranslation2();
+  const buttonRef = useRef2(null);
+  useEffect2(() => {
+    if (open && buttonRef.current)
+      setTimeout(() => buttonRef.current?.focus());
+  }, [open]);
   return /* @__PURE__ */ jsxs4(Dialog, { maxWidth: "xs", fullWidth: true, open, onClose: () => onClose(false), children: [
     /* @__PURE__ */ jsx5(DialogTitle, { children: payload.title ?? t2("Layout.Dialog.Confirm") }),
     /* @__PURE__ */ jsx5(DialogContent, { children: payload.message }),
     /* @__PURE__ */ jsxs4(DialogActions, { children: [
       /* @__PURE__ */ jsx5(Button, { onClick: () => onClose(false), children: payload.cancelText ?? t2("Layout.Dialog.Cancel") }),
-      /* @__PURE__ */ jsx5(Button, { onClick: () => onClose(true), autoFocus: true, children: t2("Layout.Dialog.Confirm") })
+      /* @__PURE__ */ jsx5(Button, { ref: buttonRef, onClick: () => onClose(true), children: t2("Layout.Dialog.Confirm") })
     ] })
   ] });
 }
@@ -1511,7 +1521,7 @@ var GridFileViewerItem = ({ meta, size, itemBar }) => {
   const { setImageId, actions } = useFile();
   const [showItemBar, setShowItemBar] = useState3(itemBar === "always");
   const [menu, setMenu] = useState3(null);
-  useEffect2(() => {
+  useEffect3(() => {
     setShowItemBar(itemBar === "always");
   }, [itemBar]);
   const { data: source } = useGetFileThumbnail(meta);
@@ -1635,13 +1645,13 @@ var ListFileViewerItem = ({ meta }) => {
 // src/components/file/fileViewer/ImageViewer.tsx
 import Close from "@mui/icons-material/Close";
 import { Box as Box4, Dialog as Dialog2, Fab } from "@mui/material";
-import { useEffect as useEffect3 } from "react";
+import { useEffect as useEffect4 } from "react";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 var ImageViewer = ({ metaId }) => {
   const { fileMetas, setImageId } = useFile();
   const meta = fileMetas.find((m) => m.id === metaId);
   const { data: source } = useGetFile(meta);
-  useEffect3(() => {
+  useEffect4(() => {
     if (metaId)
       globalThis.addEventListener("keydown", handleOnKeydown);
     return () => {
@@ -2590,18 +2600,18 @@ var AdapterDayjs = class {
 };
 
 // src/providers/LayoutProvider.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 import * as z from "zod";
 import { cs, en } from "zod/locales";
 
 // src/providers/DialogsProvider.tsx
-import { useCallback, useId, useMemo as useMemo3, useRef as useRef3, useState as useState6 } from "react";
+import { useCallback, useId, useMemo as useMemo3, useRef as useRef4, useState as useState6 } from "react";
 import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
 function DialogsProvider({ children, unmountAfter = 1e3 }) {
   const [stack, setStack] = useState6([]);
   const keyPrefix = useId();
-  const nextId = useRef3(0);
-  const dialogMetadata = useRef3(/* @__PURE__ */ new WeakMap());
+  const nextId = useRef4(0);
+  const dialogMetadata = useRef4(/* @__PURE__ */ new WeakMap());
   const requestDialog = useEventCallback_default(function open(Component7, payload, options = {}) {
     const { onClose = async () => {
     } } = options;
@@ -2698,7 +2708,7 @@ import { useNavigate, useRouterState as useRouterState2 } from "@tanstack/react-
 import Divider3 from "@mui/material/Divider";
 import List3 from "@mui/material/List";
 import ListSubheader from "@mui/material/ListSubheader";
-import { Fragment as Fragment5, useEffect as useEffect5, useState as useState8 } from "react";
+import { Fragment as Fragment5, useEffect as useEffect6, useState as useState8 } from "react";
 
 // src/components/core/navigation/NavigationListItem.tsx
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
@@ -2895,7 +2905,7 @@ var isDivider = (item) => "kind" in item && item.kind === "divider";
 var isHeader = (item) => "kind" in item && item.kind === "header";
 var NavigationList = ({ subNavigation, depth = 0, collapsed, isPopover, isSidebarFullyExpanded = true, isSidebarFullyCollapsed, expandedWidth, renderItem, activePath, onNavigate, onClose }) => {
   const [openKeys, setOpenKeys] = useState8([]);
-  useEffect5(() => {
+  useEffect6(() => {
     if (collapsed) setOpenKeys([]);
   }, [collapsed]);
   const toggleKey = (key) => setOpenKeys((previous) => previous.includes(key) ? previous.filter((k) => k !== key) : [...previous, key]);
@@ -3975,7 +3985,7 @@ var useGetTheme = (theme) => {
 import { jsx as jsx28 } from "react/jsx-runtime";
 var LayoutProvider = ({ navigation, theme, children }) => {
   const createdTheme = useGetTheme(theme);
-  useEffect6(() => {
+  useEffect7(() => {
     const handler = () => {
       z.config(default2.resolvedLanguage === "cs" ? cs() : en());
     };