create-pixi-vn 2.0.3 → 2.0.4

package/template-react-vite-muijoy-electron/public/pixi-vn.svg

@@ -1,23 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32">
-<path d="M0,0 L9,0 L9,1 L11,1 L11,2 L12,2 L12,3 L13,3 L13,4 L14,4 L14,5 L15,5 L15,6 L16,6 L16,8 L17,8 L17,11 L18,11 L18,16 L19,16 L19,24 L18,24 L18,26 L16,26 L16,27 L15,27 L15,28 L10,28 L10,29 L9,29 L9,30 L7,30 L7,31 L3,31 L3,30 L-1,30 L-1,29 L-2,29 L-2,30 L-3,30 L-3,29 L-5,29 L-5,30 L-4,30 L-4,32 L-6,32 L-6,31 L-8,31 L-8,29 L-9,29 L-9,30 L-11,30 L-11,29 L-12,29 L-12,24 L-13,24 L-13,19 L-12,19 L-12,16 L-11,16 L-11,14 L-10,14 L-10,8 L-9,8 L-9,6 L-8,6 L-8,5 L-7,5 L-7,4 L-6,4 L-6,3 L-4,3 L-4,2 L-2,2 L-2,1 L0,1 Z " fill="#464049" transform="translate(13,0)"/>
-<path d="M0,0 L9,0 L9,1 L11,1 L11,2 L12,2 L12,3 L13,3 L13,4 L14,4 L14,5 L15,5 L15,6 L16,6 L16,8 L17,8 L17,24 L16,24 L16,25 L14,25 L14,24 L13,24 L13,25 L12,25 L12,26 L8,26 L8,25 L9,25 L9,23 L11,23 L11,22 L12,22 L12,21 L13,21 L13,18 L10,18 L10,9 L11,9 L11,6 L10,6 L10,5 L6,5 L6,6 L4,6 L4,4 L3,4 L3,5 L1,5 L1,4 L0,4 L0,3 L-1,3 L-1,2 L0,2 Z " fill="#242229" transform="translate(13,0)"/>
-<path d="M0,0 L3,0 L3,5 L5,5 L5,6 L6,6 L6,7 L10,7 L10,8 L9,8 L9,12 L0,12 L0,18 L-1,18 L-1,24 L-3,24 L-3,25 L-5,25 L-5,24 L-6,24 L-6,19 L-7,19 L-7,14 L-6,14 L-6,11 L-5,11 L-5,9 L-4,9 L-4,6 L-3,6 L-3,5 L-2,5 L-2,3 L-1,3 L-1,1 L0,1 Z " fill="#130E16" transform="translate(7,5)"/>
-<path d="M0,0 L2,0 L2,2 L4,2 L4,4 L3,4 L3,5 L4,5 L4,10 L3,10 L3,14 L2,14 L2,16 L1,16 L1,17 L0,17 L0,16 L-4,16 L-4,15 L-5,15 L-5,16 L-6,16 L-6,15 L-8,15 L-8,16 L-7,16 L-7,18 L-9,18 L-9,17 L-11,17 L-11,15 L-10,15 L-10,9 L-9,9 L-9,3 L0,3 Z " fill="#594F5D" transform="translate(16,14)"/>
-<path d="M0,0 L6,0 L6,1 L8,1 L8,2 L10,2 L10,7 L8,7 L8,8 L6,8 L6,9 L2,9 L2,8 L4,8 L4,6 L1,6 L1,7 L0,7 L0,6 L-1,6 L-1,1 L0,1 Z " fill="#F8C4C1" transform="translate(9,18)"/>
-<path d="M0,0 L1,0 L1,5 L2,5 L2,13 L1,13 L1,15 L-1,15 L-1,16 L-2,16 L-2,17 L-7,17 L-7,18 L-8,18 L-8,19 L-10,19 L-10,20 L-13,20 L-13,19 L-12,19 L-12,17 L-11,17 L-11,13 L-10,13 L-10,11 L-9,11 L-9,9 L-8,9 L-8,14 L-9,14 L-9,15 L-5,15 L-5,14 L-4,14 L-4,13 L-3,13 L-3,14 L-1,14 L-1,13 L0,13 Z " fill="#3B353F" transform="translate(30,11)"/>
-<path d="M0,0 L1,0 L1,2 L0,2 L0,4 L-1,4 L-1,9 L-2,9 L-2,11 L-3,11 L-3,23 L-2,23 L-2,24 L-3,24 L-3,25 L-5,25 L-5,24 L-6,24 L-6,19 L-7,19 L-7,14 L-6,14 L-6,11 L-5,11 L-5,9 L-4,9 L-4,6 L-3,6 L-3,5 L-2,5 L-2,3 L-1,3 L-1,1 L0,1 Z " fill="#191E2C" transform="translate(7,5)"/>
-<path d="M0,0 L8,0 L8,1 L10,1 L10,7 L13,7 L13,10 L12,10 L12,11 L11,11 L11,12 L9,12 L9,9 L8,9 L8,11 L7,11 L7,8 L6,8 L6,7 L7,7 L7,5 L5,5 L5,3 L3,3 L3,2 L4,2 L4,1 L0,1 Z " fill="#563F42" transform="translate(13,11)"/>
-<path d="M0,0 L1,0 L1,13 L-1,13 L-1,12 L-2,12 L-2,13 L-3,13 L-3,14 L-7,14 L-7,13 L-6,13 L-6,11 L-4,11 L-4,10 L-3,10 L-3,9 L-2,9 L-2,6 L-1,6 L-1,5 L0,5 Z " fill="#15131A" transform="translate(28,12)"/>
-<path d="M0,0 L2,0 L2,2 L4,2 L4,4 L3,4 L3,5 L4,5 L4,10 L3,10 L3,6 L1,6 L1,5 L-1,5 L-1,4 L-7,4 L-7,5 L-8,5 L-8,8 L-9,8 L-9,3 L0,3 Z " fill="#946F75" transform="translate(16,14)"/>
-<path d="M0,0 L1,0 L1,3 L2,3 L2,9 L1,9 L1,15 L0,15 L0,14 L-1,14 L-1,2 L0,2 Z " fill="#1B1823" transform="translate(5,14)"/>
-<path d="M0,0 L2,0 L2,3 L1,3 L1,5 L0,5 L0,6 L-1,6 L-1,5 L-5,5 L-5,4 L-6,4 L-6,5 L-7,5 L-7,1 L-6,1 L-6,2 L-2,2 L-2,1 L0,1 Z " fill="#967178" transform="translate(17,25)"/>
-<path d="M0,0 L1,0 L1,6 L2,6 L2,7 L3,7 L3,10 L4,10 L4,11 L3,11 L3,12 L1,12 L1,11 L0,11 L0,6 L-1,6 L-1,1 L0,1 Z " fill="#4C4E57" transform="translate(1,18)"/>
-<path d="M0,0 L1,0 L1,1 L5,1 L5,2 L9,2 L9,3 L7,3 L7,4 L2,4 L2,6 L1,6 L1,5 L0,5 Z " fill="#453B44" transform="translate(11,5)"/>
-<path d="M0,0 L3,0 L3,6 L1,6 L1,7 L0,7 L0,6 L-1,6 L-1,1 L0,1 Z " fill="#E1A9A9" transform="translate(9,18)"/>
-<path d="M0,0 L1,0 L1,3 L5,3 L5,4 L6,4 L6,2 L7,2 L7,5 L-1,5 L-1,1 L0,1 Z " fill="#4D363A" transform="translate(9,12)"/>
-<path d="M0,0 L1,0 L1,1 L2,1 L2,2 L6,2 L6,3 L5,3 L5,4 L4,4 L4,6 L3,6 L3,5 L-1,5 L-1,3 L0,3 Z " fill="#271D24" transform="translate(11,10)"/>
-<path d="M0,0 L8,0 L8,1 L10,1 L10,2 L9,2 L9,3 L8,3 L8,2 L6,2 L6,5 L5,5 L5,3 L3,3 L3,2 L4,2 L4,1 L0,1 Z " fill="#41353B" transform="translate(13,11)"/>
-<path d="M0,0 L2,0 L2,3 L-3,3 L-3,4 L-7,4 L-7,2 L-2,2 L-2,1 L0,1 Z " fill="#705862" transform="translate(20,7)"/>
-<path d="M0,0 L3,0 L3,6 L0,6 Z " fill="#FDE0DC" transform="translate(12,18)"/>
-</svg>

package/template-react-vite-muijoy-electron/public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Allow: /

package/template-react-vite-muijoy-electron/src/App.css

@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}

package/template-react-vite-muijoy-electron/src/App.tsx

@@ -1,16 +0,0 @@
-import { lazy, Suspense } from "react";
-import { ErrorBoundary } from "react-error-boundary";
-import LoadingScreen from "./screens/LoadingScreen";
-
-export default function App() {
-    const Home = lazy(async () => import('./Home'))
-    return (
-        <ErrorBoundary fallback={<div>Something went wrong</div>}>
-            <Suspense
-                fallback={<LoadingScreen />}
-            >
-                <Home />
-            </Suspense>
-        </ErrorBoundary >
-    )
-}

package/template-react-vite-muijoy-electron/src/AppRoutes.tsx

@@ -1,66 +0,0 @@
-import { narration } from '@drincs/pixi-vn';
-import { StepLabelProps } from '@drincs/pixi-vn/dist/override';
-import { useQueryClient } from '@tanstack/react-query';
-import { Route, Routes } from 'react-router-dom';
-import { useSetRecoilState } from 'recoil';
-import { nextStepLoadingState } from './atoms/nextStepLoadingState';
-import NextButton from './components/NextButton';
-import SkipAutoInterceptor from './interceptors/SkipAutoInterceptor';
-import HistoryScreen from './screens/HistoryScreen';
-import LoadingScreen from './screens/LoadingScreen';
-import MainMenu from './screens/MainMenu';
-import TextInput from './screens/modals/TextInput';
-import NarrationScreen from './screens/NarrationScreen';
-import QuickTools from './screens/QuickTools';
-import { INTERFACE_DATA_USE_QUEY_KEY } from './use_query/useQueryInterface';
-
-export default function AppRoutes() {
-    const setNextStepLoading = useSetRecoilState(nextStepLoadingState);
-    const queryClient = useQueryClient()
-
-    async function nextOnClick(props: StepLabelProps): Promise<void> {
-        setNextStepLoading(true);
-        try {
-            if (!narration.canGoNext) {
-                setNextStepLoading(false);
-                return;
-            }
-            narration.goNext(props)
-                .then(() => {
-                    queryClient.invalidateQueries({ queryKey: [INTERFACE_DATA_USE_QUEY_KEY] })
-                    setNextStepLoading(false);
-                })
-                .catch((e) => {
-                    setNextStepLoading(false);
-                    console.error(e);
-                })
-            return;
-        } catch (e) {
-            setNextStepLoading(false);
-            console.error(e);
-            return;
-        }
-    }
-
-    return (
-        <Routes>
-            <Route key={"main_menu"} path={"/"} element={<MainMenu />} />
-            <Route key={"main_menu"} path={"/loading"} element={<LoadingScreen />} />
-            <Route key={"narration"} path={"/narration"}
-                element={<>
-                    <HistoryScreen />
-                    <QuickTools />
-                    <NarrationScreen />
-                    <SkipAutoInterceptor
-                        nextOnClick={nextOnClick}
-                    />
-                    <TextInput />
-                    <NextButton
-                        nextOnClick={nextOnClick}
-                    />
-                </>}
-            />
-            <Route path="*" element={<MainMenu />} />
-        </Routes>
-    )
-}

package/template-react-vite-muijoy-electron/src/Home.tsx

@@ -1,27 +0,0 @@
-import { Box } from '@mui/joy';
-import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
-import Routes from './AppRoutes';
-import ApImports from './Imports';
-import EventInterceptor from './interceptors/EventInterceptor';
-import GameSaveScreen from './screens/GameSaveScreen';
-import SaveLoadAlert from './screens/modals/SaveLoadAlert';
-import Settings from './screens/Settings';
-
-export default function Home() {
-    return (
-        <ApImports>
-            <Routes />
-            <Settings />
-            <GameSaveScreen />
-            <SaveLoadAlert />
-            <EventInterceptor />
-            <Box
-                sx={{
-                    pointerEvents: "auto",
-                }}
-            >
-                <ReactQueryDevtools initialIsOpen={false} />
-            </Box>
-        </ApImports>
-    )
-}

package/template-react-vite-muijoy-electron/src/Imports.tsx

@@ -1,34 +0,0 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { SnackbarProvider } from 'notistack';
-import { HashRouter } from 'react-router-dom';
-import { RecoilRoot } from 'recoil';
-import { useI18n } from './i18n';
-import MyThemeProvider from './providers/ThemeProvider';
-
-type Iprops = {
-    children: React.ReactNode
-}
-
-export default function Imports(props: Iprops) {
-    useI18n()
-    const queryClient = new QueryClient()
-
-    return (
-        <HashRouter>
-            <RecoilRoot>
-                <QueryClientProvider client={queryClient}>
-                    <MyThemeProvider>
-                        <SnackbarProvider
-                            anchorOrigin={{
-                                vertical: 'top',
-                                horizontal: 'left',
-                            }}
-                        >
-                            {props.children}
-                        </SnackbarProvider>
-                    </MyThemeProvider>
-                </QueryClientProvider>
-            </RecoilRoot>
-        </HashRouter>
-    );
-}

package/template-react-vite-muijoy-electron/src/atoms/autoInfoState.ts

@@ -1,50 +0,0 @@
-import { atom, selector } from "recoil";
-
-type AutoInfo = {
-    /**
-     * Whether auto forward is enabled
-     */
-    enabled: boolean,
-    /**
-     * Time in seconds to wait before auto forwarding
-     */
-    time: number,
-    /**
-     * Force recheck the auto forward
-     */
-    update: number,
-}
-
-const autoInfoAtomState = atom<AutoInfo>({
-    key: 'autoInfoAtomState',
-    default: {
-        enabled: false,
-        time: 1,
-        update: 0,
-    },
-});
-
-export const autoInfoState = selector<AutoInfo>({
-    key: 'autoInfoState',
-    get: ({ get }) => {
-        let time: number | undefined = undefined
-        try {
-            let v = localStorage.getItem("auto_forward_second")
-            if (v) {
-                time = parseInt(v)
-            }
-        } catch (e) { }
-
-        let info = get(autoInfoAtomState)
-        return {
-            ...info,
-            time: time || info.time,
-        }
-    },
-    set: ({ set }, value) => {
-        if (value.hasOwnProperty("time")) {
-            localStorage.setItem("auto_forward_second", (value as AutoInfo).time.toString())
-        }
-        set(autoInfoAtomState, value)
-    },
-});

package/template-react-vite-muijoy-electron/src/atoms/dialogueCardHeightState.ts

@@ -1,23 +0,0 @@
-import { atom, selector } from "recoil";
-
-const dialogueCardHeightAtomState = atom<number>({
-    key: 'dialogueCardHeightAtomState',
-    default: localStorage.getItem("dialogue_card_height") ? parseInt(localStorage.getItem("dialogue_card_height") as string) : 30,
-});
-
-export const dialogueCardHeightState = selector<number>({
-    key: 'dialogueCardHeightState',
-    get: ({ get }) => {
-        return get(dialogueCardHeightAtomState)
-    },
-    set: ({ set }, value) => {
-        if (typeof value === "number") {
-            let valueString = value.toString()
-            localStorage.setItem("dialogue_card_height", valueString)
-        }
-        else {
-            localStorage.removeItem("dialogue_card_height")
-        }
-        set(dialogueCardHeightAtomState, value)
-    },
-});

package/template-react-vite-muijoy-electron/src/atoms/dialogueCardImageWidthState.ts

@@ -1,23 +0,0 @@
-import { atom, selector } from "recoil";
-
-const dialogueCardImageWidthAtomState = atom<number>({
-    key: 'dialogueCardImageWidthAtomState',
-    default: localStorage.getItem("dialogue_card_image_width") ? parseInt(localStorage.getItem("dialogue_card_image_width") as string) : 16,
-});
-
-export const dialogueCardImageWidthState = selector<number>({
-    key: 'dialogueCardImageWidthState',
-    get: ({ get }) => {
-        return get(dialogueCardImageWidthAtomState)
-    },
-    set: ({ set }, value) => {
-        if (typeof value === "number") {
-            let valueString = value.toString()
-            localStorage.setItem("dialogue_card_image_width", valueString)
-        }
-        else {
-            localStorage.removeItem("dialogue_card_image_width")
-        }
-        set(dialogueCardImageWidthAtomState, value)
-    },
-});

package/template-react-vite-muijoy-electron/src/atoms/hideInterfaceState.ts

@@ -1,6 +0,0 @@
-import { atom } from "recoil";
-
-export const hideInterfaceState = atom<boolean>({
-    key: 'hideInterfaceState',
-    default: false,
-});

package/template-react-vite-muijoy-electron/src/atoms/nextStepLoadingState.ts

@@ -1,6 +0,0 @@
-import { atom } from "recoil";
-
-export const nextStepLoadingState = atom<boolean>({
-    key: 'nextStepLoadingState',
-    default: false,
-});

package/template-react-vite-muijoy-electron/src/atoms/openGameSaveScreenState.ts

@@ -1,6 +0,0 @@
-import { atom } from "recoil";
-
-export const openGameSaveScreenState = atom<boolean>({
-    key: 'openGameSaveScreenState',
-    default: false,
-});

package/template-react-vite-muijoy-electron/src/atoms/openHistoryScreenState.ts

@@ -1,6 +0,0 @@
-import { atom } from "recoil";
-
-export const openHistoryScreenState = atom<boolean>({
-    key: 'openHistoryScreenState',
-    default: false,
-});

package/template-react-vite-muijoy-electron/src/atoms/openSettingsState.ts

@@ -1,6 +0,0 @@
-import { atom } from "recoil";
-
-export const openSettingsState = atom<boolean>({
-    key: 'openSettingsState',
-    default: false,
-});

package/template-react-vite-muijoy-electron/src/atoms/saveLoadAlertState.ts

@@ -1,26 +0,0 @@
-import { atom } from "recoil";
-import GameSaveData from "../models/GameSaveData";
-
-export const saveLoadAlertState = atom<{
-    open: false;
-    data?: any;
-    type?: string;
-    deafultName?: string;
-} | {
-    open: true;
-    data: GameSaveData & { id: number };
-    type: 'load';
-} | {
-    open: true;
-    data: number;
-    type: 'overwrite_save' | 'save';
-    deafultName: string;
-} | {
-    open: true;
-    data: number;
-    type: 'delete';
-}
->({
-    key: 'saveLoadAlertState',
-    default: { open: false },
-});

package/template-react-vite-muijoy-electron/src/atoms/saveScreenPageState.ts

@@ -1,23 +0,0 @@
-import { atom, selector } from "recoil";
-
-const saveScreenPageAtomState = atom<number>({
-    key: 'saveScreenPageAtomState',
-    default: localStorage.getItem("save_screen_page") ? parseInt(localStorage.getItem("save_screen_page") as string) : 0,
-});
-
-export const saveScreenPageState = selector<number>({
-    key: 'saveScreenPageState',
-    get: ({ get }) => {
-        return get(saveScreenPageAtomState)
-    },
-    set: ({ set }, value) => {
-        if (typeof value === "number") {
-            let valueString = value.toString()
-            localStorage.setItem("save_screen_page", valueString)
-        }
-        else {
-            localStorage.removeItem("save_screen_page")
-        }
-        set(saveScreenPageAtomState, value)
-    },
-});

package/template-react-vite-muijoy-electron/src/atoms/skipEnabledState.ts

@@ -1,6 +0,0 @@
-import { atom } from "recoil";
-
-export const skipEnabledState = atom<boolean>({
-    key: 'skipEnabledState',
-    default: false,
-});

package/template-react-vite-muijoy-electron/src/atoms/typewriterDelayState.ts

@@ -1,23 +0,0 @@
-import { atom, selector } from "recoil";
-
-export const typewriterDelayAtomState = atom<number>({
-    key: 'typewriterDelayAtomState',
-    default: localStorage.getItem('typewriter_delay_millisecond') ? parseInt(localStorage.getItem('typewriter_delay_millisecond')!) : 10,
-});
-
-export const typewriterDelayState = selector<number>({
-    key: 'typewriterDelayState',
-    get: ({ get }) => {
-        return get(typewriterDelayAtomState)
-    },
-    set: ({ set }, value) => {
-        if (typeof value === "number") {
-            let valueString = value.toString()
-            localStorage.setItem("typewriter_delay_millisecond", valueString)
-        }
-        else {
-            localStorage.removeItem("typewriter_delay_millisecond")
-        }
-        set(typewriterDelayAtomState, value)
-    },
-});

package/template-react-vite-muijoy-electron/src/atoms/typewriterIsAnimatedState.ts

@@ -1,6 +0,0 @@
-import { atom } from "recoil";
-
-export const typewriterIsAnimatedState = atom<boolean>({
-    key: 'typewriterIsAnimated',
-    default: false,
-});

package/template-react-vite-muijoy-electron/src/components/ChoiceButton.tsx

@@ -1,19 +0,0 @@
-import { Button, ButtonProps, ButtonTypeMap } from "@mui/joy";
-
-interface Props extends ButtonProps<ButtonTypeMap['defaultComponent'], {
-    component?: React.ElementType;
-}> { }
-
-export default function ChoiceButton(props: Props) {
-    const {
-        sx,
-        ...rest
-    } = props;
-
-    return (
-        <Button
-            size="sm"
-            {...rest}
-        />
-    );
-}

package/template-react-vite-muijoy-electron/src/components/DragHandleDivider.tsx

@@ -1,40 +0,0 @@
-import DragHandleIcon from '@mui/icons-material/DragHandle';
-import { Divider, DividerProps, DividerTypeMap, useTheme } from "@mui/joy";
-
-interface DragHandleDividerProps extends DividerProps<DividerTypeMap['defaultComponent'], {
-    component?: React.ElementType;
-}> {
-    onMouseDown: React.MouseEventHandler<any>
-}
-
-export default function DragHandleDivider(props: DragHandleDividerProps) {
-    const {
-        onMouseDown,
-        orientation,
-        ...rest
-    } = props;
-
-    return (
-        <Divider
-            orientation={orientation}
-            {...rest}
-        >
-            <DragHandleIcon
-                sx={{
-                    cursor: orientation === "vertical" ? "col-resize" : "row-resize",
-                    zIndex: 100,
-                    backgroundColor: useTheme().palette.neutral[300],
-                    ":hover": {
-                        backgroundColor: useTheme().palette.neutral[200],
-                    },
-                    borderRadius: 2,
-                    height: 13,
-                    width: 40,
-                    transform: orientation === "vertical" ? "rotate(90deg)" : undefined,
-                    color: useTheme().palette.neutral[700],
-                }}
-                onMouseDown={onMouseDown}
-            />
-        </Divider>
-    );
-}

package/template-react-vite-muijoy-electron/src/components/MenuButton.tsx

@@ -1,37 +0,0 @@
-import { Button, ButtonProps, ButtonTypeMap } from "@mui/joy";
-import { motion, Variants } from "motion/react";
-
-interface MenuButtonProps extends ButtonProps<ButtonTypeMap['defaultComponent'], {
-    component?: React.ElementType;
-}> {
-    transitionDelay?: number;
-}
-
-export default function MenuButton(props: MenuButtonProps) {
-    const {
-        sx,
-        transitionDelay,
-        ...rest
-    } = props;
-    const itemVariants: Variants = {
-        open: {
-            opacity: 1,
-            x: 0,
-            transition: { type: "spring", stiffness: 300, damping: 24, delay: transitionDelay }
-        },
-        closed: { opacity: 0, x: -50, transition: { duration: 0.2 } }
-    };
-
-    return (
-        <Button
-            size="sm"
-            sx={{
-                fontSize: { xs: "0.75rem", sm: "0.75rem", md: "1rem", lg: "1.25rem", xl: "1.5rem" },
-                ...sx
-            }}
-            component={motion.div}
-            variants={itemVariants}
-            {...rest}
-        />
-    );
-}

package/template-react-vite-muijoy-electron/src/components/ModalConfirmation.tsx

@@ -1,70 +0,0 @@
-import { Button } from '@mui/joy';
-import { ReactNode, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import ModalDialogCustom, { ModalDialogCustomProps } from './ModalDialog';
-
-interface ModalConfirmationProps extends Omit<ModalDialogCustomProps, "actions"> {
-    onConfirm?: () => boolean | Promise<boolean>
-    onCancel?: () => void
-    disabledConfirm?: boolean
-    startDecorator?: ReactNode
-}
-
-export default function ModalConfirmation(props: ModalConfirmationProps) {
-    const {
-        setOpen
-        , onConfirm
-        , onCancel
-        , children
-        , color
-        , disabledConfirm
-        , startDecorator
-        , ...rest
-    } = props
-    const { t } = useTranslation(["ui"]);
-    const [loadingConfirm, setLoadingConfirm] = useState<boolean>(false)
-
-    return (
-        <ModalDialogCustom
-            setOpen={setOpen}
-            color={color}
-            actions={[
-                <Button
-                    key='confirm-button'
-                    color={color}
-                    onClick={async () => {
-                        if (onConfirm) {
-                            setLoadingConfirm(true)
-                            try {
-                                let result = await onConfirm()
-                                setLoadingConfirm(false)
-                                setOpen(!result)
-                            } catch (_error) {
-                                setLoadingConfirm(false)
-                            }
-                        }
-                    }}
-                    disabled={disabledConfirm}
-                    fullWidth={false}
-                    loading={loadingConfirm}
-                    startDecorator={startDecorator}
-                >
-                    {t("confirm")}
-                </Button>,
-                <Button
-                    key='cancel-button'
-                    variant="plain"
-                    color="neutral"
-                    onClick={() => setOpen(false)}
-                    fullWidth={false}
-                    disabled={loadingConfirm}
-                >
-                    {t("cancel")}
-                </Button>
-            ]}
-            {...rest}
-        >
-            {children}
-        </ModalDialogCustom>
-    );
-}