react-side-sheet-pro 0.1.0
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/LICENSE +21 -0
- package/README.md +105 -0
- package/dist/index.css +191 -0
- package/dist/index.d.ts +60 -0
- package/dist/index.esm.d.ts +60 -0
- package/dist/index.esm.js +13523 -0
- package/dist/index.html +102 -0
- package/dist/index.js +13531 -0
- package/dist/index.umd.d.ts +60 -0
- package/dist/index.umd.js +13534 -0
- package/dist/index.umd.min.d.ts +60 -0
- package/dist/index.umd.min.js +7 -0
- package/package.json +86 -0
- package/src/components/SideSheetContainer.tsx +90 -0
- package/src/components/SideSheetContent.tsx +11 -0
- package/src/components/SideSheetFooter.tsx +11 -0
- package/src/components/SideSheetHeader.tsx +21 -0
- package/src/components/SideSheetProvider.tsx +105 -0
- package/src/constants/defaultOptions.ts +22 -0
- package/src/contexts/SideSheetReducer.ts +41 -0
- package/src/hooks/useSideSheet.tsx +11 -0
- package/src/index.css +191 -0
- package/src/index.ts +14 -0
- package/src/types/index.ts +45 -0
package/dist/index.html
ADDED
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
6
|
+
<title>swiftyper.js</title>
|
|
7
|
+
<meta name="viewport"
|
|
8
|
+
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
9
|
+
<link rel="stylesheet" type="text/css" media="screen" href="./css/main.css">
|
|
10
|
+
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
|
|
11
|
+
</head>
|
|
12
|
+
<body>
|
|
13
|
+
<div class="container">
|
|
14
|
+
<a href="https://github.com/swiftyper-sk/swiftyper.js" class="github-corner"
|
|
15
|
+
aria-label="View source on GitHub">
|
|
16
|
+
<svg width="80" height="80" viewbox="0 0 250 250"
|
|
17
|
+
style="fill:#fa0f00; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true">
|
|
18
|
+
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
|
|
19
|
+
<path
|
|
20
|
+
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
|
|
21
|
+
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
|
|
22
|
+
<path
|
|
23
|
+
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
|
|
24
|
+
fill="currentColor" class="octo-body"></path>
|
|
25
|
+
</svg>
|
|
26
|
+
</a>
|
|
27
|
+
<style>
|
|
28
|
+
.github-corner:hover .octo-arm {
|
|
29
|
+
animation: octocat-wave 560ms ease-in-out;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
@keyframes octocat-wave {
|
|
33
|
+
|
|
34
|
+
0%,
|
|
35
|
+
100% {
|
|
36
|
+
transform: rotate(0);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
20%,
|
|
40
|
+
60% {
|
|
41
|
+
transform: rotate(-25deg);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
40%,
|
|
45
|
+
80% {
|
|
46
|
+
transform: rotate(10deg);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
@media (max-width: 500px) {
|
|
51
|
+
.github-corner:hover .octo-arm {
|
|
52
|
+
animation: none;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.github-corner .octo-arm {
|
|
56
|
+
animation: octocat-wave 560ms ease-in-out;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
</style>
|
|
60
|
+
<div class="panel">
|
|
61
|
+
<div class="header">
|
|
62
|
+
<h1>
|
|
63
|
+
<a href="https://developers.swiftyper.sk/places_js" tabindex="1">Swiftyper Places WebAPI</a>
|
|
64
|
+
</h1>
|
|
65
|
+
</div>
|
|
66
|
+
<div class="content">
|
|
67
|
+
<div>
|
|
68
|
+
<input id="ulica" type="text" placeholder="Ulica a číslo">
|
|
69
|
+
</div>
|
|
70
|
+
<div>
|
|
71
|
+
<input type="text" id="psc" style="width:23%" placeholder="PSČ">
|
|
72
|
+
<input type="text" id="mesto" style="width:75%;float:right" placeholder="Mesto">
|
|
73
|
+
</div>
|
|
74
|
+
<div>
|
|
75
|
+
<input type="text" id="krajina" placeholder="Krajina">
|
|
76
|
+
</div>
|
|
77
|
+
<h4 class="selection"></h4>
|
|
78
|
+
</div>
|
|
79
|
+
</div>
|
|
80
|
+
<footer class="footer">
|
|
81
|
+
<div class="theme-switch">
|
|
82
|
+
<label>
|
|
83
|
+
<input type="radio" value="modern-light" name="radio" checked/>
|
|
84
|
+
<span>modern-light</span>
|
|
85
|
+
</label>
|
|
86
|
+
<label>
|
|
87
|
+
<input type="radio" value="modern-dark" name="radio"/>
|
|
88
|
+
<span>modern-dark</span>
|
|
89
|
+
</label>
|
|
90
|
+
<label>
|
|
91
|
+
<input type="radio" value="classic" name="radio"/>
|
|
92
|
+
<span>classic</span>
|
|
93
|
+
</label>
|
|
94
|
+
</div>
|
|
95
|
+
<div class="copyrights">
|
|
96
|
+
<a href="https://swiftyper.sk">swiftyper.sk</a> · <a href="https://developers.swiftyper.sk/">API dokumentácia</a>
|
|
97
|
+
</div>
|
|
98
|
+
</footer>
|
|
99
|
+
</div>
|
|
100
|
+
<script src="./index.js"></script>
|
|
101
|
+
</body>
|
|
102
|
+
</html>
|