flowstudio 0.0.9 → 0.0.10
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/dist/components/app_layout.js +2 -1
- package/dist/components/app_layout.js.map +1 -1
- package/dist/components/app_settings/service_providers.js +1 -1
- package/dist/components/app_settings/service_providers.js.map +1 -1
- package/dist/components/combo_box/index.d.ts +0 -1
- package/dist/components/combo_box/index.js +1 -1
- package/dist/components/combo_box/index.js.map +1 -1
- package/dist/components/dock_panel.js +3 -3
- package/dist/components/dock_panel.js.map +1 -1
- package/dist/service_providers.json +74 -0
- package/dist/styles/combo_box.css +10 -0
- package/dist/styles/sheet.css +155 -0
- package/package.json +6 -4
- package/src/components/sheet/style.css +155 -0
- package/src/styles/combo_box.css +10 -0
- package/src/styles/sheet.css +155 -0
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Theme } from '@radix-ui/themes';
|
|
3
3
|
import '@radix-ui/themes/styles.css';
|
|
4
|
-
// import '
|
|
4
|
+
// import '@/styles/sheet.css'
|
|
5
|
+
// import '../styles/combo_box.css'
|
|
5
6
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
6
7
|
import '@xyflow/react/dist/style.css';
|
|
7
8
|
import { useConfigStore } from '../zustand/store';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app_layout.js","sourceRoot":"","sources":["../../src/components/app_layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC
|
|
1
|
+
{"version":3,"file":"app_layout.js","sourceRoot":"","sources":["../../src/components/app_layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,6BAA6B,CAAC;AACrC,8BAA8B;AAC9B,mCAAmC;AACnC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAC,KAAK,GAAC,QAAQ,EAAE,MAAM,GAAC,QAAQ,EAAE,QAAQ,EAAK;IAC7E,MAAM,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;IACtC,OAAO,CACH,KAAC,KAAK,IAAC,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,YACzC,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACvC,QAAQ,GACa,GAClB,CACX,CAAA;AACL,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { Card, Flex, Select, TextField, Text, Button, Separator, } from "@radix-
|
|
|
3
3
|
import { useQuery } from "@tanstack/react-query";
|
|
4
4
|
import { BiCopy } from "react-icons/bi";
|
|
5
5
|
import { FaCog, FaSave, FaTimes } from 'react-icons/fa';
|
|
6
|
-
|
|
6
|
+
import service_providers from '../../service_providers.json';
|
|
7
7
|
export default function ServiceProviders({ open, setOpen, projectIdentifier }) {
|
|
8
8
|
var _a;
|
|
9
9
|
const { data: project, status: projectStatus, refetch: projectRefetch } = useQuery({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"service_providers.js","sourceRoot":"","sources":["../../../src/components/app_settings/service_providers.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAc,SAAS,GAAE,MAAM,kBAAkB,CAAA;AACrG,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,KAAK,EAAU,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAG/D,
|
|
1
|
+
{"version":3,"file":"service_providers.js","sourceRoot":"","sources":["../../../src/components/app_settings/service_providers.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
3
3
|
import { useState, useEffect } from 'react';
|
|
4
4
|
import { Flex, TextField, Text, ScrollArea, Popover, Button, Badge } from '@radix-ui/themes';
|
|
5
5
|
import { ChevronsUpDown, Search } from 'lucide-react';
|
|
6
|
-
import '
|
|
6
|
+
// import '../../../styles/combo_box.css'
|
|
7
7
|
import { IoMdClose } from 'react-icons/io';
|
|
8
8
|
export default function ComboBox({ type = 'text', value, onValueChange, placeholder, items, noItemsText = 'No', isMulti = false, width = '100%', ...rest }) {
|
|
9
9
|
var _a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/combo_box/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAC7F,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/combo_box/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Button, Card, Flex, SegmentedControl, TextField
|
|
3
|
-
import { BiHome } from "react-icons/bi";
|
|
2
|
+
import { Button, Card, Popover, Flex, SegmentedControl, TextField } from "@radix-ui/themes";
|
|
4
3
|
// import { IoIosCog } from "react-icons/io";
|
|
5
4
|
// import NextLink from 'next/link'
|
|
6
5
|
// import DataSources from "./app_settings/data_sources";
|
|
@@ -14,6 +13,7 @@ import { useConfigStore } from "../zustand/store";
|
|
|
14
13
|
import AppSettings from "./app_settings";
|
|
15
14
|
import { IoSave } from "react-icons/io5";
|
|
16
15
|
import { useQuery } from "@tanstack/react-query";
|
|
16
|
+
import { FaPlus } from "react-icons/fa";
|
|
17
17
|
const DockPanel = ({ projectIdentifier }) => {
|
|
18
18
|
const [dataSourcesOpen, setDataSourcesOpen] = useState(false);
|
|
19
19
|
const [serviceProvidersOpen, setServiceProvidersOpen] = useState(false);
|
|
@@ -32,7 +32,7 @@ const DockPanel = ({ projectIdentifier }) => {
|
|
|
32
32
|
},
|
|
33
33
|
...{ enabled: !!projectIdentifier },
|
|
34
34
|
});
|
|
35
|
-
return (_jsx(_Fragment, { children: _jsx(Flex, { width: '100%', justify: 'center', align: 'center', children: _jsx(Card, { size: '1', style: { padding: 7 }, children: _jsxs(Flex, { gap: '2', children: [_jsx(
|
|
35
|
+
return (_jsx(_Fragment, { children: _jsx(Flex, { width: '100%', justify: 'center', align: 'center', children: _jsx(Card, { size: '1', style: { padding: 7 }, children: _jsxs(Flex, { gap: '2', children: [_jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { children: _jsxs(Button, { "aria-label": 'Options', variant: 'outline', children: [_jsx(FaPlus, {}), " Projects"] }) }), _jsx(Popover.Content, { maxWidth: '150px' })] }), _jsx(TextField.Root, { placeholder: "Project Title", defaultValue: (project === null || project === void 0 ? void 0 : project.title) || '', children: _jsx(TextField.Slot, { side: 'right', pr: '1', children: _jsx(Button, { size: '1', variant: 'soft', children: _jsx(IoSave, {}) }) }) }), _jsxs(SegmentedControl.Root, { defaultValue: "build", variant: 'surface', children: [_jsx(SegmentedControl.Item, { onClick: () => setStateType('build'), value: "build", children: "Build" }), _jsx(SegmentedControl.Item, { onClick: () => setStateType('analytics'), value: "analytics", children: "Analytics" })] }), _jsx(AppSettings, {})] }) }) }) }));
|
|
36
36
|
};
|
|
37
37
|
export default DockPanel;
|
|
38
38
|
//# sourceMappingURL=dock_panel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dock_panel.js","sourceRoot":"","sources":["../../src/components/dock_panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,MAAM,EAAc,IAAI,
|
|
1
|
+
{"version":3,"file":"dock_panel.js","sourceRoot":"","sources":["../../src/components/dock_panel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"identifier": "1234",
|
|
4
|
+
"type": "ussd",
|
|
5
|
+
"name": "Wigal",
|
|
6
|
+
"ip": "::1",
|
|
7
|
+
"service_code": "800*008",
|
|
8
|
+
"session_map": {
|
|
9
|
+
"id": "sessionid",
|
|
10
|
+
"mode": "mode",
|
|
11
|
+
"mno": "network",
|
|
12
|
+
"msisdn": "msisdn",
|
|
13
|
+
"user_input": "userdata",
|
|
14
|
+
"meta": {
|
|
15
|
+
"username": "",
|
|
16
|
+
"trafficid": "",
|
|
17
|
+
"other": ""
|
|
18
|
+
},
|
|
19
|
+
"response_prefix": "",
|
|
20
|
+
"response_suffix": "",
|
|
21
|
+
"nl_char": "^"
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"identifier": "1235",
|
|
26
|
+
"type": "sms",
|
|
27
|
+
"name": "IT Consortium",
|
|
28
|
+
"ip": "::2",
|
|
29
|
+
"service_code": "887*4445",
|
|
30
|
+
"session_map": {
|
|
31
|
+
"id": "sessionid",
|
|
32
|
+
"mode": "requestType",
|
|
33
|
+
"mno": "operator",
|
|
34
|
+
"msisdn": "msisdn",
|
|
35
|
+
"user_input": "userdata",
|
|
36
|
+
"meta": {
|
|
37
|
+
"username": "",
|
|
38
|
+
"trafficid": "",
|
|
39
|
+
"other": ""
|
|
40
|
+
},
|
|
41
|
+
"response_prefix": "",
|
|
42
|
+
"response_suffix": "",
|
|
43
|
+
"nl_char": "^"
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"identifier": "1236",
|
|
48
|
+
"type": "payment",
|
|
49
|
+
"name": "Hubtel",
|
|
50
|
+
"ip": "::3",
|
|
51
|
+
"service_code": ""
|
|
52
|
+
},
|
|
53
|
+
{
|
|
54
|
+
"identifier": "1237",
|
|
55
|
+
"type": "sms",
|
|
56
|
+
"name": "Twilio",
|
|
57
|
+
"ip": "::3",
|
|
58
|
+
"service_code": ""
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"identifier": "1238",
|
|
62
|
+
"type": "sms",
|
|
63
|
+
"name": "Africas Talking",
|
|
64
|
+
"ip": "::3",
|
|
65
|
+
"service_code": ""
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"identifier": "1237",
|
|
69
|
+
"type": "sms",
|
|
70
|
+
"name": "Twilio",
|
|
71
|
+
"ip": "::3",
|
|
72
|
+
"service_code": ""
|
|
73
|
+
}
|
|
74
|
+
]
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
/* SlidingDialog.css */
|
|
2
|
+
/* .dialog-overlay {
|
|
3
|
+
position: fixed;
|
|
4
|
+
inset: 0;
|
|
5
|
+
background: rgba(0, 0, 0, 0.5);
|
|
6
|
+
animation: overlayShow 300ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
7
|
+
} */
|
|
8
|
+
|
|
9
|
+
.dialog-content {
|
|
10
|
+
/* background: white; */
|
|
11
|
+
position: fixed;
|
|
12
|
+
/* width: 300px; */
|
|
13
|
+
height: 100%;
|
|
14
|
+
overflow: auto;
|
|
15
|
+
box-shadow: 0 10px 38px -10px rgba(0, 0, 0, 0.35);
|
|
16
|
+
outline: none;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.dialog-close {
|
|
20
|
+
position: absolute;
|
|
21
|
+
top: 10px;
|
|
22
|
+
right: 10px;
|
|
23
|
+
background: none;
|
|
24
|
+
border: none;
|
|
25
|
+
font-size: 20px;
|
|
26
|
+
cursor: pointer;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@keyframes slideInFromRight {
|
|
30
|
+
from {
|
|
31
|
+
transform: translateX(100%);
|
|
32
|
+
}
|
|
33
|
+
to {
|
|
34
|
+
transform: translateX(0);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@keyframes slideOutToRight {
|
|
39
|
+
from {
|
|
40
|
+
transform: translateX(0);
|
|
41
|
+
}
|
|
42
|
+
to {
|
|
43
|
+
transform: translateX(100%);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@keyframes slideInFromLeft {
|
|
48
|
+
from {
|
|
49
|
+
transform: translateX(-100%);
|
|
50
|
+
}
|
|
51
|
+
to {
|
|
52
|
+
transform: translateX(0);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@keyframes slideOutToLeft {
|
|
57
|
+
from {
|
|
58
|
+
transform: translateX(0);
|
|
59
|
+
}
|
|
60
|
+
to {
|
|
61
|
+
transform: translateX(-100%);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@keyframes slideInFromTop {
|
|
66
|
+
from {
|
|
67
|
+
transform: translateY(-100%);
|
|
68
|
+
}
|
|
69
|
+
to {
|
|
70
|
+
transform: translateY(0);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
@keyframes slideOutToTop {
|
|
75
|
+
from {
|
|
76
|
+
transform: translateY(0);
|
|
77
|
+
}
|
|
78
|
+
to {
|
|
79
|
+
transform: translateY(-100%);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
@keyframes slideInFromBottom {
|
|
84
|
+
from {
|
|
85
|
+
transform: translateY(100%);
|
|
86
|
+
}
|
|
87
|
+
to {
|
|
88
|
+
transform: translateY(0);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
@keyframes slideOutToBottom {
|
|
93
|
+
from {
|
|
94
|
+
transform: translateY(0);
|
|
95
|
+
}
|
|
96
|
+
to {
|
|
97
|
+
transform: translateY(100%);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.slide-in-right {
|
|
102
|
+
top: 0;
|
|
103
|
+
right: 0;
|
|
104
|
+
animation: slideInFromRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.slide-out-right {
|
|
108
|
+
top: 0;
|
|
109
|
+
right: 0;
|
|
110
|
+
animation: slideOutToRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.slide-in-left {
|
|
114
|
+
top: 0;
|
|
115
|
+
left: 0;
|
|
116
|
+
animation: slideInFromLeft 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.slide-out-left {
|
|
120
|
+
top: 0;
|
|
121
|
+
left: 0;
|
|
122
|
+
animation: slideOutToLeft 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.slide-in-top {
|
|
126
|
+
top: 0;
|
|
127
|
+
left: 0;
|
|
128
|
+
width: 100%;
|
|
129
|
+
height: auto;
|
|
130
|
+
animation: slideInFromTop 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.slide-out-top {
|
|
134
|
+
top: 0;
|
|
135
|
+
left: 0;
|
|
136
|
+
width: 100%;
|
|
137
|
+
height: auto;
|
|
138
|
+
animation: slideOutToTop 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.slide-in-bottom {
|
|
142
|
+
bottom: 0;
|
|
143
|
+
left: 0;
|
|
144
|
+
width: 100%;
|
|
145
|
+
height: auto;
|
|
146
|
+
animation: slideInFromBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.slide-out-bottom {
|
|
150
|
+
bottom: 0;
|
|
151
|
+
left: 0;
|
|
152
|
+
width: 100%;
|
|
153
|
+
height: auto;
|
|
154
|
+
animation: slideOutToBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
155
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "flowstudio",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.10",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Enterprise Flow Designer",
|
|
6
6
|
"license": "MIT",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"main": "dist/index.js",
|
|
11
11
|
"types": "dist/index.d.ts",
|
|
12
12
|
"scripts": {
|
|
13
|
-
"build": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && tsc",
|
|
13
|
+
"build": "rm -rf dist && rm -rf tsconfig.tsbuildinfo && tsc && cpx 'src/styles/**/*.css' dist/styles",
|
|
14
14
|
"prepublishOnly": "npm run build",
|
|
15
15
|
"clean": "rm -rf dist"
|
|
16
16
|
},
|
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
"react-dom": "latest"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@types/react-dom": "^19.0.4",
|
|
23
22
|
"@hookform/resolvers": "latest",
|
|
24
23
|
"@radix-ui/react-form": "latest",
|
|
25
24
|
"@radix-ui/react-icons": "latest",
|
|
@@ -27,7 +26,9 @@
|
|
|
27
26
|
"@tanstack/react-query": "latest",
|
|
28
27
|
"@types/node": "latest",
|
|
29
28
|
"@types/react": "^19.0.12",
|
|
29
|
+
"@types/react-dom": "^19.0.4",
|
|
30
30
|
"@xyflow/react": "latest",
|
|
31
|
+
"cpx": "^1.5.0",
|
|
31
32
|
"html-react-parser": "^5.2.2",
|
|
32
33
|
"lucide-react": "latest",
|
|
33
34
|
"react-hook-form": "latest",
|
|
@@ -37,7 +38,8 @@
|
|
|
37
38
|
"zustand": "latest"
|
|
38
39
|
},
|
|
39
40
|
"files": [
|
|
40
|
-
"dist/**/*"
|
|
41
|
+
"dist/**/*",
|
|
42
|
+
"src/**/*.css"
|
|
41
43
|
],
|
|
42
44
|
"keywords": [
|
|
43
45
|
"flow",
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
/* SlidingDialog.css */
|
|
2
|
+
/* .dialog-overlay {
|
|
3
|
+
position: fixed;
|
|
4
|
+
inset: 0;
|
|
5
|
+
background: rgba(0, 0, 0, 0.5);
|
|
6
|
+
animation: overlayShow 300ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
7
|
+
} */
|
|
8
|
+
|
|
9
|
+
.dialog-content {
|
|
10
|
+
/* background: white; */
|
|
11
|
+
position: fixed;
|
|
12
|
+
/* width: 300px; */
|
|
13
|
+
height: 100%;
|
|
14
|
+
overflow: auto;
|
|
15
|
+
box-shadow: 0 10px 38px -10px rgba(0, 0, 0, 0.35);
|
|
16
|
+
outline: none;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.dialog-close {
|
|
20
|
+
position: absolute;
|
|
21
|
+
top: 10px;
|
|
22
|
+
right: 10px;
|
|
23
|
+
background: none;
|
|
24
|
+
border: none;
|
|
25
|
+
font-size: 20px;
|
|
26
|
+
cursor: pointer;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@keyframes slideInFromRight {
|
|
30
|
+
from {
|
|
31
|
+
transform: translateX(100%);
|
|
32
|
+
}
|
|
33
|
+
to {
|
|
34
|
+
transform: translateX(0);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@keyframes slideOutToRight {
|
|
39
|
+
from {
|
|
40
|
+
transform: translateX(0);
|
|
41
|
+
}
|
|
42
|
+
to {
|
|
43
|
+
transform: translateX(100%);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@keyframes slideInFromLeft {
|
|
48
|
+
from {
|
|
49
|
+
transform: translateX(-100%);
|
|
50
|
+
}
|
|
51
|
+
to {
|
|
52
|
+
transform: translateX(0);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@keyframes slideOutToLeft {
|
|
57
|
+
from {
|
|
58
|
+
transform: translateX(0);
|
|
59
|
+
}
|
|
60
|
+
to {
|
|
61
|
+
transform: translateX(-100%);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@keyframes slideInFromTop {
|
|
66
|
+
from {
|
|
67
|
+
transform: translateY(-100%);
|
|
68
|
+
}
|
|
69
|
+
to {
|
|
70
|
+
transform: translateY(0);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
@keyframes slideOutToTop {
|
|
75
|
+
from {
|
|
76
|
+
transform: translateY(0);
|
|
77
|
+
}
|
|
78
|
+
to {
|
|
79
|
+
transform: translateY(-100%);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
@keyframes slideInFromBottom {
|
|
84
|
+
from {
|
|
85
|
+
transform: translateY(100%);
|
|
86
|
+
}
|
|
87
|
+
to {
|
|
88
|
+
transform: translateY(0);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
@keyframes slideOutToBottom {
|
|
93
|
+
from {
|
|
94
|
+
transform: translateY(0);
|
|
95
|
+
}
|
|
96
|
+
to {
|
|
97
|
+
transform: translateY(100%);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.slide-in-right {
|
|
102
|
+
top: 0;
|
|
103
|
+
right: 0;
|
|
104
|
+
animation: slideInFromRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.slide-out-right {
|
|
108
|
+
top: 0;
|
|
109
|
+
right: 0;
|
|
110
|
+
animation: slideOutToRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.slide-in-left {
|
|
114
|
+
top: 0;
|
|
115
|
+
left: 0;
|
|
116
|
+
animation: slideInFromLeft 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.slide-out-left {
|
|
120
|
+
top: 0;
|
|
121
|
+
left: 0;
|
|
122
|
+
animation: slideOutToLeft 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.slide-in-top {
|
|
126
|
+
top: 0;
|
|
127
|
+
left: 0;
|
|
128
|
+
width: 100%;
|
|
129
|
+
height: auto;
|
|
130
|
+
animation: slideInFromTop 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.slide-out-top {
|
|
134
|
+
top: 0;
|
|
135
|
+
left: 0;
|
|
136
|
+
width: 100%;
|
|
137
|
+
height: auto;
|
|
138
|
+
animation: slideOutToTop 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.slide-in-bottom {
|
|
142
|
+
bottom: 0;
|
|
143
|
+
left: 0;
|
|
144
|
+
width: 100%;
|
|
145
|
+
height: auto;
|
|
146
|
+
animation: slideInFromBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.slide-out-bottom {
|
|
150
|
+
bottom: 0;
|
|
151
|
+
left: 0;
|
|
152
|
+
width: 100%;
|
|
153
|
+
height: auto;
|
|
154
|
+
animation: slideOutToBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
155
|
+
}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
/* SlidingDialog.css */
|
|
2
|
+
/* .dialog-overlay {
|
|
3
|
+
position: fixed;
|
|
4
|
+
inset: 0;
|
|
5
|
+
background: rgba(0, 0, 0, 0.5);
|
|
6
|
+
animation: overlayShow 300ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
7
|
+
} */
|
|
8
|
+
|
|
9
|
+
.dialog-content {
|
|
10
|
+
/* background: white; */
|
|
11
|
+
position: fixed;
|
|
12
|
+
/* width: 300px; */
|
|
13
|
+
height: 100%;
|
|
14
|
+
overflow: auto;
|
|
15
|
+
box-shadow: 0 10px 38px -10px rgba(0, 0, 0, 0.35);
|
|
16
|
+
outline: none;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.dialog-close {
|
|
20
|
+
position: absolute;
|
|
21
|
+
top: 10px;
|
|
22
|
+
right: 10px;
|
|
23
|
+
background: none;
|
|
24
|
+
border: none;
|
|
25
|
+
font-size: 20px;
|
|
26
|
+
cursor: pointer;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
@keyframes slideInFromRight {
|
|
30
|
+
from {
|
|
31
|
+
transform: translateX(100%);
|
|
32
|
+
}
|
|
33
|
+
to {
|
|
34
|
+
transform: translateX(0);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@keyframes slideOutToRight {
|
|
39
|
+
from {
|
|
40
|
+
transform: translateX(0);
|
|
41
|
+
}
|
|
42
|
+
to {
|
|
43
|
+
transform: translateX(100%);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@keyframes slideInFromLeft {
|
|
48
|
+
from {
|
|
49
|
+
transform: translateX(-100%);
|
|
50
|
+
}
|
|
51
|
+
to {
|
|
52
|
+
transform: translateX(0);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@keyframes slideOutToLeft {
|
|
57
|
+
from {
|
|
58
|
+
transform: translateX(0);
|
|
59
|
+
}
|
|
60
|
+
to {
|
|
61
|
+
transform: translateX(-100%);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
@keyframes slideInFromTop {
|
|
66
|
+
from {
|
|
67
|
+
transform: translateY(-100%);
|
|
68
|
+
}
|
|
69
|
+
to {
|
|
70
|
+
transform: translateY(0);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
@keyframes slideOutToTop {
|
|
75
|
+
from {
|
|
76
|
+
transform: translateY(0);
|
|
77
|
+
}
|
|
78
|
+
to {
|
|
79
|
+
transform: translateY(-100%);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
@keyframes slideInFromBottom {
|
|
84
|
+
from {
|
|
85
|
+
transform: translateY(100%);
|
|
86
|
+
}
|
|
87
|
+
to {
|
|
88
|
+
transform: translateY(0);
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
@keyframes slideOutToBottom {
|
|
93
|
+
from {
|
|
94
|
+
transform: translateY(0);
|
|
95
|
+
}
|
|
96
|
+
to {
|
|
97
|
+
transform: translateY(100%);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.slide-in-right {
|
|
102
|
+
top: 0;
|
|
103
|
+
right: 0;
|
|
104
|
+
animation: slideInFromRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.slide-out-right {
|
|
108
|
+
top: 0;
|
|
109
|
+
right: 0;
|
|
110
|
+
animation: slideOutToRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.slide-in-left {
|
|
114
|
+
top: 0;
|
|
115
|
+
left: 0;
|
|
116
|
+
animation: slideInFromLeft 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.slide-out-left {
|
|
120
|
+
top: 0;
|
|
121
|
+
left: 0;
|
|
122
|
+
animation: slideOutToLeft 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.slide-in-top {
|
|
126
|
+
top: 0;
|
|
127
|
+
left: 0;
|
|
128
|
+
width: 100%;
|
|
129
|
+
height: auto;
|
|
130
|
+
animation: slideInFromTop 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.slide-out-top {
|
|
134
|
+
top: 0;
|
|
135
|
+
left: 0;
|
|
136
|
+
width: 100%;
|
|
137
|
+
height: auto;
|
|
138
|
+
animation: slideOutToTop 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.slide-in-bottom {
|
|
142
|
+
bottom: 0;
|
|
143
|
+
left: 0;
|
|
144
|
+
width: 100%;
|
|
145
|
+
height: auto;
|
|
146
|
+
animation: slideInFromBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.slide-out-bottom {
|
|
150
|
+
bottom: 0;
|
|
151
|
+
left: 0;
|
|
152
|
+
width: 100%;
|
|
153
|
+
height: auto;
|
|
154
|
+
animation: slideOutToBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
155
|
+
}
|