create-pixi-vn 0.2.1 → 0.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/template-react-vite-muijoy/src/AppRoutes.tsx +0 -2
- package/template-react-vite-muijoy/src/components/ModalDialog.tsx +4 -4
- package/template-react-vite-muijoy-multidevice/src/AppRoutes.tsx +0 -2
- package/template-react-vite-muijoy-multidevice/src/components/ModalDialog.tsx +4 -4
- package/template-react-vite-muijoy/src/atoms/textInputOptionsState.ts +0 -6
- package/template-react-vite-muijoy/src/screens/TextInput.tsx +0 -37
- package/template-react-vite-muijoy-multidevice/src/atoms/textInputOptionsState.ts +0 -6
- package/template-react-vite-muijoy-multidevice/src/screens/TextInput.tsx +0 -37
package/package.json
CHANGED
|
@@ -12,7 +12,6 @@ import LoadingPage from './screens/LoadingPage';
|
|
|
12
12
|
import MainMenu from './screens/MainMenu';
|
|
13
13
|
import QuickActions from './screens/QuickActions';
|
|
14
14
|
import QuickLoadAlert from './screens/QuickLoadAlert';
|
|
15
|
-
import TextInput from './screens/TextInput';
|
|
16
15
|
|
|
17
16
|
export default function AppRoutes() {
|
|
18
17
|
const notifyReloadInterfaceDataEvent = useSetRecoilState(reloadInterfaceDataEventAtom);
|
|
@@ -57,7 +56,6 @@ export default function AppRoutes() {
|
|
|
57
56
|
<SkipAutoInterceptor
|
|
58
57
|
nextOnClick={nextOnClick}
|
|
59
58
|
/>
|
|
60
|
-
<TextInput />
|
|
61
59
|
</>}
|
|
62
60
|
/>
|
|
63
61
|
<Route path="*" element={<MainMenu />} />
|
|
@@ -6,7 +6,7 @@ import { useEffect, useState } from 'react';
|
|
|
6
6
|
|
|
7
7
|
interface ModalDialogCustomProps extends ModalDialogProps {
|
|
8
8
|
open: boolean;
|
|
9
|
-
setOpen
|
|
9
|
+
setOpen: (open: boolean) => void;
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
head?: string | React.ReactNode;
|
|
12
12
|
actions?: React.ReactNode;
|
|
@@ -41,7 +41,7 @@ export default function ModalDialogCustom(props: ModalDialogCustomProps) {
|
|
|
41
41
|
<Modal
|
|
42
42
|
keepMounted
|
|
43
43
|
open={internalOpen}
|
|
44
|
-
onClose={() => setOpen
|
|
44
|
+
onClose={() => setOpen(false)}
|
|
45
45
|
component={motion.div}
|
|
46
46
|
variants={{
|
|
47
47
|
open: {
|
|
@@ -85,9 +85,9 @@ export default function ModalDialogCustom(props: ModalDialogCustomProps) {
|
|
|
85
85
|
}}
|
|
86
86
|
{...rest}
|
|
87
87
|
>
|
|
88
|
-
|
|
88
|
+
<ModalClose />
|
|
89
89
|
{head}
|
|
90
|
-
|
|
90
|
+
<Divider />
|
|
91
91
|
<DialogContent>
|
|
92
92
|
{children}
|
|
93
93
|
</DialogContent>
|
|
@@ -12,7 +12,6 @@ import LoadingPage from './screens/LoadingPage';
|
|
|
12
12
|
import MainMenu from './screens/MainMenu';
|
|
13
13
|
import QuickActions from './screens/QuickActions';
|
|
14
14
|
import QuickLoadAlert from './screens/QuickLoadAlert';
|
|
15
|
-
import TextInput from './screens/TextInput';
|
|
16
15
|
|
|
17
16
|
export default function AppRoutes() {
|
|
18
17
|
const notifyReloadInterfaceDataEvent = useSetRecoilState(reloadInterfaceDataEventAtom);
|
|
@@ -57,7 +56,6 @@ export default function AppRoutes() {
|
|
|
57
56
|
<SkipAutoInterceptor
|
|
58
57
|
nextOnClick={nextOnClick}
|
|
59
58
|
/>
|
|
60
|
-
<TextInput />
|
|
61
59
|
</>}
|
|
62
60
|
/>
|
|
63
61
|
<Route path="*" element={<MainMenu />} />
|
|
@@ -6,7 +6,7 @@ import { useEffect, useState } from 'react';
|
|
|
6
6
|
|
|
7
7
|
interface ModalDialogCustomProps extends ModalDialogProps {
|
|
8
8
|
open: boolean;
|
|
9
|
-
setOpen
|
|
9
|
+
setOpen: (open: boolean) => void;
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
head?: string | React.ReactNode;
|
|
12
12
|
actions?: React.ReactNode;
|
|
@@ -41,7 +41,7 @@ export default function ModalDialogCustom(props: ModalDialogCustomProps) {
|
|
|
41
41
|
<Modal
|
|
42
42
|
keepMounted
|
|
43
43
|
open={internalOpen}
|
|
44
|
-
onClose={() => setOpen
|
|
44
|
+
onClose={() => setOpen(false)}
|
|
45
45
|
component={motion.div}
|
|
46
46
|
variants={{
|
|
47
47
|
open: {
|
|
@@ -85,9 +85,9 @@ export default function ModalDialogCustom(props: ModalDialogCustomProps) {
|
|
|
85
85
|
}}
|
|
86
86
|
{...rest}
|
|
87
87
|
>
|
|
88
|
-
|
|
88
|
+
<ModalClose />
|
|
89
89
|
{head}
|
|
90
|
-
|
|
90
|
+
<Divider />
|
|
91
91
|
<DialogContent>
|
|
92
92
|
{children}
|
|
93
93
|
</DialogContent>
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { Button, Input } from '@mui/joy';
|
|
2
|
-
import { useTranslation } from 'react-i18next';
|
|
3
|
-
import { useRecoilState, useRecoilValue } from 'recoil';
|
|
4
|
-
import { dialogDataState } from '../atoms/dialogDataState';
|
|
5
|
-
import { textInputOptionsState } from '../atoms/textInputOptionsState';
|
|
6
|
-
import ModalDialogCustom from '../components/ModalDialog';
|
|
7
|
-
import TypewriterMarkdown from '../components/TypewriterMarkdown';
|
|
8
|
-
|
|
9
|
-
export default function TextInput() {
|
|
10
|
-
const { text } = useRecoilValue(dialogDataState)
|
|
11
|
-
const [{ open }, setOptions] = useRecoilState(textInputOptionsState);
|
|
12
|
-
const { t } = useTranslation(["translation"]);
|
|
13
|
-
|
|
14
|
-
return (
|
|
15
|
-
<ModalDialogCustom
|
|
16
|
-
open={open}
|
|
17
|
-
color="primary"
|
|
18
|
-
actions={<>
|
|
19
|
-
<Button
|
|
20
|
-
key={'exit'}
|
|
21
|
-
color='primary'
|
|
22
|
-
variant="outlined"
|
|
23
|
-
onClick={() => {
|
|
24
|
-
setOptions((prev) => ({ ...prev, open: false }))
|
|
25
|
-
}}
|
|
26
|
-
>
|
|
27
|
-
{t("confirm")}
|
|
28
|
-
</Button>
|
|
29
|
-
<Input />
|
|
30
|
-
</>}
|
|
31
|
-
>
|
|
32
|
-
{text && <TypewriterMarkdown
|
|
33
|
-
text={text}
|
|
34
|
-
/>}
|
|
35
|
-
</ModalDialogCustom>
|
|
36
|
-
);
|
|
37
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { Button, Input } from '@mui/joy';
|
|
2
|
-
import { useTranslation } from 'react-i18next';
|
|
3
|
-
import { useRecoilState, useRecoilValue } from 'recoil';
|
|
4
|
-
import { dialogDataState } from '../atoms/dialogDataState';
|
|
5
|
-
import { textInputOptionsState } from '../atoms/textInputOptionsState';
|
|
6
|
-
import ModalDialogCustom from '../components/ModalDialog';
|
|
7
|
-
import TypewriterMarkdown from '../components/TypewriterMarkdown';
|
|
8
|
-
|
|
9
|
-
export default function TextInput() {
|
|
10
|
-
const { text } = useRecoilValue(dialogDataState)
|
|
11
|
-
const [{ open }, setOptions] = useRecoilState(textInputOptionsState);
|
|
12
|
-
const { t } = useTranslation(["translation"]);
|
|
13
|
-
|
|
14
|
-
return (
|
|
15
|
-
<ModalDialogCustom
|
|
16
|
-
open={open}
|
|
17
|
-
color="primary"
|
|
18
|
-
actions={<>
|
|
19
|
-
<Button
|
|
20
|
-
key={'exit'}
|
|
21
|
-
color='primary'
|
|
22
|
-
variant="outlined"
|
|
23
|
-
onClick={() => {
|
|
24
|
-
setOptions((prev) => ({ ...prev, open: false }))
|
|
25
|
-
}}
|
|
26
|
-
>
|
|
27
|
-
{t("confirm")}
|
|
28
|
-
</Button>
|
|
29
|
-
<Input />
|
|
30
|
-
</>}
|
|
31
|
-
>
|
|
32
|
-
{text && <TypewriterMarkdown
|
|
33
|
-
text={text}
|
|
34
|
-
/>}
|
|
35
|
-
</ModalDialogCustom>
|
|
36
|
-
);
|
|
37
|
-
}
|