mirror of
https://github.com/zoriya/react-native-web.git
synced 2025-12-19 04:55:15 +00:00
Cleanup
This commit is contained in:
Nicolas Gallagher
2
.gitignore
vendored
2
.gitignore
vendored
@@ -1,3 +1,3 @@
|
|||||||
dist
|
dist
|
||||||
node_modules
|
node_modules
|
||||||
src
|
packages
|
||||||
|
|||||||
3171
coverage/clover.xml
3171
coverage/clover.xml
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -1,212 +0,0 @@
|
|||||||
body, html {
|
|
||||||
margin:0; padding: 0;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
font-family: Helvetica Neue, Helvetica, Arial;
|
|
||||||
font-size: 14px;
|
|
||||||
color:#333;
|
|
||||||
}
|
|
||||||
.small { font-size: 12px; }
|
|
||||||
*, *:after, *:before {
|
|
||||||
-webkit-box-sizing:border-box;
|
|
||||||
-moz-box-sizing:border-box;
|
|
||||||
box-sizing:border-box;
|
|
||||||
}
|
|
||||||
h1 { font-size: 20px; margin: 0;}
|
|
||||||
h2 { font-size: 14px; }
|
|
||||||
pre {
|
|
||||||
font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
-moz-tab-size: 2;
|
|
||||||
-o-tab-size: 2;
|
|
||||||
tab-size: 2;
|
|
||||||
}
|
|
||||||
a { color:#0074D9; text-decoration:none; }
|
|
||||||
a:hover { text-decoration:underline; }
|
|
||||||
.strong { font-weight: bold; }
|
|
||||||
.space-top1 { padding: 10px 0 0 0; }
|
|
||||||
.pad2y { padding: 20px 0; }
|
|
||||||
.pad1y { padding: 10px 0; }
|
|
||||||
.pad2x { padding: 0 20px; }
|
|
||||||
.pad2 { padding: 20px; }
|
|
||||||
.pad1 { padding: 10px; }
|
|
||||||
.space-left2 { padding-left:55px; }
|
|
||||||
.space-right2 { padding-right:20px; }
|
|
||||||
.center { text-align:center; }
|
|
||||||
.clearfix { display:block; }
|
|
||||||
.clearfix:after {
|
|
||||||
content:'';
|
|
||||||
display:block;
|
|
||||||
height:0;
|
|
||||||
clear:both;
|
|
||||||
visibility:hidden;
|
|
||||||
}
|
|
||||||
.fl { float: left; }
|
|
||||||
@media only screen and (max-width:640px) {
|
|
||||||
.col3 { width:100%; max-width:100%; }
|
|
||||||
.hide-mobile { display:none!important; }
|
|
||||||
}
|
|
||||||
|
|
||||||
.quiet {
|
|
||||||
color: #7f7f7f;
|
|
||||||
color: rgba(0,0,0,0.5);
|
|
||||||
}
|
|
||||||
.quiet a { opacity: 0.7; }
|
|
||||||
|
|
||||||
.fraction {
|
|
||||||
font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
|
||||||
font-size: 10px;
|
|
||||||
color: #555;
|
|
||||||
background: #E8E8E8;
|
|
||||||
padding: 4px 5px;
|
|
||||||
border-radius: 3px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.path a:link, div.path a:visited { color: #333; }
|
|
||||||
table.coverage {
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin: 10px 0 0 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
table.coverage td {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
table.coverage td.line-count {
|
|
||||||
text-align: right;
|
|
||||||
padding: 0 5px 0 20px;
|
|
||||||
}
|
|
||||||
table.coverage td.line-coverage {
|
|
||||||
text-align: right;
|
|
||||||
padding-right: 10px;
|
|
||||||
min-width:20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
table.coverage td span.cline-any {
|
|
||||||
display: inline-block;
|
|
||||||
padding: 0 5px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.missing-if-branch {
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: 5px;
|
|
||||||
border-radius: 3px;
|
|
||||||
position: relative;
|
|
||||||
padding: 0 4px;
|
|
||||||
background: #333;
|
|
||||||
color: yellow;
|
|
||||||
}
|
|
||||||
|
|
||||||
.skip-if-branch {
|
|
||||||
display: none;
|
|
||||||
margin-right: 10px;
|
|
||||||
position: relative;
|
|
||||||
padding: 0 4px;
|
|
||||||
background: #ccc;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
.missing-if-branch .typ, .skip-if-branch .typ {
|
|
||||||
color: inherit !important;
|
|
||||||
}
|
|
||||||
.coverage-summary {
|
|
||||||
border-collapse: collapse;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.coverage-summary tr { border-bottom: 1px solid #bbb; }
|
|
||||||
.keyline-all { border: 1px solid #ddd; }
|
|
||||||
.coverage-summary td, .coverage-summary th { padding: 10px; }
|
|
||||||
.coverage-summary tbody { border: 1px solid #bbb; }
|
|
||||||
.coverage-summary td { border-right: 1px solid #bbb; }
|
|
||||||
.coverage-summary td:last-child { border-right: none; }
|
|
||||||
.coverage-summary th {
|
|
||||||
text-align: left;
|
|
||||||
font-weight: normal;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
.coverage-summary th.file { border-right: none !important; }
|
|
||||||
.coverage-summary th.pct { }
|
|
||||||
.coverage-summary th.pic,
|
|
||||||
.coverage-summary th.abs,
|
|
||||||
.coverage-summary td.pct,
|
|
||||||
.coverage-summary td.abs { text-align: right; }
|
|
||||||
.coverage-summary td.file { white-space: nowrap; }
|
|
||||||
.coverage-summary td.pic { min-width: 120px !important; }
|
|
||||||
.coverage-summary tfoot td { }
|
|
||||||
|
|
||||||
.coverage-summary .sorter {
|
|
||||||
height: 10px;
|
|
||||||
width: 7px;
|
|
||||||
display: inline-block;
|
|
||||||
margin-left: 0.5em;
|
|
||||||
background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
|
|
||||||
}
|
|
||||||
.coverage-summary .sorted .sorter {
|
|
||||||
background-position: 0 -20px;
|
|
||||||
}
|
|
||||||
.coverage-summary .sorted-desc .sorter {
|
|
||||||
background-position: 0 -10px;
|
|
||||||
}
|
|
||||||
.status-line { height: 10px; }
|
|
||||||
/* dark red */
|
|
||||||
.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
|
|
||||||
.low .chart { border:1px solid #C21F39 }
|
|
||||||
/* medium red */
|
|
||||||
.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
|
|
||||||
/* light red */
|
|
||||||
.low, .cline-no { background:#FCE1E5 }
|
|
||||||
/* light green */
|
|
||||||
.high, .cline-yes { background:rgb(230,245,208) }
|
|
||||||
/* medium green */
|
|
||||||
.cstat-yes { background:rgb(161,215,106) }
|
|
||||||
/* dark green */
|
|
||||||
.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
|
|
||||||
.high .chart { border:1px solid rgb(77,146,33) }
|
|
||||||
|
|
||||||
|
|
||||||
.medium .chart { border:1px solid #666; }
|
|
||||||
.medium .cover-fill { background: #666; }
|
|
||||||
|
|
||||||
.cbranch-no { background: yellow !important; color: #111; }
|
|
||||||
|
|
||||||
.cstat-skip { background: #ddd; color: #111; }
|
|
||||||
.fstat-skip { background: #ddd; color: #111 !important; }
|
|
||||||
.cbranch-skip { background: #ddd !important; color: #111; }
|
|
||||||
|
|
||||||
span.cline-neutral { background: #eaeaea; }
|
|
||||||
.medium { background: #eaeaea; }
|
|
||||||
|
|
||||||
.cover-fill, .cover-empty {
|
|
||||||
display:inline-block;
|
|
||||||
height: 12px;
|
|
||||||
}
|
|
||||||
.chart {
|
|
||||||
line-height: 0;
|
|
||||||
}
|
|
||||||
.cover-empty {
|
|
||||||
background: white;
|
|
||||||
}
|
|
||||||
.cover-full {
|
|
||||||
border-right: none !important;
|
|
||||||
}
|
|
||||||
pre.prettyprint {
|
|
||||||
border: none !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
margin: 0 !important;
|
|
||||||
}
|
|
||||||
.com { color: #999 !important; }
|
|
||||||
.ignore-none { color: #999; font-weight: normal; }
|
|
||||||
|
|
||||||
.wrapper {
|
|
||||||
min-height: 100%;
|
|
||||||
height: auto !important;
|
|
||||||
height: 100%;
|
|
||||||
margin: 0 auto -48px;
|
|
||||||
}
|
|
||||||
.footer, .push {
|
|
||||||
height: 48px;
|
|
||||||
}
|
|
||||||
@@ -1,79 +0,0 @@
|
|||||||
/* eslint-disable */
|
|
||||||
var jumpToCode = (function init() {
|
|
||||||
// Classes of code we would like to highlight in the file view
|
|
||||||
var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no'];
|
|
||||||
|
|
||||||
// Elements to highlight in the file listing view
|
|
||||||
var fileListingElements = ['td.pct.low'];
|
|
||||||
|
|
||||||
// We don't want to select elements that are direct descendants of another match
|
|
||||||
var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
|
|
||||||
|
|
||||||
// Selecter that finds elements on the page to which we can jump
|
|
||||||
var selector =
|
|
||||||
fileListingElements.join(', ') +
|
|
||||||
', ' +
|
|
||||||
notSelector +
|
|
||||||
missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
|
|
||||||
|
|
||||||
// The NodeList of matching elements
|
|
||||||
var missingCoverageElements = document.querySelectorAll(selector);
|
|
||||||
|
|
||||||
var currentIndex;
|
|
||||||
|
|
||||||
function toggleClass(index) {
|
|
||||||
missingCoverageElements
|
|
||||||
.item(currentIndex)
|
|
||||||
.classList.remove('highlighted');
|
|
||||||
missingCoverageElements.item(index).classList.add('highlighted');
|
|
||||||
}
|
|
||||||
|
|
||||||
function makeCurrent(index) {
|
|
||||||
toggleClass(index);
|
|
||||||
currentIndex = index;
|
|
||||||
missingCoverageElements.item(index).scrollIntoView({
|
|
||||||
behavior: 'smooth',
|
|
||||||
block: 'center',
|
|
||||||
inline: 'center'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function goToPrevious() {
|
|
||||||
var nextIndex = 0;
|
|
||||||
if (typeof currentIndex !== 'number' || currentIndex === 0) {
|
|
||||||
nextIndex = missingCoverageElements.length - 1;
|
|
||||||
} else if (missingCoverageElements.length > 1) {
|
|
||||||
nextIndex = currentIndex - 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
makeCurrent(nextIndex);
|
|
||||||
}
|
|
||||||
|
|
||||||
function goToNext() {
|
|
||||||
var nextIndex = 0;
|
|
||||||
|
|
||||||
if (
|
|
||||||
typeof currentIndex === 'number' &&
|
|
||||||
currentIndex < missingCoverageElements.length - 1
|
|
||||||
) {
|
|
||||||
nextIndex = currentIndex + 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
makeCurrent(nextIndex);
|
|
||||||
}
|
|
||||||
|
|
||||||
return function jump(event) {
|
|
||||||
switch (event.which) {
|
|
||||||
case 78: // n
|
|
||||||
case 74: // j
|
|
||||||
goToNext();
|
|
||||||
break;
|
|
||||||
case 66: // b
|
|
||||||
case 75: // k
|
|
||||||
case 80: // p
|
|
||||||
goToPrevious();
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
})();
|
|
||||||
window.addEventListener('keydown', jumpToCode);
|
|
||||||
@@ -1,111 +0,0 @@
|
|||||||
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<title>Code coverage report for dom-event-testing-library</title>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<link rel="stylesheet" href="../prettify.css" />
|
|
||||||
<link rel="stylesheet" href="../base.css" />
|
|
||||||
<link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
||||||
<style type='text/css'>
|
|
||||||
.coverage-summary .sorter {
|
|
||||||
background-image: url(../sort-arrow-sprite.png);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div class='wrapper'>
|
|
||||||
<div class='pad1'>
|
|
||||||
<h1><a href="../index.html">All files</a> dom-event-testing-library</h1>
|
|
||||||
<div class='clearfix'>
|
|
||||||
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">0% </span>
|
|
||||||
<span class="quiet">Statements</span>
|
|
||||||
<span class='fraction'>0/0</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">0% </span>
|
|
||||||
<span class="quiet">Branches</span>
|
|
||||||
<span class='fraction'>0/0</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">0% </span>
|
|
||||||
<span class="quiet">Functions</span>
|
|
||||||
<span class='fraction'>0/0</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">0% </span>
|
|
||||||
<span class="quiet">Lines</span>
|
|
||||||
<span class='fraction'>0/0</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<p class="quiet">
|
|
||||||
Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class='status-line low'></div>
|
|
||||||
<div class="pad1">
|
|
||||||
<table class="coverage-summary">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
|
|
||||||
<th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
|
|
||||||
<th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
|
|
||||||
<th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
||||||
<th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
|
|
||||||
<th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
||||||
<th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
|
|
||||||
<th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
||||||
<th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
|
|
||||||
<th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody><tr>
|
|
||||||
<td class="file empty" data-value="index.js"><a href="index.js.html">index.js</a></td>
|
|
||||||
<td data-value="0" class="pic empty">
|
|
||||||
<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
|
|
||||||
</td>
|
|
||||||
<td data-value="0" class="pct empty">0%</td>
|
|
||||||
<td data-value="0" class="abs empty">0/0</td>
|
|
||||||
<td data-value="0" class="pct empty">0%</td>
|
|
||||||
<td data-value="0" class="abs empty">0/0</td>
|
|
||||||
<td data-value="0" class="pct empty">0%</td>
|
|
||||||
<td data-value="0" class="abs empty">0/0</td>
|
|
||||||
<td data-value="0" class="pct empty">0%</td>
|
|
||||||
<td data-value="0" class="abs empty">0/0</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
<div class='push'></div><!-- for sticky footer -->
|
|
||||||
</div><!-- /wrapper -->
|
|
||||||
<div class='footer quiet pad2 space-top1 center small'>
|
|
||||||
Code coverage generated by
|
|
||||||
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
||||||
at Thu Jan 14 2021 13:53:17 GMT-0800 (Pacific Standard Time)
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script src="../prettify.js"></script>
|
|
||||||
<script>
|
|
||||||
window.onload = function () {
|
|
||||||
prettyPrint();
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<script src="../sorter.js"></script>
|
|
||||||
<script src="../block-navigation.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
@@ -1,83 +0,0 @@
|
|||||||
|
|
||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<title>Code coverage report for dom-event-testing-library/index.js</title>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<link rel="stylesheet" href="../prettify.css" />
|
|
||||||
<link rel="stylesheet" href="../base.css" />
|
|
||||||
<link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
||||||
<style type='text/css'>
|
|
||||||
.coverage-summary .sorter {
|
|
||||||
background-image: url(../sort-arrow-sprite.png);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div class='wrapper'>
|
|
||||||
<div class='pad1'>
|
|
||||||
<h1><a href="../index.html">All files</a> / <a href="index.html">dom-event-testing-library</a> index.js</h1>
|
|
||||||
<div class='clearfix'>
|
|
||||||
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">0% </span>
|
|
||||||
<span class="quiet">Statements</span>
|
|
||||||
<span class='fraction'>0/0</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">0% </span>
|
|
||||||
<span class="quiet">Branches</span>
|
|
||||||
<span class='fraction'>0/0</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">0% </span>
|
|
||||||
<span class="quiet">Functions</span>
|
|
||||||
<span class='fraction'>0/0</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">0% </span>
|
|
||||||
<span class="quiet">Lines</span>
|
|
||||||
<span class='fraction'>0/0</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<p class="quiet">
|
|
||||||
Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class='status-line low'></div>
|
|
||||||
<pre><table class="coverage">
|
|
||||||
<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
|
|
||||||
<a name='L2'></a><a href='#L2'>2</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">export * from './src/index';
|
|
||||||
</pre></td></tr></table></pre>
|
|
||||||
|
|
||||||
<div class='push'></div><!-- for sticky footer -->
|
|
||||||
</div><!-- /wrapper -->
|
|
||||||
<div class='footer quiet pad2 space-top1 center small'>
|
|
||||||
Code coverage generated by
|
|
||||||
<a href="https://istanbul.js.org/" target="_blank">istanbul</a>
|
|
||||||
at Thu Jan 14 2021 13:53:17 GMT-0800 (Pacific Standard Time)
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script src="../prettify.js"></script>
|
|
||||||
<script>
|
|
||||||
window.onload = function () {
|
|
||||||
prettyPrint();
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<script src="../sorter.js"></script>
|
|
||||||
<script src="../block-navigation.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 540 B |
File diff suppressed because it is too large
Load Diff
@@ -1,233 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>Code coverage report for packages/react-native-web/jest/createSerializer.js</title>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<link rel="stylesheet" href="../../../prettify.css" />
|
|
||||||
<link rel="stylesheet" href="../../../base.css" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<style type='text/css'>
|
|
||||||
.coverage-summary .sorter {
|
|
||||||
background-image: url(../../../sort-arrow-sprite.png);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class='wrapper'>
|
|
||||||
<div class='pad1'>
|
|
||||||
<h1>
|
|
||||||
<a href="../../../index.html">All files</a> / <a href="index.html">packages/react-native-web/jest</a> createSerializer.js
|
|
||||||
</h1>
|
|
||||||
<div class='clearfix'>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">96% </span>
|
|
||||||
<span class="quiet">Statements</span>
|
|
||||||
<span class='fraction'>24/25</span>
|
|
||||||
</div>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">94.44% </span>
|
|
||||||
<span class="quiet">Branches</span>
|
|
||||||
<span class='fraction'>17/18</span>
|
|
||||||
</div>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">100% </span>
|
|
||||||
<span class="quiet">Functions</span>
|
|
||||||
<span class='fraction'>6/6</span>
|
|
||||||
</div>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">96% </span>
|
|
||||||
<span class="quiet">Lines</span>
|
|
||||||
<span class='fraction'>24/25</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class='status-line high'></div>
|
|
||||||
<pre><table class="coverage">
|
|
||||||
<tr><td class="line-count quiet">1
|
|
||||||
2
|
|
||||||
3
|
|
||||||
4
|
|
||||||
5
|
|
||||||
6
|
|
||||||
7
|
|
||||||
8
|
|
||||||
9
|
|
||||||
10
|
|
||||||
11
|
|
||||||
12
|
|
||||||
13
|
|
||||||
14
|
|
||||||
15
|
|
||||||
16
|
|
||||||
17
|
|
||||||
18
|
|
||||||
19
|
|
||||||
20
|
|
||||||
21
|
|
||||||
22
|
|
||||||
23
|
|
||||||
24
|
|
||||||
25
|
|
||||||
26
|
|
||||||
27
|
|
||||||
28
|
|
||||||
29
|
|
||||||
30
|
|
||||||
31
|
|
||||||
32
|
|
||||||
33
|
|
||||||
34
|
|
||||||
35
|
|
||||||
36
|
|
||||||
37
|
|
||||||
38
|
|
||||||
39
|
|
||||||
40
|
|
||||||
41
|
|
||||||
42
|
|
||||||
43
|
|
||||||
44
|
|
||||||
45
|
|
||||||
46
|
|
||||||
47
|
|
||||||
48
|
|
||||||
49
|
|
||||||
50
|
|
||||||
51
|
|
||||||
52
|
|
||||||
53
|
|
||||||
54
|
|
||||||
55
|
|
||||||
56
|
|
||||||
57</td><td class="line-coverage quiet"><span class="cline-any cline-yes">43x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">109x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">95x</span>
|
|
||||||
<span class="cline-any cline-yes">202x</span>
|
|
||||||
<span class="cline-any cline-yes">202x</span>
|
|
||||||
<span class="cline-any cline-yes">1x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">202x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">95x</span>
|
|
||||||
<span class="cline-any cline-yes">37x</span>
|
|
||||||
<span class="cline-any cline-yes">37x</span>
|
|
||||||
<span class="cline-any cline-yes">37x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-no"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">95x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">95x</span>
|
|
||||||
<span class="cline-any cline-yes">95x</span>
|
|
||||||
<span class="cline-any cline-yes">66x</span>
|
|
||||||
<span class="cline-any cline-yes">65x</span>
|
|
||||||
<span class="cline-any cline-yes">77x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">1x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">95x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">14x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">1459x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">30x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">43x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">43x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">const React = require('react');
|
|
||||||
|
|
||||||
function createSerializer(styleSheet) {
|
|
||||||
function flattenNodeStyles(node) {
|
|
||||||
if (node && node.props) {
|
|
||||||
// check for React elements in any props
|
|
||||||
const nextProps = Object.keys(node.props).reduce((acc, curr) => {
|
|
||||||
const value = node.props[curr];
|
|
||||||
if (React.isValidElement(value)) {
|
|
||||||
acc[curr] = flattenNodeStyles(value);
|
|
||||||
}
|
|
||||||
return acc;
|
|
||||||
}, {});
|
|
||||||
|
|
||||||
// flatten styles and avoid empty objects in snapshots
|
|
||||||
if (node.props.style) {
|
|
||||||
const style = styleSheet.flatten(node.props.style);
|
|
||||||
<span class="missing-if-branch" title="else path not taken" >E</span>if (Object.keys(style).length > 0) {
|
|
||||||
nextProps.style = style;
|
|
||||||
} else {
|
|
||||||
<span class="cstat-no" title="statement not covered" > delete nextProps.style;</span>
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const args = [node, nextProps];
|
|
||||||
|
|
||||||
// recurse over children too
|
|
||||||
const children = node.children || node.props.children;
|
|
||||||
if (children) {
|
|
||||||
if (Array.isArray(children)) {
|
|
||||||
children.forEach(child => {
|
|
||||||
args.push(flattenNodeStyles(child));
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
args.push(flattenNodeStyles(children));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return React.cloneElement.apply(React.cloneElement, args);
|
|
||||||
}
|
|
||||||
|
|
||||||
return node;
|
|
||||||
}
|
|
||||||
|
|
||||||
function test(value) {
|
|
||||||
return !!value && value.$$typeof === Symbol.for('react.test.json');
|
|
||||||
}
|
|
||||||
|
|
||||||
function print(value, serializer) {
|
|
||||||
return serializer(flattenNodeStyles(value));
|
|
||||||
}
|
|
||||||
|
|
||||||
return { test, print };
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = createSerializer;
|
|
||||||
</pre></td></tr>
|
|
||||||
</table></pre>
|
|
||||||
<div class='push'></div><!-- for sticky footer -->
|
|
||||||
</div><!-- /wrapper -->
|
|
||||||
<div class='footer quiet pad2 space-top1 center small'>
|
|
||||||
Code coverage
|
|
||||||
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Sat Feb 17 2018 17:52:12 GMT-0800 (PST)
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script src="../../../prettify.js"></script>
|
|
||||||
<script>
|
|
||||||
window.onload = function () {
|
|
||||||
if (typeof prettyPrint === 'function') {
|
|
||||||
prettyPrint();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<script src="../../../sorter.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,93 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>Code coverage report for packages/react-native-web/jest</title>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<link rel="stylesheet" href="../../../prettify.css" />
|
|
||||||
<link rel="stylesheet" href="../../../base.css" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<style type='text/css'>
|
|
||||||
.coverage-summary .sorter {
|
|
||||||
background-image: url(../../../sort-arrow-sprite.png);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class='wrapper'>
|
|
||||||
<div class='pad1'>
|
|
||||||
<h1>
|
|
||||||
<a href="../../../index.html">All files</a> packages/react-native-web/jest
|
|
||||||
</h1>
|
|
||||||
<div class='clearfix'>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">96% </span>
|
|
||||||
<span class="quiet">Statements</span>
|
|
||||||
<span class='fraction'>24/25</span>
|
|
||||||
</div>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">94.44% </span>
|
|
||||||
<span class="quiet">Branches</span>
|
|
||||||
<span class='fraction'>17/18</span>
|
|
||||||
</div>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">100% </span>
|
|
||||||
<span class="quiet">Functions</span>
|
|
||||||
<span class='fraction'>6/6</span>
|
|
||||||
</div>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">96% </span>
|
|
||||||
<span class="quiet">Lines</span>
|
|
||||||
<span class='fraction'>24/25</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class='status-line high'></div>
|
|
||||||
<div class="pad1">
|
|
||||||
<table class="coverage-summary">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
|
|
||||||
<th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
|
|
||||||
<th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
|
|
||||||
<th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
||||||
<th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
|
|
||||||
<th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
||||||
<th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
|
|
||||||
<th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
||||||
<th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
|
|
||||||
<th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody><tr>
|
|
||||||
<td class="file high" data-value="createSerializer.js"><a href="createSerializer.js.html">createSerializer.js</a></td>
|
|
||||||
<td data-value="96" class="pic high"><div class="chart"><div class="cover-fill" style="width: 96%;"></div><div class="cover-empty" style="width:4%;"></div></div></td>
|
|
||||||
<td data-value="96" class="pct high">96%</td>
|
|
||||||
<td data-value="25" class="abs high">24/25</td>
|
|
||||||
<td data-value="94.44" class="pct high">94.44%</td>
|
|
||||||
<td data-value="18" class="abs high">17/18</td>
|
|
||||||
<td data-value="100" class="pct high">100%</td>
|
|
||||||
<td data-value="6" class="abs high">6/6</td>
|
|
||||||
<td data-value="96" class="pct high">96%</td>
|
|
||||||
<td data-value="25" class="abs high">24/25</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div><div class='push'></div><!-- for sticky footer -->
|
|
||||||
</div><!-- /wrapper -->
|
|
||||||
<div class='footer quiet pad2 space-top1 center small'>
|
|
||||||
Code coverage
|
|
||||||
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Sat Feb 17 2018 17:52:12 GMT-0800 (PST)
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script src="../../../prettify.js"></script>
|
|
||||||
<script>
|
|
||||||
window.onload = function () {
|
|
||||||
if (typeof prettyPrint === 'function') {
|
|
||||||
prettyPrint();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<script src="../../../sorter.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1,93 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>Code coverage report for scripts/jest</title>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<link rel="stylesheet" href="../../prettify.css" />
|
|
||||||
<link rel="stylesheet" href="../../base.css" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<style type='text/css'>
|
|
||||||
.coverage-summary .sorter {
|
|
||||||
background-image: url(../../sort-arrow-sprite.png);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class='wrapper'>
|
|
||||||
<div class='pad1'>
|
|
||||||
<h1>
|
|
||||||
<a href="../../index.html">All files</a> scripts/jest
|
|
||||||
</h1>
|
|
||||||
<div class='clearfix'>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">100% </span>
|
|
||||||
<span class="quiet">Statements</span>
|
|
||||||
<span class='fraction'>3/3</span>
|
|
||||||
</div>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">100% </span>
|
|
||||||
<span class="quiet">Branches</span>
|
|
||||||
<span class='fraction'>0/0</span>
|
|
||||||
</div>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">100% </span>
|
|
||||||
<span class="quiet">Functions</span>
|
|
||||||
<span class='fraction'>0/0</span>
|
|
||||||
</div>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">100% </span>
|
|
||||||
<span class="quiet">Lines</span>
|
|
||||||
<span class='fraction'>3/3</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class='status-line high'></div>
|
|
||||||
<div class="pad1">
|
|
||||||
<table class="coverage-summary">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
|
|
||||||
<th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
|
|
||||||
<th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
|
|
||||||
<th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
||||||
<th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
|
|
||||||
<th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
||||||
<th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
|
|
||||||
<th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
||||||
<th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
|
|
||||||
<th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody><tr>
|
|
||||||
<td class="file high" data-value="setupFramework.js"><a href="setupFramework.js.html">setupFramework.js</a></td>
|
|
||||||
<td data-value="100" class="pic high"><div class="chart"><div class="cover-fill cover-full" style="width: 100%;"></div><div class="cover-empty" style="width:0%;"></div></div></td>
|
|
||||||
<td data-value="100" class="pct high">100%</td>
|
|
||||||
<td data-value="3" class="abs high">3/3</td>
|
|
||||||
<td data-value="100" class="pct high">100%</td>
|
|
||||||
<td data-value="0" class="abs high">0/0</td>
|
|
||||||
<td data-value="100" class="pct high">100%</td>
|
|
||||||
<td data-value="0" class="abs high">0/0</td>
|
|
||||||
<td data-value="100" class="pct high">100%</td>
|
|
||||||
<td data-value="3" class="abs high">3/3</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div><div class='push'></div><!-- for sticky footer -->
|
|
||||||
</div><!-- /wrapper -->
|
|
||||||
<div class='footer quiet pad2 space-top1 center small'>
|
|
||||||
Code coverage
|
|
||||||
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Sat Feb 17 2018 17:52:12 GMT-0800 (PST)
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script src="../../prettify.js"></script>
|
|
||||||
<script>
|
|
||||||
window.onload = function () {
|
|
||||||
if (typeof prettyPrint === 'function') {
|
|
||||||
prettyPrint();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<script src="../../sorter.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,98 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<title>Code coverage report for scripts/jest/setupFramework.js</title>
|
|
||||||
<meta charset="utf-8" />
|
|
||||||
<link rel="stylesheet" href="../../prettify.css" />
|
|
||||||
<link rel="stylesheet" href="../../base.css" />
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
<style type='text/css'>
|
|
||||||
.coverage-summary .sorter {
|
|
||||||
background-image: url(../../sort-arrow-sprite.png);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class='wrapper'>
|
|
||||||
<div class='pad1'>
|
|
||||||
<h1>
|
|
||||||
<a href="../../index.html">All files</a> / <a href="index.html">scripts/jest</a> setupFramework.js
|
|
||||||
</h1>
|
|
||||||
<div class='clearfix'>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">100% </span>
|
|
||||||
<span class="quiet">Statements</span>
|
|
||||||
<span class='fraction'>3/3</span>
|
|
||||||
</div>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">100% </span>
|
|
||||||
<span class="quiet">Branches</span>
|
|
||||||
<span class='fraction'>0/0</span>
|
|
||||||
</div>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">100% </span>
|
|
||||||
<span class="quiet">Functions</span>
|
|
||||||
<span class='fraction'>0/0</span>
|
|
||||||
</div>
|
|
||||||
<div class='fl pad1y space-right2'>
|
|
||||||
<span class="strong">100% </span>
|
|
||||||
<span class="quiet">Lines</span>
|
|
||||||
<span class='fraction'>3/3</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class='status-line high'></div>
|
|
||||||
<pre><table class="coverage">
|
|
||||||
<tr><td class="line-count quiet">1
|
|
||||||
2
|
|
||||||
3
|
|
||||||
4
|
|
||||||
5
|
|
||||||
6
|
|
||||||
7
|
|
||||||
8
|
|
||||||
9
|
|
||||||
10
|
|
||||||
11
|
|
||||||
12</td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">43x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span>
|
|
||||||
<span class="cline-any cline-yes">43x</span>
|
|
||||||
<span class="cline-any cline-yes">43x</span>
|
|
||||||
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">/* eslint-env jasmine, jest */
|
|
||||||
|
|
||||||
import Adapter from 'enzyme-adapter-react-16';
|
|
||||||
import Enzyme from 'enzyme';
|
|
||||||
import createSerializer from '../../packages/react-native-web/jest/createSerializer';
|
|
||||||
import { StyleSheet } from '../../packages/react-native-web/src';
|
|
||||||
|
|
||||||
const serializer = createSerializer(StyleSheet);
|
|
||||||
|
|
||||||
Enzyme.configure({ adapter: new Adapter() });
|
|
||||||
expect.addSnapshotSerializer(serializer);
|
|
||||||
</pre></td></tr>
|
|
||||||
</table></pre>
|
|
||||||
<div class='push'></div><!-- for sticky footer -->
|
|
||||||
</div><!-- /wrapper -->
|
|
||||||
<div class='footer quiet pad2 space-top1 center small'>
|
|
||||||
Code coverage
|
|
||||||
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Sat Feb 17 2018 17:52:12 GMT-0800 (PST)
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script src="../../prettify.js"></script>
|
|
||||||
<script>
|
|
||||||
window.onload = function () {
|
|
||||||
if (typeof prettyPrint === 'function') {
|
|
||||||
prettyPrint();
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<script src="../../sorter.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 209 B |
@@ -1,158 +0,0 @@
|
|||||||
var addSorting = (function () {
|
|
||||||
"use strict";
|
|
||||||
var cols,
|
|
||||||
currentSort = {
|
|
||||||
index: 0,
|
|
||||||
desc: false
|
|
||||||
};
|
|
||||||
|
|
||||||
// returns the summary table element
|
|
||||||
function getTable() { return document.querySelector('.coverage-summary'); }
|
|
||||||
// returns the thead element of the summary table
|
|
||||||
function getTableHeader() { return getTable().querySelector('thead tr'); }
|
|
||||||
// returns the tbody element of the summary table
|
|
||||||
function getTableBody() { return getTable().querySelector('tbody'); }
|
|
||||||
// returns the th element for nth column
|
|
||||||
function getNthColumn(n) { return getTableHeader().querySelectorAll('th')[n]; }
|
|
||||||
|
|
||||||
// loads all columns
|
|
||||||
function loadColumns() {
|
|
||||||
var colNodes = getTableHeader().querySelectorAll('th'),
|
|
||||||
colNode,
|
|
||||||
cols = [],
|
|
||||||
col,
|
|
||||||
i;
|
|
||||||
|
|
||||||
for (i = 0; i < colNodes.length; i += 1) {
|
|
||||||
colNode = colNodes[i];
|
|
||||||
col = {
|
|
||||||
key: colNode.getAttribute('data-col'),
|
|
||||||
sortable: !colNode.getAttribute('data-nosort'),
|
|
||||||
type: colNode.getAttribute('data-type') || 'string'
|
|
||||||
};
|
|
||||||
cols.push(col);
|
|
||||||
if (col.sortable) {
|
|
||||||
col.defaultDescSort = col.type === 'number';
|
|
||||||
colNode.innerHTML = colNode.innerHTML + '<span class="sorter"></span>';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return cols;
|
|
||||||
}
|
|
||||||
// attaches a data attribute to every tr element with an object
|
|
||||||
// of data values keyed by column name
|
|
||||||
function loadRowData(tableRow) {
|
|
||||||
var tableCols = tableRow.querySelectorAll('td'),
|
|
||||||
colNode,
|
|
||||||
col,
|
|
||||||
data = {},
|
|
||||||
i,
|
|
||||||
val;
|
|
||||||
for (i = 0; i < tableCols.length; i += 1) {
|
|
||||||
colNode = tableCols[i];
|
|
||||||
col = cols[i];
|
|
||||||
val = colNode.getAttribute('data-value');
|
|
||||||
if (col.type === 'number') {
|
|
||||||
val = Number(val);
|
|
||||||
}
|
|
||||||
data[col.key] = val;
|
|
||||||
}
|
|
||||||
return data;
|
|
||||||
}
|
|
||||||
// loads all row data
|
|
||||||
function loadData() {
|
|
||||||
var rows = getTableBody().querySelectorAll('tr'),
|
|
||||||
i;
|
|
||||||
|
|
||||||
for (i = 0; i < rows.length; i += 1) {
|
|
||||||
rows[i].data = loadRowData(rows[i]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// sorts the table using the data for the ith column
|
|
||||||
function sortByIndex(index, desc) {
|
|
||||||
var key = cols[index].key,
|
|
||||||
sorter = function (a, b) {
|
|
||||||
a = a.data[key];
|
|
||||||
b = b.data[key];
|
|
||||||
return a < b ? -1 : a > b ? 1 : 0;
|
|
||||||
},
|
|
||||||
finalSorter = sorter,
|
|
||||||
tableBody = document.querySelector('.coverage-summary tbody'),
|
|
||||||
rowNodes = tableBody.querySelectorAll('tr'),
|
|
||||||
rows = [],
|
|
||||||
i;
|
|
||||||
|
|
||||||
if (desc) {
|
|
||||||
finalSorter = function (a, b) {
|
|
||||||
return -1 * sorter(a, b);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
for (i = 0; i < rowNodes.length; i += 1) {
|
|
||||||
rows.push(rowNodes[i]);
|
|
||||||
tableBody.removeChild(rowNodes[i]);
|
|
||||||
}
|
|
||||||
|
|
||||||
rows.sort(finalSorter);
|
|
||||||
|
|
||||||
for (i = 0; i < rows.length; i += 1) {
|
|
||||||
tableBody.appendChild(rows[i]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// removes sort indicators for current column being sorted
|
|
||||||
function removeSortIndicators() {
|
|
||||||
var col = getNthColumn(currentSort.index),
|
|
||||||
cls = col.className;
|
|
||||||
|
|
||||||
cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
|
|
||||||
col.className = cls;
|
|
||||||
}
|
|
||||||
// adds sort indicators for current column being sorted
|
|
||||||
function addSortIndicators() {
|
|
||||||
getNthColumn(currentSort.index).className += currentSort.desc ? ' sorted-desc' : ' sorted';
|
|
||||||
}
|
|
||||||
// adds event listeners for all sorter widgets
|
|
||||||
function enableUI() {
|
|
||||||
var i,
|
|
||||||
el,
|
|
||||||
ithSorter = function ithSorter(i) {
|
|
||||||
var col = cols[i];
|
|
||||||
|
|
||||||
return function () {
|
|
||||||
var desc = col.defaultDescSort;
|
|
||||||
|
|
||||||
if (currentSort.index === i) {
|
|
||||||
desc = !currentSort.desc;
|
|
||||||
}
|
|
||||||
sortByIndex(i, desc);
|
|
||||||
removeSortIndicators();
|
|
||||||
currentSort.index = i;
|
|
||||||
currentSort.desc = desc;
|
|
||||||
addSortIndicators();
|
|
||||||
};
|
|
||||||
};
|
|
||||||
for (i =0 ; i < cols.length; i += 1) {
|
|
||||||
if (cols[i].sortable) {
|
|
||||||
// add the click event handler on the th so users
|
|
||||||
// dont have to click on those tiny arrows
|
|
||||||
el = getNthColumn(i).querySelector('.sorter').parentElement;
|
|
||||||
if (el.addEventListener) {
|
|
||||||
el.addEventListener('click', ithSorter(i));
|
|
||||||
} else {
|
|
||||||
el.attachEvent('onclick', ithSorter(i));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// adds sorting functionality to the UI
|
|
||||||
return function () {
|
|
||||||
if (!getTable()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
cols = loadColumns();
|
|
||||||
loadData(cols);
|
|
||||||
addSortIndicators();
|
|
||||||
enableUI();
|
|
||||||
};
|
|
||||||
})();
|
|
||||||
|
|
||||||
window.addEventListener('load', addSorting);
|
|
||||||
6392
coverage/lcov.info
6392
coverage/lcov.info
File diff suppressed because it is too large
Load Diff
@@ -1,44 +0,0 @@
|
|||||||
{
|
|
||||||
"polyfillFiles": [
|
|
||||||
"static/chunks/polyfills.js"
|
|
||||||
],
|
|
||||||
"devFiles": [
|
|
||||||
"static/chunks/react-refresh.js"
|
|
||||||
],
|
|
||||||
"ampDevFiles": [
|
|
||||||
"static/chunks/webpack.js",
|
|
||||||
"static/chunks/amp.js"
|
|
||||||
],
|
|
||||||
"lowPriorityFiles": [
|
|
||||||
"static/development/_buildManifest.js",
|
|
||||||
"static/development/_ssgManifest.js"
|
|
||||||
],
|
|
||||||
"pages": {
|
|
||||||
"/": [
|
|
||||||
"static/chunks/main.js",
|
|
||||||
"static/chunks/webpack.js",
|
|
||||||
"static/chunks/pages/index.js"
|
|
||||||
],
|
|
||||||
"/_app": [
|
|
||||||
"static/chunks/main.js",
|
|
||||||
"static/chunks/webpack.js",
|
|
||||||
"static/chunks/pages/_app.js"
|
|
||||||
],
|
|
||||||
"/_error": [
|
|
||||||
"static/chunks/main.js",
|
|
||||||
"static/chunks/webpack.js",
|
|
||||||
"static/chunks/pages/_error.js"
|
|
||||||
],
|
|
||||||
"/image": [
|
|
||||||
"static/chunks/main.js",
|
|
||||||
"static/chunks/webpack.js",
|
|
||||||
"static/chunks/pages/image.js"
|
|
||||||
],
|
|
||||||
"/view": [
|
|
||||||
"static/chunks/main.js",
|
|
||||||
"static/chunks/webpack.js",
|
|
||||||
"static/chunks/pages/view.js"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"ampFirstPages": []
|
|
||||||
}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\nimport Example from '../../shared/SwitchExample';\nimport React from 'react';\nexport default function SwitchPage() {\n return /*#__PURE__*/_jsx(Example, {});\n}","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/ImageExample/examples/OnLoadStart.js\";\nimport { createUncachedURI } from '../helpers';\nimport NetworkImage from './NetworkImage';\nimport React from 'react';\nimport sources from '../sources';\nexport default function OnLoadStart() {\n return /*#__PURE__*/_jsxDEV(NetworkImage, {\n logMethod: \"onLoadStart\",\n source: createUncachedURI(sources.largeAlt)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 10\n }, this);\n}","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/ImageExample/examples/OnLoadStart.js"],"names":["createUncachedURI","NetworkImage","React","sources","OnLoadStart","largeAlt"],"mappings":";;AAAA,SAASA,iBAAT,QAAkC,YAAlC;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,YAApB;AAEA,eAAe,SAASC,WAAT,GAAuB;AACpC,sBAAO,QAAC,YAAD;AAAc,IAAA,SAAS,EAAC,aAAxB;AAAsC,IAAA,MAAM,EAAEJ,iBAAiB,CAACG,OAAO,CAACE,QAAT;AAA/D;AAAA;AAAA;AAAA;AAAA,UAAP;AACD","sourcesContent":["import { createUncachedURI } from '../helpers';\nimport NetworkImage from './NetworkImage';\nimport React from 'react';\nimport sources from '../sources';\n\nexport default function OnLoadStart() {\n return <NetworkImage logMethod=\"onLoadStart\" source={createUncachedURI(sources.largeAlt)} />;\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"\"use strict\";\n\nexports.__esModule = true;\nexports.getRouteMatcher = getRouteMatcher;\n\nfunction getRouteMatcher(routeRegex) {\n const {\n re,\n groups\n } = routeRegex;\n return pathname => {\n const routeMatch = re.exec(pathname);\n\n if (!routeMatch) {\n return false;\n }\n\n const decode = param => {\n try {\n return decodeURIComponent(param);\n } catch (_) {\n const err = new Error('failed to decode param');\n err.code = 'DECODE_FAILED';\n throw err;\n }\n };\n\n const params = {};\n Object.keys(groups).forEach(slugName => {\n const g = groups[slugName];\n const m = routeMatch[g.pos];\n\n if (m !== undefined) {\n params[slugName] = ~m.indexOf('/') ? m.split('/').map(entry => decode(entry)) : g.repeat ? [decode(m)] : decode(m);\n }\n });\n return params;\n };\n}","map":{"version":3,"sources":["../../../../../next-server/lib/router/utils/route-matcher.ts"],"names":["pathname","routeMatch","re","decode","param","decodeURIComponent","err","params","Object","slugName","g","groups","m","entry"],"mappings":";;;;;AAEO,SAAA,eAAA,CAAA,UAAA,EAAuE;AAC5E,QAAM;AAAA,IAAA,EAAA;AAAA,IAAA;AAAA,MAAN,UAAA;AACA,SAAQA,QAAD,IAAyC;AAC9C,UAAMC,UAAU,GAAGC,EAAE,CAAFA,IAAAA,CAAnB,QAAmBA,CAAnB;;AACA,QAAI,CAAJ,UAAA,EAAiB;AACf,aAAA,KAAA;AAGF;;AAAA,UAAMC,MAAM,GAAIC,KAAD,IAAmB;AAChC,UAAI;AACF,eAAOC,kBAAkB,CAAzB,KAAyB,CAAzB;AACA,OAFF,CAEE,OAAA,CAAA,EAAU;AACV,cAAMC,GAA8B,GAAG,IAAA,KAAA,CAAvC,wBAAuC,CAAvC;AAGAA,QAAAA,GAAG,CAAHA,IAAAA,GAAAA,eAAAA;AACA,cAAA,GAAA;AAEH;AAVD,KAAA;;AAWA,UAAMC,MAAkD,GAAxD,EAAA;AAEAC,IAAAA,MAAM,CAANA,IAAAA,CAAAA,MAAAA,EAAAA,OAAAA,CAA6BC,QAAD,IAAsB;AAChD,YAAMC,CAAC,GAAGC,MAAM,CAAhB,QAAgB,CAAhB;AACA,YAAMC,CAAC,GAAGX,UAAU,CAACS,CAAC,CAAtB,GAAoB,CAApB;;AACA,UAAIE,CAAC,KAAL,SAAA,EAAqB;AACnBL,QAAAA,MAAM,CAANA,QAAM,CAANA,GAAmB,CAACK,CAAC,CAADA,OAAAA,CAAD,GAACA,CAAD,GACfA,CAAC,CAADA,KAAAA,CAAAA,GAAAA,EAAAA,GAAAA,CAAkBC,KAAD,IAAWV,MAAM,CADnB,KACmB,CAAlCS,CADe,GAEfF,CAAC,CAADA,MAAAA,GACA,CAACP,MAAM,CADPO,CACO,CAAP,CADAA,GAEAP,MAAM,CAJVI,CAIU,CAJVA;AAMH;AAVDC,KAAAA;AAWA,WAAA,MAAA;AA9BF,GAAA;AAgCD","sourcesContent":["import { getRouteRegex } from './route-regex'\n\nexport function getRouteMatcher(routeRegex: ReturnType<typeof getRouteRegex>) {\n const { re, groups } = routeRegex\n return (pathname: string | null | undefined) => {\n const routeMatch = re.exec(pathname!)\n if (!routeMatch) {\n return false\n }\n\n const decode = (param: string) => {\n try {\n return decodeURIComponent(param)\n } catch (_) {\n const err: Error & { code?: string } = new Error(\n 'failed to decode param'\n )\n err.code = 'DECODE_FAILED'\n throw err\n }\n }\n const params: { [paramName: string]: string | string[] } = {}\n\n Object.keys(groups).forEach((slugName: string) => {\n const g = groups[slugName]\n const m = routeMatch[g.pos]\n if (m !== undefined) {\n params[slugName] = ~m.indexOf('/')\n ? m.split('/').map((entry) => decode(entry))\n : g.repeat\n ? [decode(m)]\n : decode(m)\n }\n })\n return params\n }\n}\n"]},"metadata":{},"sourceType":"script"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/pressable/examples/Disabled.js\";\nimport React from 'react';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport Pressable from \"react-native-web/dist/cjs/exports/Pressable\";\n\nconst action = msg => () => {\n console.log(msg);\n};\n\nexport default function Disabled() {\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(Pressable, {\n disabled: true,\n onPress: action('Pressable'),\n children: /*#__PURE__*/_jsxDEV(View, {\n style: [styles.row, styles.block],\n children: /*#__PURE__*/_jsxDEV(Text, {\n style: styles.disabledButton,\n children: \"Disabled Pressable\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 11\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Pressable, {\n disabled: false,\n onPress: action('Pressable'),\n children: /*#__PURE__*/_jsxDEV(View, {\n style: [styles.row, styles.block],\n children: /*#__PURE__*/_jsxDEV(Text, {\n style: styles.button,\n children: \"Enabled Pressable\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 11\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 10,\n columnNumber: 5\n }, this);\n}\nconst styles = StyleSheet.create({\n row: {\n justifyContent: 'center',\n flexDirection: 'row'\n },\n block: {\n padding: 10\n }\n});","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/pressable/examples/Disabled.js"],"names":["React","action","msg","console","log","Disabled","styles","row","block","disabledButton","button","StyleSheet","create","justifyContent","flexDirection","padding"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;AAGA,MAAMC,MAAM,GAAGC,GAAG,IAAI,MAAM;AAC1BC,EAAAA,OAAO,CAACC,GAAR,CAAYF,GAAZ;AACD,CAFD;;AAIA,eAAe,SAASG,QAAT,GAAoB;AACjC,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,SAAD;AAAW,MAAA,QAAQ,EAAE,IAArB;AAA2B,MAAA,OAAO,EAAEJ,MAAM,CAAC,WAAD,CAA1C;AAAA,6BACE,QAAC,IAAD;AAAM,QAAA,KAAK,EAAE,CAACK,MAAM,CAACC,GAAR,EAAaD,MAAM,CAACE,KAApB,CAAb;AAAA,+BACE,QAAC,IAAD;AAAM,UAAA,KAAK,EAAEF,MAAM,CAACG,cAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF,eAOE,QAAC,SAAD;AAAW,MAAA,QAAQ,EAAE,KAArB;AAA4B,MAAA,OAAO,EAAER,MAAM,CAAC,WAAD,CAA3C;AAAA,6BACE,QAAC,IAAD;AAAM,QAAA,KAAK,EAAE,CAACK,MAAM,CAACC,GAAR,EAAaD,MAAM,CAACE,KAApB,CAAb;AAAA,+BACE,QAAC,IAAD;AAAM,UAAA,KAAK,EAAEF,MAAM,CAACI,MAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YAPF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAeD;AAED,MAAMJ,MAAM,GAAGK,UAAU,CAACC,MAAX,CAAkB;AAC/BL,EAAAA,GAAG,EAAE;AACHM,IAAAA,cAAc,EAAE,QADb;AAEHC,IAAAA,aAAa,EAAE;AAFZ,GAD0B;AAK/BN,EAAAA,KAAK,EAAE;AACLO,IAAAA,OAAO,EAAE;AADJ;AALwB,CAAlB,CAAf","sourcesContent":["import React from 'react';\nimport { StyleSheet, View, Text, Pressable } from 'react-native';\n\nconst action = msg => () => {\n console.log(msg);\n};\n\nexport default function Disabled() {\n return (\n <View>\n <Pressable disabled={true} onPress={action('Pressable')}>\n <View style={[styles.row, styles.block]}>\n <Text style={styles.disabledButton}>Disabled Pressable</Text>\n </View>\n </Pressable>\n\n <Pressable disabled={false} onPress={action('Pressable')}>\n <View style={[styles.row, styles.block]}>\n <Text style={styles.button}>Enabled Pressable</Text>\n </View>\n </Pressable>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n row: {\n justifyContent: 'center',\n flexDirection: 'row'\n },\n block: {\n padding: 10\n }\n});\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\nimport Example from '../../shared/ScrollViewExample';\nimport React from 'react';\nexport default function ScrollViewPage() {\n return /*#__PURE__*/_jsx(Example, {});\n}","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"/**\n * Copyright (c) 2015-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';\n\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport Image from \"react-native-web/dist/cjs/exports/Image\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport sources from '../sources';\nexport default function StyleBoxShadow() {\n return /*#__PURE__*/_jsx(Image, {\n source: sources.hawk,\n style: styles.box\n });\n}\nconst styles = StyleSheet.create({\n box: {\n width: 100,\n height: 100,\n overflow: 'visible',\n shadowOpacity: 0.5,\n shadowRadius: 3,\n shadowOffset: {\n width: 2,\n height: 2\n }\n }\n});","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/scroll-view/helpers.js\";\nimport React from 'react';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport TouchableOpacity from \"react-native-web/dist/cjs/exports/TouchableOpacity\";\nexport const Button = ({\n label,\n onPress\n}) => /*#__PURE__*/_jsxDEV(TouchableOpacity, {\n onPress: onPress,\n style: styles.button,\n children: /*#__PURE__*/_jsxDEV(Text, {\n children: label\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 6,\n columnNumber: 5\n }, this)\n}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 5,\n columnNumber: 3\n}, this);\n\nfunction Item(props) {\n return /*#__PURE__*/_jsxDEV(TouchableOpacity, {\n style: [styles.item, props.style],\n children: /*#__PURE__*/_jsxDEV(Text, {\n children: props.msg\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 5\n }, this);\n}\n\nexport const createItemRow = (msg, index) => /*#__PURE__*/_jsxDEV(Item, {\n msg: msg\n}, index, false, {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 46\n}, this);\nconst styles = StyleSheet.create({\n button: {\n margin: 5,\n padding: 5,\n alignItems: 'center',\n backgroundColor: '#cccccc',\n borderRadius: 3\n },\n item: {\n margin: 5,\n padding: 5,\n backgroundColor: '#cccccc',\n borderRadius: 3,\n minWidth: 96\n }\n});","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/scroll-view/helpers.js"],"names":["React","Button","label","onPress","styles","button","Item","props","item","style","msg","createItemRow","index","StyleSheet","create","margin","padding","alignItems","backgroundColor","borderRadius","minWidth"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAGA,OAAO,MAAMC,MAAM,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,kBACpB,QAAC,gBAAD;AAAkB,EAAA,OAAO,EAAEA,OAA3B;AAAoC,EAAA,KAAK,EAAEC,MAAM,CAACC,MAAlD;AAAA,yBACE,QAAC,IAAD;AAAA,cAAOH;AAAP;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,QADK;;AAMP,SAASI,IAAT,CAAcC,KAAd,EAAqB;AACnB,sBACE,QAAC,gBAAD;AAAkB,IAAA,KAAK,EAAE,CAACH,MAAM,CAACI,IAAR,EAAcD,KAAK,CAACE,KAApB,CAAzB;AAAA,2BACE,QAAC,IAAD;AAAA,gBAAOF,KAAK,CAACG;AAAb;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,UADF;AAKD;;AAED,OAAO,MAAMC,aAAa,GAAG,CAACD,GAAD,EAAME,KAAN,kBAAgB,QAAC,IAAD;AAAkB,EAAA,GAAG,EAAEF;AAAvB,GAAWE,KAAX;AAAA;AAAA;AAAA;AAAA,QAAtC;AAEP,MAAMR,MAAM,GAAGS,UAAU,CAACC,MAAX,CAAkB;AAC/BT,EAAAA,MAAM,EAAE;AACNU,IAAAA,MAAM,EAAE,CADF;AAENC,IAAAA,OAAO,EAAE,CAFH;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAINC,IAAAA,eAAe,EAAE,SAJX;AAKNC,IAAAA,YAAY,EAAE;AALR,GADuB;AAQ/BX,EAAAA,IAAI,EAAE;AACJO,IAAAA,MAAM,EAAE,CADJ;AAEJC,IAAAA,OAAO,EAAE,CAFL;AAGJE,IAAAA,eAAe,EAAE,SAHb;AAIJC,IAAAA,YAAY,EAAE,CAJV;AAKJC,IAAAA,QAAQ,EAAE;AALN;AARyB,CAAlB,CAAf","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity } from 'react-native';\n\nexport const Button = ({ label, onPress }) => (\n <TouchableOpacity onPress={onPress} style={styles.button}>\n <Text>{label}</Text>\n </TouchableOpacity>\n);\n\nfunction Item(props) {\n return (\n <TouchableOpacity style={[styles.item, props.style]}>\n <Text>{props.msg}</Text>\n </TouchableOpacity>\n );\n}\n\nexport const createItemRow = (msg, index) => <Item key={index} msg={msg} />;\n\nconst styles = StyleSheet.create({\n button: {\n margin: 5,\n padding: 5,\n alignItems: 'center',\n backgroundColor: '#cccccc',\n borderRadius: 3\n },\n item: {\n margin: 5,\n padding: 5,\n backgroundColor: '#cccccc',\n borderRadius: 3,\n minWidth: 96\n }\n});\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/switch/helpers.js\",\n _this = this;\n\nimport React from 'react';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\n\nvar DividerHorizontal = function DividerHorizontal() {\n return /*#__PURE__*/_jsxDEV(View, {\n style: styles.horizontalDivider\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 4,\n columnNumber: 33\n }, _this);\n};\n\n_c = DividerHorizontal;\n\nvar DividerVertical = function DividerVertical() {\n return /*#__PURE__*/_jsxDEV(View, {\n style: styles.verticalDivider\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 5,\n columnNumber: 31\n }, _this);\n};\n\n_c2 = DividerVertical;\nexport var styles = StyleSheet.create({\n horizontalDivider: {\n width: '0.6rem'\n },\n verticalDivider: {\n height: '1.3125rem'\n },\n row: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n marginRight: {\n marginRight: 10\n },\n marginBottom: {\n marginBottom: 10\n },\n marginVertical: {\n marginVertical: 5\n },\n alignCenter: {\n alignItems: 'center'\n }\n});\nexport { DividerHorizontal, DividerVertical };\n\nvar _c, _c2;\n\n$RefreshReg$(_c, \"DividerHorizontal\");\n$RefreshReg$(_c2, \"DividerVertical\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/switch/helpers.js"],"names":["React","DividerHorizontal","styles","horizontalDivider","DividerVertical","verticalDivider","StyleSheet","create","width","height","row","flexDirection","flexWrap","marginRight","marginBottom","marginVertical","alignCenter","alignItems"],"mappings":";;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAGA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB;AAAA,sBAAM,QAAC,IAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB;AAAA;AAAA;AAAA;AAAA,WAAN;AAAA,CAA1B;;KAAMF,iB;;AACN,IAAMG,eAAe,GAAG,SAAlBA,eAAkB;AAAA,sBAAM,QAAC,IAAD;AAAM,IAAA,KAAK,EAAEF,MAAM,CAACG;AAApB;AAAA;AAAA;AAAA;AAAA,WAAN;AAAA,CAAxB;;MAAMD,e;AAEN,OAAO,IAAMF,MAAM,GAAGI,UAAU,CAACC,MAAX,CAAkB;AACtCJ,EAAAA,iBAAiB,EAAE;AACjBK,IAAAA,KAAK,EAAE;AADU,GADmB;AAItCH,EAAAA,eAAe,EAAE;AACfI,IAAAA,MAAM,EAAE;AADO,GAJqB;AAOtCC,EAAAA,GAAG,EAAE;AACHC,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,QAAQ,EAAE;AAFP,GAPiC;AAWtCC,EAAAA,WAAW,EAAE;AACXA,IAAAA,WAAW,EAAE;AADF,GAXyB;AActCC,EAAAA,YAAY,EAAE;AACZA,IAAAA,YAAY,EAAE;AADF,GAdwB;AAiBtCC,EAAAA,cAAc,EAAE;AACdA,IAAAA,cAAc,EAAE;AADF,GAjBsB;AAoBtCC,EAAAA,WAAW,EAAE;AACXC,IAAAA,UAAU,EAAE;AADD;AApByB,CAAlB,CAAf;AAyBP,SAAShB,iBAAT,EAA4BG,eAA5B","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nconst DividerHorizontal = () => <View style={styles.horizontalDivider} />;\nconst DividerVertical = () => <View style={styles.verticalDivider} />;\n\nexport const styles = StyleSheet.create({\n horizontalDivider: {\n width: '0.6rem'\n },\n verticalDivider: {\n height: '1.3125rem'\n },\n row: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n marginRight: {\n marginRight: 10\n },\n marginBottom: {\n marginBottom: 10\n },\n marginVertical: {\n marginVertical: 5\n },\n alignCenter: {\n alignItems: 'center'\n }\n});\n\nexport { DividerHorizontal, DividerVertical };\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/switch/helpers.js\";\nimport React from 'react';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\n\nconst DividerHorizontal = () => /*#__PURE__*/_jsxDEV(View, {\n style: styles.horizontalDivider\n}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 4,\n columnNumber: 33\n}, this);\n\nconst DividerVertical = () => /*#__PURE__*/_jsxDEV(View, {\n style: styles.verticalDivider\n}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 5,\n columnNumber: 31\n}, this);\n\nexport const styles = StyleSheet.create({\n horizontalDivider: {\n width: '0.6rem'\n },\n verticalDivider: {\n height: '1.3125rem'\n },\n row: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n marginRight: {\n marginRight: 10\n },\n marginBottom: {\n marginBottom: 10\n },\n marginVertical: {\n marginVertical: 5\n },\n alignCenter: {\n alignItems: 'center'\n }\n});\nexport { DividerHorizontal, DividerVertical };","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/switch/helpers.js"],"names":["React","DividerHorizontal","styles","horizontalDivider","DividerVertical","verticalDivider","StyleSheet","create","width","height","row","flexDirection","flexWrap","marginRight","marginBottom","marginVertical","alignCenter","alignItems"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAGA,MAAMC,iBAAiB,GAAG,mBAAM,QAAC,IAAD;AAAM,EAAA,KAAK,EAAEC,MAAM,CAACC;AAApB;AAAA;AAAA;AAAA;AAAA,QAAhC;;AACA,MAAMC,eAAe,GAAG,mBAAM,QAAC,IAAD;AAAM,EAAA,KAAK,EAAEF,MAAM,CAACG;AAApB;AAAA;AAAA;AAAA;AAAA,QAA9B;;AAEA,OAAO,MAAMH,MAAM,GAAGI,UAAU,CAACC,MAAX,CAAkB;AACtCJ,EAAAA,iBAAiB,EAAE;AACjBK,IAAAA,KAAK,EAAE;AADU,GADmB;AAItCH,EAAAA,eAAe,EAAE;AACfI,IAAAA,MAAM,EAAE;AADO,GAJqB;AAOtCC,EAAAA,GAAG,EAAE;AACHC,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,QAAQ,EAAE;AAFP,GAPiC;AAWtCC,EAAAA,WAAW,EAAE;AACXA,IAAAA,WAAW,EAAE;AADF,GAXyB;AActCC,EAAAA,YAAY,EAAE;AACZA,IAAAA,YAAY,EAAE;AADF,GAdwB;AAiBtCC,EAAAA,cAAc,EAAE;AACdA,IAAAA,cAAc,EAAE;AADF,GAjBsB;AAoBtCC,EAAAA,WAAW,EAAE;AACXC,IAAAA,UAAU,EAAE;AADD;AApByB,CAAlB,CAAf;AAyBP,SAAShB,iBAAT,EAA4BG,eAA5B","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nconst DividerHorizontal = () => <View style={styles.horizontalDivider} />;\nconst DividerVertical = () => <View style={styles.verticalDivider} />;\n\nexport const styles = StyleSheet.create({\n horizontalDivider: {\n width: '0.6rem'\n },\n verticalDivider: {\n height: '1.3125rem'\n },\n row: {\n flexDirection: 'row',\n flexWrap: 'wrap'\n },\n marginRight: {\n marginRight: 10\n },\n marginBottom: {\n marginBottom: 10\n },\n marginVertical: {\n marginVertical: 5\n },\n alignCenter: {\n alignItems: 'center'\n }\n});\n\nexport { DividerHorizontal, DividerVertical };\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function Selectable() {\n return /*#__PURE__*/_jsxs(View, {\n children: [/*#__PURE__*/_jsxs(Text, {\n selectable: true,\n children: [\"This text is \", /*#__PURE__*/_jsx(Text, {\n style: {\n fontWeight: 'bold'\n },\n children: \"selectable\"\n }), \" if you click-and-hold.\"]\n }), /*#__PURE__*/_jsxs(Text, {\n selectable: false,\n children: [\"This text is \", /*#__PURE__*/_jsx(Text, {\n style: {\n fontWeight: 'bold'\n },\n children: \"not selectable\"\n }), \" if you click-and-hold.\"]\n })]\n });\n}","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React, { useRef, useState } from 'react';\nimport Animated from \"react-native-web/dist/cjs/exports/Animated\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport PanResponder from \"react-native-web/dist/cjs/exports/PanResponder\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport TouchableOpacity from \"react-native-web/dist/cjs/exports/TouchableOpacity\";\n\nconst App = () => {\n const pan = useRef(new Animated.ValueXY()).current;\n const {\n 0: x,\n 1: setX\n } = useState(0);\n const panResponder = useRef(null);\n\n if (panResponder.current == null) {\n panResponder.current = PanResponder.create({\n onMoveShouldSetPanResponder: () => true,\n onPanResponderGrant: e => {\n console.log('pan grant');\n pan.setOffset({\n x: pan.x._value,\n y: pan.y._value\n });\n },\n onPanResponderMove: Animated.event([null, {\n dx: pan.x,\n dy: pan.y\n }]),\n onPanResponderRelease: () => {\n console.log('pan release');\n pan.flattenOffset();\n },\n\n onPanResponderTerminate() {\n console.log('pan terminate');\n pan.flattenOffset();\n }\n\n });\n }\n\n return /*#__PURE__*/_jsxs(View, {\n style: styles.container,\n children: [/*#__PURE__*/_jsxs(Text, {\n style: styles.titleText,\n children: [\"Pressed: \", x]\n }), /*#__PURE__*/_jsx(Animated.View, _objectSpread(_objectSpread({\n style: {\n transform: [{\n translateX: pan.x\n }, {\n translateY: pan.y\n }]\n }\n }, panResponder.current.panHandlers), {}, {\n children: /*#__PURE__*/_jsx(View, {\n style: styles.box,\n children: /*#__PURE__*/_jsxs(TouchableOpacity, {\n onPress: () => setX(x + 1),\n style: styles.outerTouchable,\n children: [/*#__PURE__*/_jsx(TouchableOpacity, {\n onPress: () => {\n console.log('press inner');\n },\n style: styles.innerTouchable\n }), /*#__PURE__*/_jsx(TouchableOpacity, {\n disabled: true,\n style: styles.innerTouchable\n }), /*#__PURE__*/_jsx(TouchableOpacity, {\n accessibilityRole: \"button\",\n disabled: true,\n style: [styles.innerTouchable, styles.disabledButton]\n })]\n })\n })\n }))]\n });\n};\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n userSelect: 'none'\n },\n titleText: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 'bold'\n },\n box: {\n height: 200,\n width: 150,\n backgroundColor: 'lightblue',\n borderRadius: 5\n },\n outerTouchable: {\n height: 150,\n width: 100,\n margin: 25,\n backgroundColor: 'blue',\n borderRadius: 5,\n justifyContent: 'center'\n },\n innerTouchable: {\n height: 20,\n flex: 1,\n marginVertical: 10,\n marginHorizontal: 20,\n backgroundColor: 'green',\n borderRadius: 5\n },\n disabledButton: {\n backgroundColor: 'red'\n }\n});\nexport default App;","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/Placeholder.js\";\nimport React from 'react';\nimport { styles } from '../helpers';\nimport TextInput from \"react-native-web/dist/cjs/exports/TextInput\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function Placeholder() {\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(TextInput, {\n placeholder: \"This is placeholder text\",\n style: styles.textinput\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(TextInput, {\n multiline: true,\n placeholder: \"This is placeholder text\",\n style: styles.multiline\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 5\n }, this);\n}","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/Placeholder.js"],"names":["React","styles","Placeholder","textinput","multiline"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,YAAvB;;;AAGA,eAAe,SAASC,WAAT,GAAuB;AACpC,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,SAAD;AAAW,MAAA,WAAW,EAAC,0BAAvB;AAAkD,MAAA,KAAK,EAAED,MAAM,CAACE;AAAhE;AAAA;AAAA;AAAA;AAAA,YADF,eAEE,QAAC,SAAD;AAAW,MAAA,SAAS,EAAE,IAAtB;AAA4B,MAAA,WAAW,EAAC,0BAAxC;AAAmE,MAAA,KAAK,EAAEF,MAAM,CAACG;AAAjF;AAAA;AAAA;AAAA;AAAA,YAFF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAMD","sourcesContent":["import React from 'react';\nimport { styles } from '../helpers';\nimport { TextInput, View } from 'react-native';\n\nexport default function Placeholder() {\n return (\n <View>\n <TextInput placeholder=\"This is placeholder text\" style={styles.textinput} />\n <TextInput multiline={true} placeholder=\"This is placeholder text\" style={styles.multiline} />\n </View>\n );\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/esm/getPrototypeOf\";\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nimport Linking from \"react-native-web/dist/cjs/exports/Linking\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport React, { PureComponent } from 'react';\nvar url = 'https://mathiasbynens.github.io/rel-noopener/malicious.html';\n\nvar OpenURLExample = /*#__PURE__*/function (_PureComponent) {\n _inherits(OpenURLExample, _PureComponent);\n\n var _super = _createSuper(OpenURLExample);\n\n function OpenURLExample() {\n _classCallCheck(this, OpenURLExample);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(OpenURLExample, [{\n key: \"handlePress\",\n value: function handlePress() {\n Linking.canOpenURL(url).then(function (supported) {\n return Linking.openURL(url);\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n return /*#__PURE__*/_jsxs(View, {\n children: [/*#__PURE__*/_jsx(Text, {\n onPress: this.handlePress,\n style: styles.text,\n children: \"Linking.openURL\"\n }), /*#__PURE__*/_jsx(Text, {\n accessibilityRole: \"link\",\n href: \"https://mathiasbynens.github.io/rel-noopener/malicious.html\",\n style: styles.text,\n target: \"_blank\",\n children: \"target=\\\"_blank\\\"\"\n })]\n });\n }\n }]);\n\n return OpenURLExample;\n}(PureComponent);\n\nexport default function OpenURL() {\n return /*#__PURE__*/_jsx(OpenURLExample, {});\n}\nvar styles = StyleSheet.create({\n text: {\n borderRadius: 5,\n borderStyle: 'solid',\n borderWidth: 1,\n marginVertical: 10,\n padding: 10\n }\n});","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/pressable/index.js\";\nimport Example from '../../shared/PressableExample';\nimport React from 'react';\nexport default function PressablePage() {\n return /*#__PURE__*/_jsxDEV(Example, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 5,\n columnNumber: 10\n }, this);\n}","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/pressable/index.js"],"names":["Example","React","PressablePage"],"mappings":";;AAAA,OAAOA,OAAP,MAAoB,+BAApB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,eAAe,SAASC,aAAT,GAAyB;AACtC,sBAAO,QAAC,OAAD;AAAA;AAAA;AAAA;AAAA,UAAP;AACD","sourcesContent":["import Example from '../../shared/PressableExample';\nimport React from 'react';\n\nexport default function PressablePage() {\n return <Example />;\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/modal/examples/Simple.js\";\nimport React, { useState } from 'react';\nimport Modal from \"react-native-web/dist/cjs/exports/Modal\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport Button from \"react-native-web/dist/cjs/exports/Button\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\n\nfunction Gap() {\n return /*#__PURE__*/_jsxDEV(View, {\n style: styles.gap\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 5,\n columnNumber: 10\n }, this);\n}\n\nexport default function SimpleModal() {\n const {\n 0: isVisible,\n 1: setIsVisible\n } = useState(false);\n return /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(Button, {\n onPress: () => setIsVisible(true),\n title: 'Open simple modal'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Modal, {\n onRequestClose: () => setIsVisible(false),\n visible: isVisible,\n children: /*#__PURE__*/_jsxDEV(View, {\n style: styles.container,\n children: [/*#__PURE__*/_jsxDEV(Text, {\n children: \"Hello, World!\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Gap, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(Button, {\n onPress: () => setIsVisible(false),\n title: 'Close simple modal'\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 7\n }, this)]\n }, void 0, true);\n}\nconst styles = StyleSheet.create({\n container: {\n alignItems: 'center',\n flex: 1,\n justifyContent: 'center'\n },\n gap: {\n height: 10\n }\n});","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/modal/examples/Simple.js"],"names":["React","useState","Gap","styles","gap","SimpleModal","isVisible","setIsVisible","container","StyleSheet","create","alignItems","flex","justifyContent","height"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;;;;;;;AAGA,SAASC,GAAT,GAAe;AACb,sBAAO,QAAC,IAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC;AAApB;AAAA;AAAA;AAAA;AAAA,UAAP;AACD;;AAED,eAAe,SAASC,WAAT,GAAuB;AACpC,QAAM;AAAA,OAACC,SAAD;AAAA,OAAYC;AAAZ,MAA4BN,QAAQ,CAAC,KAAD,CAA1C;AAEA,sBACE;AAAA,4BACE,QAAC,MAAD;AAAQ,MAAA,OAAO,EAAE,MAAMM,YAAY,CAAC,IAAD,CAAnC;AAA2C,MAAA,KAAK,EAAE;AAAlD;AAAA;AAAA;AAAA;AAAA,YADF,eAEE,QAAC,KAAD;AAAO,MAAA,cAAc,EAAE,MAAMA,YAAY,CAAC,KAAD,CAAzC;AAAkD,MAAA,OAAO,EAAED,SAA3D;AAAA,6BACE,QAAC,IAAD;AAAM,QAAA,KAAK,EAAEH,MAAM,CAACK,SAApB;AAAA,gCACE,QAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBADF,eAEE,QAAC,GAAD;AAAA;AAAA;AAAA;AAAA,gBAFF,eAGE,QAAC,MAAD;AAAQ,UAAA,OAAO,EAAE,MAAMD,YAAY,CAAC,KAAD,CAAnC;AAA4C,UAAA,KAAK,EAAE;AAAnD;AAAA;AAAA;AAAA;AAAA,gBAHF;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YAFF;AAAA,kBADF;AAYD;AAED,MAAMJ,MAAM,GAAGM,UAAU,CAACC,MAAX,CAAkB;AAC/BF,EAAAA,SAAS,EAAE;AACTG,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,IAAI,EAAE,CAFG;AAGTC,IAAAA,cAAc,EAAE;AAHP,GADoB;AAM/BT,EAAAA,GAAG,EAAE;AACHU,IAAAA,MAAM,EAAE;AADL;AAN0B,CAAlB,CAAf","sourcesContent":["import React, { useState } from 'react';\nimport { Modal, Text, View, Button, StyleSheet } from 'react-native';\n\nfunction Gap() {\n return <View style={styles.gap} />;\n}\n\nexport default function SimpleModal() {\n const [isVisible, setIsVisible] = useState(false);\n\n return (\n <>\n <Button onPress={() => setIsVisible(true)} title={'Open simple modal'} />\n <Modal onRequestClose={() => setIsVisible(false)} visible={isVisible}>\n <View style={styles.container}>\n <Text>Hello, World!</Text>\n <Gap />\n <Button onPress={() => setIsVisible(false)} title={'Close simple modal'} />\n </View>\n </Modal>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n alignItems: 'center',\n flex: 1,\n justifyContent: 'center'\n },\n gap: {\n height: 10\n }\n});\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\n\nconst createUncachedURI = source => {\n const helper = str => `${str}?t=${Date.now()}`;\n\n const uri = typeof source === 'string' ? source : source.uri;\n return typeof source === 'string' ? helper(uri) : _objectSpread(_objectSpread({}, source), {}, {\n uri: helper(uri)\n });\n};\n\nconst styles = StyleSheet.create({\n base: {\n height: 200,\n width: 300\n },\n row: {\n flexDirection: 'row'\n },\n centerRow: {\n alignItems: 'center'\n },\n marginTop: {\n marginTop: '1rem'\n }\n});\nexport { createUncachedURI, styles };","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/ImageExample/helpers.js"],"names":["createUncachedURI","source","helper","str","Date","now","uri","styles","StyleSheet","create","base","height","width","row","flexDirection","centerRow","alignItems","marginTop"],"mappings":";;;;;;;;AAEA,MAAMA,iBAAiB,GAAGC,MAAM,IAAI;AAClC,QAAMC,MAAM,GAAGC,GAAG,IAAK,GAAEA,GAAI,MAAKC,IAAI,CAACC,GAAL,EAAW,EAA7C;;AACA,QAAMC,GAAG,GAAG,OAAOL,MAAP,KAAkB,QAAlB,GAA6BA,MAA7B,GAAsCA,MAAM,CAACK,GAAzD;AACA,SAAO,OAAOL,MAAP,KAAkB,QAAlB,GAA6BC,MAAM,CAACI,GAAD,CAAnC,mCAAgDL,MAAhD;AAAwDK,IAAAA,GAAG,EAAEJ,MAAM,CAACI,GAAD;AAAnE,IAAP;AACD,CAJD;;AAMA,MAAMC,MAAM,GAAGC,UAAU,CAACC,MAAX,CAAkB;AAC/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,GADJ;AAEJC,IAAAA,KAAK,EAAE;AAFH,GADyB;AAK/BC,EAAAA,GAAG,EAAE;AACHC,IAAAA,aAAa,EAAE;AADZ,GAL0B;AAQ/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE;AADH,GARoB;AAW/BC,EAAAA,SAAS,EAAE;AACTA,IAAAA,SAAS,EAAE;AADF;AAXoB,CAAlB,CAAf;AAgBA,SAASjB,iBAAT,EAA4BO,MAA5B","sourcesContent":["import { StyleSheet } from 'react-native';\n\nconst createUncachedURI = source => {\n const helper = str => `${str}?t=${Date.now()}`;\n const uri = typeof source === 'string' ? source : source.uri;\n return typeof source === 'string' ? helper(uri) : { ...source, uri: helper(uri) };\n};\n\nconst styles = StyleSheet.create({\n base: {\n height: 200,\n width: 300\n },\n row: {\n flexDirection: 'row'\n },\n centerRow: {\n alignItems: 'center'\n },\n marginTop: {\n marginTop: '1rem'\n }\n});\n\nexport { createUncachedURI, styles };\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport { styles } from '../helpers';\nimport Switch from \"react-native-web/dist/cjs/exports/Switch\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nconst colors = ['#1DA1F2', '#17BF63', '#F45D22', '#794BC4', '#E0245E'];\nconst itemStyle = [styles.marginVertical, styles.marginRight];\nexport default function ActiveThumbColor() {\n return /*#__PURE__*/_jsxs(View, {\n style: styles.row,\n children: [/*#__PURE__*/_jsx(View, {\n style: itemStyle,\n children: /*#__PURE__*/_jsx(Switch, {\n value: true\n })\n }), colors.map((color, i) => /*#__PURE__*/_jsx(View, {\n style: itemStyle,\n children: /*#__PURE__*/_jsx(Switch, {\n activeThumbColor: color,\n activeTrackColor: \"#ccc\",\n value: true\n })\n }, i))]\n });\n}","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"/* eslint-disable react/jsx-no-bind */\n'use strict';\n\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport ScrollView from \"react-native-web/dist/cjs/exports/ScrollView\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport { createItemRow, Button } from '../helpers';\nconst ITEMS = [...Array(12)].map((_, i) => `Item ${i}`);\nexport default function Horizontal() {\n const scrollRef = React.useRef(null);\n return /*#__PURE__*/_jsxs(View, {\n children: [/*#__PURE__*/_jsx(Text, {\n style: styles.text,\n children: \"Horizontal scroll\"\n }), /*#__PURE__*/_jsx(ScrollView, {\n horizontal: true,\n ref: scrollRef,\n style: [styles.scrollView, styles.horizontalScrollView],\n children: ITEMS.map(createItemRow)\n }), /*#__PURE__*/_jsx(Button, {\n label: \"Scroll to start\",\n onPress: () => {\n scrollRef.current.scrollTo({\n x: 0\n });\n }\n }), /*#__PURE__*/_jsx(Button, {\n label: \"Scroll to 50px\",\n onPress: () => {\n scrollRef.current.scrollTo({\n x: 50\n });\n }\n }), /*#__PURE__*/_jsx(Button, {\n label: \"Scroll to end\",\n onPress: () => {\n scrollRef.current.scrollToEnd({\n animated: true\n });\n }\n }), /*#__PURE__*/_jsx(Button, {\n label: \"Flash scroll indicators\",\n onPress: () => {\n scrollRef.current.flashScrollIndicators();\n }\n })]\n });\n}\nconst styles = StyleSheet.create({\n scrollView: {\n backgroundColor: '#eeeeee',\n height: 300\n },\n horizontalScrollView: {\n height: 106\n },\n text: {\n fontSize: 16,\n fontWeight: 'bold',\n margin: 5\n }\n});","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport CheckBox from \"react-native-web/dist/cjs/exports/CheckBox\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport React from 'react';\nconst colors = [\"#1DA1F2\", \"#17BF63\", \"#FFAD1F\", \"#F45D22\", \"#794BC4\", \"#E0245E\"];\nconst sizes = [20, 'small', 36, 'large', 60];\nexport default function CheckboxPage() {\n const [checked, setChecked] = React.useState(true);\n React.useEffect(() => {\n const interval = setInterval(() => {\n setChecked(!checked);\n }, 5000);\n return () => {\n clearInterval(interval);\n };\n }, [checked]);\n return /*#__PURE__*/_jsxs(View, {\n style: styles.horizontal,\n children: [/*#__PURE__*/_jsx(View, {\n style: styles.item,\n children: /*#__PURE__*/_jsx(CheckBox, {\n disabled: true,\n value: false\n })\n }), /*#__PURE__*/_jsx(View, {\n style: styles.item,\n children: /*#__PURE__*/_jsx(CheckBox, {\n disabled: true,\n value: true\n })\n }), /*#__PURE__*/_jsx(View, {\n style: styles.item,\n children: /*#__PURE__*/_jsx(CheckBox, {\n value: false\n })\n }), /*#__PURE__*/_jsx(View, {\n style: styles.item,\n children: /*#__PURE__*/_jsx(CheckBox, {\n value: true\n })\n }), sizes.map((size, i) => /*#__PURE__*/_jsx(View, {\n style: styles.item,\n children: /*#__PURE__*/_jsx(CheckBox, {\n color: colors[i],\n value: true\n }, i)\n })), /*#__PURE__*/_jsx(CheckBox, {\n color: \"#1DA1F2\",\n style: {\n height: 32,\n width: 32\n },\n value: checked\n })]\n });\n}\nconst styles = StyleSheet.create({\n horizontal: {\n alignItems: 'center',\n flexDirection: 'row'\n },\n item: {\n paddingRight: 10\n }\n});","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/progress-bar/helpers.js\";\nimport React from 'react';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\n\nconst DividerHorizontal = () => /*#__PURE__*/_jsxDEV(View, {\n style: styles.horizontalDivider\n}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 4,\n columnNumber: 33\n}, this);\n\nconst DividerVertical = () => /*#__PURE__*/_jsxDEV(View, {\n style: styles.verticalDivider\n}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 5,\n columnNumber: 31\n}, this);\n\nconst styles = StyleSheet.create({\n horizontalDivider: {\n width: '0.6rem'\n },\n verticalDivider: {\n height: '1.3125rem'\n }\n});\nexport { DividerHorizontal, DividerVertical };","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/progress-bar/helpers.js"],"names":["React","DividerHorizontal","styles","horizontalDivider","DividerVertical","verticalDivider","StyleSheet","create","width","height"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAGA,MAAMC,iBAAiB,GAAG,mBAAM,QAAC,IAAD;AAAM,EAAA,KAAK,EAAEC,MAAM,CAACC;AAApB;AAAA;AAAA;AAAA;AAAA,QAAhC;;AACA,MAAMC,eAAe,GAAG,mBAAM,QAAC,IAAD;AAAM,EAAA,KAAK,EAAEF,MAAM,CAACG;AAApB;AAAA;AAAA;AAAA;AAAA,QAA9B;;AAEA,MAAMH,MAAM,GAAGI,UAAU,CAACC,MAAX,CAAkB;AAC/BJ,EAAAA,iBAAiB,EAAE;AACjBK,IAAAA,KAAK,EAAE;AADU,GADY;AAI/BH,EAAAA,eAAe,EAAE;AACfI,IAAAA,MAAM,EAAE;AADO;AAJc,CAAlB,CAAf;AASA,SAASR,iBAAT,EAA4BG,eAA5B","sourcesContent":["import React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nconst DividerHorizontal = () => <View style={styles.horizontalDivider} />;\nconst DividerVertical = () => <View style={styles.verticalDivider} />;\n\nconst styles = StyleSheet.create({\n horizontalDivider: {\n width: '0.6rem'\n },\n verticalDivider: {\n height: '1.3125rem'\n }\n});\n\nexport { DividerHorizontal, DividerVertical };\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/ClearTextOnFocus.js\";\nimport React from 'react';\nimport { styles } from '../helpers';\nimport TextInput from \"react-native-web/dist/cjs/exports/TextInput\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function ClearTextOnFocusExample() {\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(TextInput, {\n clearTextOnFocus: true,\n defaultValue: \"text is cleared on focus\",\n placeholder: \"text is cleared on focus\",\n style: styles.textinput\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(TextInput, {\n clearTextOnFocus: true,\n defaultValue: \"text is cleared on focus\",\n multiline: true,\n placeholder: \"text is cleared on focus\",\n style: styles.multiline\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 5\n }, this);\n}\n_c = ClearTextOnFocusExample;\n\nvar _c;\n\n$RefreshReg$(_c, \"ClearTextOnFocusExample\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/ClearTextOnFocus.js"],"names":["React","styles","ClearTextOnFocusExample","textinput","multiline"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,YAAvB;;;AAGA,eAAe,SAASC,uBAAT,GAAmC;AAChD,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,SAAD;AACE,MAAA,gBAAgB,EAAE,IADpB;AAEE,MAAA,YAAY,EAAC,0BAFf;AAGE,MAAA,WAAW,EAAC,0BAHd;AAIE,MAAA,KAAK,EAAED,MAAM,CAACE;AAJhB;AAAA;AAAA;AAAA;AAAA,YADF,eAOE,QAAC,SAAD;AACE,MAAA,gBAAgB,EAAE,IADpB;AAEE,MAAA,YAAY,EAAC,0BAFf;AAGE,MAAA,SAAS,EAAE,IAHb;AAIE,MAAA,WAAW,EAAC,0BAJd;AAKE,MAAA,KAAK,EAAEF,MAAM,CAACG;AALhB;AAAA;AAAA;AAAA;AAAA,YAPF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAiBD;KAlBuBF,uB","sourcesContent":["import React from 'react';\nimport { styles } from '../helpers';\nimport { TextInput, View } from 'react-native';\n\nexport default function ClearTextOnFocusExample() {\n return (\n <View>\n <TextInput\n clearTextOnFocus={true}\n defaultValue=\"text is cleared on focus\"\n placeholder=\"text is cleared on focus\"\n style={styles.textinput}\n />\n <TextInput\n clearTextOnFocus={true}\n defaultValue=\"text is cleared on focus\"\n multiline={true}\n placeholder=\"text is cleared on focus\"\n style={styles.multiline}\n />\n </View>\n );\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"\"use strict\";\n\nexports.__esModule = true;\nexports.default = mitt;\n/*\nMIT License\nCopyright (c) Jason Miller (https://jasonformat.com/)\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the \"Software\"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:\nThe above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n*/\n// This file is based on https://github.com/developit/mitt/blob/v1.1.3/src/index.js\n// It's been edited for the needs of this script\n// See the LICENSE at the top of the file\n\nfunction mitt() {\n const all = Object.create(null);\n return {\n on(type, handler) {\n ;\n (all[type] || (all[type] = [])).push(handler);\n },\n\n off(type, handler) {\n if (all[type]) {\n all[type].splice(all[type].indexOf(handler) >>> 0, 1);\n }\n },\n\n emit(type, ...evts) {\n // eslint-disable-next-line array-callback-return\n ;\n (all[type] || []).slice().map(handler => {\n handler(...evts);\n });\n }\n\n };\n}","map":null,"metadata":{},"sourceType":"script"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport ActivityIndicator from \"react-native-web/dist/cjs/exports/ActivityIndicator\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport React from 'react';\nconst colors = [\"#1DA1F2\", \"#17BF63\", \"#FFAD1F\", \"#F45D22\", \"#794BC4\", \"#E0245E\"];\nconst sizes = [20, 'small', 36, 'large', 60];\nexport default function ActivityIndicatorPage() {\n const [animating, setAnimating] = React.useState(true);\n React.useEffect(() => {\n const interval = setInterval(() => {\n setAnimating(!animating);\n }, 2000);\n return () => {\n clearInterval(interval);\n };\n }, [animating]);\n return /*#__PURE__*/_jsxs(_Fragment, {\n children: [/*#__PURE__*/_jsxs(View, {\n style: styles.horizontal,\n children: [/*#__PURE__*/_jsx(ActivityIndicator, {\n style: styles.item\n }), /*#__PURE__*/_jsx(ActivityIndicator, {\n animating: false,\n hidesWhenStopped: false,\n style: styles.item\n }), /*#__PURE__*/_jsx(ActivityIndicator, {\n animating: animating,\n hidesWhenStopped: false\n })]\n }), /*#__PURE__*/_jsxs(View, {\n style: styles.horizontal,\n children: [sizes.map((size, i) => /*#__PURE__*/_jsx(ActivityIndicator, {\n color: colors[i],\n size: size,\n style: styles.item\n }, i)), /*#__PURE__*/_jsx(ActivityIndicator, {\n size: \"large\",\n style: styles.large\n })]\n })]\n });\n}\nconst styles = StyleSheet.create({\n horizontal: {\n alignItems: 'center',\n flexDirection: 'row'\n },\n item: {\n paddingRight: 10\n },\n large: {\n marginLeft: 20,\n transform: [{\n scale: 1.75\n }]\n }\n});","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/progress-bar/examples/Indeterminate.js\";\nimport React from 'react';\nimport ProgressBar from \"react-native-web/dist/cjs/exports/ProgressBar\";\nexport default function Indeterminate() {\n return /*#__PURE__*/_jsxDEV(ProgressBar, {\n indeterminate: true,\n trackColor: \"#D1E3F6\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 5,\n columnNumber: 10\n }, this);\n}","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/progress-bar/examples/Indeterminate.js"],"names":["React","Indeterminate"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAGA,eAAe,SAASC,aAAT,GAAyB;AACtC,sBAAO,QAAC,WAAD;AAAa,IAAA,aAAa,MAA1B;AAA2B,IAAA,UAAU,EAAC;AAAtC;AAAA;AAAA;AAAA;AAAA,UAAP;AACD","sourcesContent":["import React from 'react';\nimport { ProgressBar } from 'react-native';\n\nexport default function Indeterminate() {\n return <ProgressBar indeterminate trackColor=\"#D1E3F6\" />;\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"/*\nimport React from 'react';\nimport { TextInput, View } from 'react-native';\n\nconst TextInputOnKeyPressExample = () => null;\n\nexport default TextInputOnKeyPressExample;\n*/","map":null,"metadata":{},"sourceType":"script"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/ImageExample/examples/OnError.js\";\nimport NetworkImage from './NetworkImage';\nimport React from 'react';\nimport sources from '../sources';\nexport default function OnError() {\n return /*#__PURE__*/_jsxDEV(NetworkImage, {\n logMethod: \"onError\",\n source: sources.broken\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 6,\n columnNumber: 10\n }, this);\n}\n_c = OnError;\n\nvar _c;\n\n$RefreshReg$(_c, \"OnError\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/ImageExample/examples/OnError.js"],"names":["NetworkImage","React","sources","OnError","broken"],"mappings":";;AAAA,OAAOA,YAAP,MAAyB,gBAAzB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,YAApB;AAEA,eAAe,SAASC,OAAT,GAAmB;AAChC,sBAAO,QAAC,YAAD;AAAc,IAAA,SAAS,EAAC,SAAxB;AAAkC,IAAA,MAAM,EAAED,OAAO,CAACE;AAAlD;AAAA;AAAA;AAAA;AAAA,UAAP;AACD;KAFuBD,O","sourcesContent":["import NetworkImage from './NetworkImage';\nimport React from 'react';\nimport sources from '../sources';\n\nexport default function OnError() {\n return <NetworkImage logMethod=\"onError\" source={sources.broken} />;\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/ImageExample/examples/OnLoad.js\";\nimport { createUncachedURI } from '../helpers';\nimport NetworkImage from './NetworkImage';\nimport React from 'react';\nimport sources from '../sources';\nexport default function OnLoad() {\n return /*#__PURE__*/_jsxDEV(NetworkImage, {\n logMethod: \"onLoad\",\n source: createUncachedURI(sources.largeAlt)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 10\n }, this);\n}","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/ImageExample/examples/OnLoad.js"],"names":["createUncachedURI","NetworkImage","React","sources","OnLoad","largeAlt"],"mappings":";;AAAA,SAASA,iBAAT,QAAkC,YAAlC;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,YAApB;AAEA,eAAe,SAASC,MAAT,GAAkB;AAC/B,sBAAO,QAAC,YAAD;AAAc,IAAA,SAAS,EAAC,QAAxB;AAAiC,IAAA,MAAM,EAAEJ,iBAAiB,CAACG,OAAO,CAACE,QAAT;AAA1D;AAAA;AAAA;AAAA;AAAA,UAAP;AACD","sourcesContent":["import { createUncachedURI } from '../helpers';\nimport NetworkImage from './NetworkImage';\nimport React from 'react';\nimport sources from '../sources';\n\nexport default function OnLoad() {\n return <NetworkImage logMethod=\"onLoad\" source={createUncachedURI(sources.largeAlt)} />;\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/linking/index.js\";\nimport Linking from \"react-native-web/dist/cjs/exports/Linking\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport React, { PureComponent } from 'react';\nconst url = 'https://mathiasbynens.github.io/rel-noopener/malicious.html';\n\nclass OpenURLExample extends PureComponent {\n handlePress() {\n Linking.canOpenURL(url).then(supported => {\n return Linking.openURL(url);\n });\n }\n\n render() {\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(Text, {\n onPress: this.handlePress,\n style: styles.text,\n children: \"Linking.openURL\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(Text, {\n accessibilityRole: \"link\",\n href: \"https://mathiasbynens.github.io/rel-noopener/malicious.html\",\n style: styles.text,\n target: \"_blank\",\n children: \"target=\\\"_blank\\\"\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 7\n }, this);\n }\n\n}\n\nexport default function OpenURL() {\n return /*#__PURE__*/_jsxDEV(OpenURLExample, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 33,\n columnNumber: 10\n }, this);\n}\nconst styles = StyleSheet.create({\n text: {\n borderRadius: 5,\n borderStyle: 'solid',\n borderWidth: 1,\n marginVertical: 10,\n padding: 10\n }\n});","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/linking/index.js"],"names":["React","PureComponent","url","OpenURLExample","handlePress","Linking","canOpenURL","then","supported","openURL","render","styles","text","OpenURL","StyleSheet","create","borderRadius","borderStyle","borderWidth","marginVertical","padding"],"mappings":";;;;;;AACA,OAAOA,KAAP,IAAgBC,aAAhB,QAAqC,OAArC;AAEA,MAAMC,GAAG,GAAG,6DAAZ;;AAEA,MAAMC,cAAN,SAA6BF,aAA7B,CAA2C;AACzCG,EAAAA,WAAW,GAAG;AACZC,IAAAA,OAAO,CAACC,UAAR,CAAmBJ,GAAnB,EAAwBK,IAAxB,CAA6BC,SAAS,IAAI;AACxC,aAAOH,OAAO,CAACI,OAAR,CAAgBP,GAAhB,CAAP;AACD,KAFD;AAGD;;AAEDQ,EAAAA,MAAM,GAAG;AACP,wBACE,QAAC,IAAD;AAAA,8BACE,QAAC,IAAD;AAAM,QAAA,OAAO,EAAE,KAAKN,WAApB;AAAiC,QAAA,KAAK,EAAEO,MAAM,CAACC,IAA/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cADF,eAIE,QAAC,IAAD;AACE,QAAA,iBAAiB,EAAC,MADpB;AAEE,QAAA,IAAI,EAAC,6DAFP;AAGE,QAAA,KAAK,EAAED,MAAM,CAACC,IAHhB;AAIE,QAAA,MAAM,EAAC,QAJT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAJF;AAAA;AAAA;AAAA;AAAA;AAAA,YADF;AAeD;;AAvBwC;;AA0B3C,eAAe,SAASC,OAAT,GAAmB;AAChC,sBAAO,QAAC,cAAD;AAAA;AAAA;AAAA;AAAA,UAAP;AACD;AAED,MAAMF,MAAM,GAAGG,UAAU,CAACC,MAAX,CAAkB;AAC/BH,EAAAA,IAAI,EAAE;AACJI,IAAAA,YAAY,EAAE,CADV;AAEJC,IAAAA,WAAW,EAAE,OAFT;AAGJC,IAAAA,WAAW,EAAE,CAHT;AAIJC,IAAAA,cAAc,EAAE,EAJZ;AAKJC,IAAAA,OAAO,EAAE;AALL;AADyB,CAAlB,CAAf","sourcesContent":["import { Linking, StyleSheet, Text, View } from 'react-native';\nimport React, { PureComponent } from 'react';\n\nconst url = 'https://mathiasbynens.github.io/rel-noopener/malicious.html';\n\nclass OpenURLExample extends PureComponent {\n handlePress() {\n Linking.canOpenURL(url).then(supported => {\n return Linking.openURL(url);\n });\n }\n\n render() {\n return (\n <View>\n <Text onPress={this.handlePress} style={styles.text}>\n Linking.openURL\n </Text>\n <Text\n accessibilityRole=\"link\"\n href=\"https://mathiasbynens.github.io/rel-noopener/malicious.html\"\n style={styles.text}\n target=\"_blank\"\n >\n target=\"_blank\"\n </Text>\n </View>\n );\n }\n}\n\nexport default function OpenURL() {\n return <OpenURLExample />;\n}\n\nconst styles = StyleSheet.create({\n text: {\n borderRadius: 5,\n borderStyle: 'solid',\n borderWidth: 1,\n marginVertical: 10,\n padding: 10\n }\n});\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/Editable.js\";\nimport React from 'react';\nimport { styles } from '../helpers';\nimport TextInput from \"react-native-web/dist/cjs/exports/TextInput\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function Editable() {\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(TextInput, {\n defaultValue: \"uneditable text input\",\n editable: false,\n style: styles.textinput\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(TextInput, {\n defaultValue: \"uneditable multiline text input\",\n editable: false,\n multiline: true,\n style: styles.multiline\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 5\n }, this);\n}","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/Editable.js"],"names":["React","styles","Editable","textinput","multiline"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,YAAvB;;;AAGA,eAAe,SAASC,QAAT,GAAoB;AACjC,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,SAAD;AAAW,MAAA,YAAY,EAAC,uBAAxB;AAAgD,MAAA,QAAQ,EAAE,KAA1D;AAAiE,MAAA,KAAK,EAAED,MAAM,CAACE;AAA/E;AAAA;AAAA;AAAA;AAAA,YADF,eAEE,QAAC,SAAD;AACE,MAAA,YAAY,EAAC,iCADf;AAEE,MAAA,QAAQ,EAAE,KAFZ;AAGE,MAAA,SAAS,EAAE,IAHb;AAIE,MAAA,KAAK,EAAEF,MAAM,CAACG;AAJhB;AAAA;AAAA;AAAA;AAAA,YAFF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAWD","sourcesContent":["import React from 'react';\nimport { styles } from '../helpers';\nimport { TextInput, View } from 'react-native';\n\nexport default function Editable() {\n return (\n <View>\n <TextInput defaultValue=\"uneditable text input\" editable={false} style={styles.textinput} />\n <TextInput\n defaultValue=\"uneditable multiline text input\"\n editable={false}\n multiline={true}\n style={styles.multiline}\n />\n </View>\n );\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { DividerVertical } from '../helpers';\nimport React from 'react';\nimport ProgressBar from \"react-native-web/dist/cjs/exports/ProgressBar\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function Progress() {\n return /*#__PURE__*/_jsxs(View, {\n children: [/*#__PURE__*/_jsx(ProgressBar, {\n color: \"#794BC4\",\n progress: 0.25,\n style: styles.progress\n }), /*#__PURE__*/_jsx(DividerVertical, {}), /*#__PURE__*/_jsx(ProgressBar, {\n color: \"#794BC4\",\n progress: 0.5,\n style: styles.progress\n }), /*#__PURE__*/_jsx(DividerVertical, {}), /*#__PURE__*/_jsx(ProgressBar, {\n color: \"#794BC4\",\n progress: 0.75,\n style: styles.progress\n }), /*#__PURE__*/_jsx(DividerVertical, {}), /*#__PURE__*/_jsx(ProgressBar, {\n color: \"#794BC4\",\n progress: 1.0,\n style: styles.progress\n })]\n });\n}\nconst styles = StyleSheet.create({\n progress: {\n minWidth: 200\n }\n});","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/index.js\";\nimport Link from \"next/link\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nexport default function IndexPage() {\n return /*#__PURE__*/_jsxDEV(View, {\n style: {\n paddingTop: 100\n },\n children: [/*#__PURE__*/_jsxDEV(Text, {\n children: \"Hello World.\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Link, {\n href: \"/about\",\n children: /*#__PURE__*/_jsxDEV(\"a\", {\n children: \"About\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 6,\n columnNumber: 5\n }, this);\n}\n_c = IndexPage;\n\nvar _c;\n\n$RefreshReg$(_c, \"IndexPage\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/index.js"],"names":["Link","IndexPage","paddingTop"],"mappings":";;AAAA,OAAOA,IAAP,MAAiB,WAAjB;;;AAGA,eAAe,SAASC,SAAT,GAAqB;AAClC,sBACE,QAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEC,MAAAA,UAAU,EAAE;AAAd,KAAb;AAAA,4BACE,QAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADF,eAEE,QAAC,IAAD;AAAM,MAAA,IAAI,EAAC,QAAX;AAAA,6BACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YAFF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAQD;KATuBD,S","sourcesContent":["import Link from \"next/link\";\nimport { View, Text } from \"react-native\";\n\nexport default function IndexPage() {\n return (\n <View style={{ paddingTop: 100 }}>\n <Text>Hello World.</Text>\n <Link href=\"/about\">\n <a>About</a>\n </Link>\n </View>\n );\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport _classCallCheck from \"@babel/runtime/helpers/esm/classCallCheck\";\nimport _createClass from \"@babel/runtime/helpers/esm/createClass\";\nimport _inherits from \"@babel/runtime/helpers/esm/inherits\";\nimport _possibleConstructorReturn from \"@babel/runtime/helpers/esm/possibleConstructorReturn\";\nimport _getPrototypeOf from \"@babel/runtime/helpers/esm/getPrototypeOf\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\nimport React from 'react';\nimport ScrollView from \"react-native-web/dist/cjs/exports/ScrollView\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport Title from './Title';\n\nvar Page = /*#__PURE__*/function (_React$Component) {\n _inherits(Page, _React$Component);\n\n var _super = _createSuper(Page);\n\n function Page() {\n _classCallCheck(this, Page);\n\n return _super.apply(this, arguments);\n }\n\n _createClass(Page, [{\n key: \"render\",\n value: function render() {\n var ContentWrapper;\n var wrapperProps = {};\n\n if (this.props.noScroll) {\n ContentWrapper = View;\n } else {\n ContentWrapper = ScrollView; // $FlowFixMe found when converting React.createClass to ES6\n\n wrapperProps.automaticallyAdjustContentInsets = !this.props.title;\n wrapperProps.keyboardShouldPersistTaps = 'handled';\n wrapperProps.keyboardDismissMode = 'interactive';\n }\n\n var title = this.props.title ? /*#__PURE__*/_jsx(Title, {\n title: this.props.title\n }) : null;\n var spacer = this.props.noSpacer ? null : /*#__PURE__*/_jsx(View, {\n style: styles.spacer\n });\n return /*#__PURE__*/_jsxs(View, {\n style: styles.container,\n children: [title, /*#__PURE__*/_jsxs(ContentWrapper, _objectSpread(_objectSpread({\n style: styles.wrapper\n }, wrapperProps), {}, {\n children: [this.props.children, spacer]\n }))]\n });\n }\n }]);\n\n return Page;\n}(React.Component);\n\nexport { Page as default };\nvar styles = StyleSheet.create({\n container: {\n backgroundColor: '#e9eaed',\n flex: 1,\n maxWidth: 600,\n margin: 'auto',\n width: '100%'\n },\n spacer: {\n height: 270\n },\n wrapper: {\n flex: 1,\n paddingTop: 10\n }\n});","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/image/examples/DefaultSource.js\";\nimport * as helpers from '../helpers';\nimport sources from '../sources';\nimport React from 'react';\nimport Image from \"react-native-web/dist/cjs/exports/Image\";\nexport default function Source() {\n return /*#__PURE__*/_jsxDEV(Image, {\n defaultSource: sources.placeholder,\n style: helpers.styles.base\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 10\n }, this);\n}","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/image/examples/DefaultSource.js"],"names":["helpers","sources","React","Source","placeholder","styles","base"],"mappings":";;AAAA,OAAO,KAAKA,OAAZ,MAAyB,YAAzB;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,KAAP,MAAkB,OAAlB;;AAGA,eAAe,SAASC,MAAT,GAAkB;AAC/B,sBAAO,QAAC,KAAD;AAAO,IAAA,aAAa,EAAEF,OAAO,CAACG,WAA9B;AAA2C,IAAA,KAAK,EAAEJ,OAAO,CAACK,MAAR,CAAeC;AAAjE;AAAA;AAAA;AAAA;AAAA,UAAP;AACD","sourcesContent":["import * as helpers from '../helpers';\nimport sources from '../sources';\nimport React from 'react';\nimport { Image } from 'react-native';\n\nexport default function Source() {\n return <Image defaultSource={sources.placeholder} style={helpers.styles.base} />;\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport TouchableOpacity from \"react-native-web/dist/cjs/exports/TouchableOpacity\";\nexport const Button = ({\n label,\n onPress\n}) => /*#__PURE__*/_jsx(TouchableOpacity, {\n onPress: onPress,\n style: styles.button,\n children: /*#__PURE__*/_jsx(Text, {\n children: label\n })\n});\n\nfunction Item(props) {\n return /*#__PURE__*/_jsx(TouchableOpacity, {\n style: [styles.item, props.style],\n children: /*#__PURE__*/_jsx(Text, {\n children: props.msg\n })\n });\n}\n\nexport const createItemRow = (msg, index) => /*#__PURE__*/_jsx(Item, {\n msg: msg\n}, index);\nconst styles = StyleSheet.create({\n button: {\n margin: 5,\n padding: 5,\n alignItems: 'center',\n backgroundColor: '#cccccc',\n borderRadius: 3\n },\n item: {\n margin: 5,\n padding: 5,\n backgroundColor: '#cccccc',\n borderRadius: 3,\n minWidth: 96\n }\n});","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"/**\n * Copyright (c) 2015-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';\n\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport React from 'react';\nimport Image from \"react-native-web/dist/cjs/exports/Image\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport sources from '../sources';\nexport default function StyleBoxShadow() {\n return /*#__PURE__*/_jsx(Image, {\n source: sources.hawk,\n style: styles.box\n });\n}\nconst styles = StyleSheet.create({\n box: {\n width: 100,\n height: 100,\n borderWidth: 2,\n tintColor: 'red'\n }\n});","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\nimport sources from '../../Image/sources';\nimport React from 'react';\nimport ImageBackground from \"react-native-web/dist/cjs/exports/ImageBackground\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nexport default function Children() {\n return /*#__PURE__*/_jsx(ImageBackground, {\n source: sources.large,\n style: styles.image,\n children: /*#__PURE__*/_jsx(Text, {\n style: styles.text,\n children: \"Child content\"\n })\n });\n}\nconst styles = StyleSheet.create({\n image: {\n width: 300,\n height: 200,\n backgroundColor: 'transparent',\n justifyContent: 'center',\n alignItems: 'center'\n },\n text: {\n backgroundColor: 'transparent',\n color: 'white',\n fontWeight: 'bold',\n fontSize: 18,\n position: 'relative',\n top: 50\n }\n});","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"\"use strict\";\n\nexports.__esModule = true;\nexports.parseRelativeUrl = parseRelativeUrl;\n\nvar _utils = require(\"../../utils\");\n\nvar _querystring = require(\"./querystring\");\n/**\n* Parses path-relative urls (e.g. `/hello/world?foo=bar`). If url isn't path-relative\n* (e.g. `./hello`) then at least base must be.\n* Absolute urls are rejected with one exception, in the browser, absolute urls that are on\n* the current origin will be parsed as relative\n*/\n\n\nfunction parseRelativeUrl(url, base) {\n var globalBase = new URL(false ? 'http://n' : (0, _utils.getLocationOrigin)());\n var resolvedBase = base ? new URL(base, globalBase) : globalBase;\n\n var _URL = new URL(url, resolvedBase),\n pathname = _URL.pathname,\n searchParams = _URL.searchParams,\n search = _URL.search,\n hash = _URL.hash,\n href = _URL.href,\n origin = _URL.origin;\n\n if (origin !== globalBase.origin) {\n throw new Error(\"invariant: invalid relative URL, router received \".concat(url));\n }\n\n return {\n pathname: pathname,\n query: (0, _querystring.searchParamsToUrlQuery)(searchParams),\n search: search,\n hash: hash,\n href: href.slice(globalBase.origin.length)\n };\n}","map":{"version":3,"sources":["../../../../../next-server/lib/router/utils/parse-relative-url.ts"],"names":["globalBase","resolvedBase","base","origin","pathname","query","search","hash","href"],"mappings":";;;;;AAAA,IAAA,MAAA,GAAA,OAAA,CAAA,aAAA,CAAA;;AACA,IAAA,YAAA,GAAA,OAAA,CAAA,eAAA,CAAA;AAEA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAAA,gBAAA,CAAA,GAAA,EAAA,IAAA,EAAsD;AAC3D,MAAMA,UAAU,GAAG,IAAA,GAAA,CACjB,QAAA,UAAA,GAA6C,CAAA,GAAA,MAAA,CAD/C,iBAC+C,GAD5B,CAAnB;AAGA,MAAMC,YAAY,GAAGC,IAAI,GAAG,IAAA,GAAA,CAAA,IAAA,EAAH,UAAG,CAAH,GAAzB,UAAA;;AAJ2D,aAKI,IAAA,GAAA,CAAA,GAAA,EAA/D,YAA+D,CALJ;AAAA,MAKrD,QALqD,QAKrD,QALqD;AAAA,MAKrD,YALqD,QAKrD,YALqD;AAAA,MAKrD,MALqD,QAKrD,MALqD;AAAA,MAKrD,IALqD,QAKrD,IALqD;AAAA,MAKrD,IALqD,QAKrD,IALqD;AAAA,MAKrD,MALqD,QAKrD,MALqD;;AAS3D,MAAIC,MAAM,KAAKH,UAAU,CAAzB,MAAA,EAAkC;AAChC,UAAM,IAAA,KAAA,4DAAN,GAAM,EAAN;AAEF;;AAAA,SAAO;AACLI,IAAAA,QADK,EACLA,QADK;AAELC,IAAAA,KAAK,EAAE,CAAA,GAAA,YAAA,CAAA,sBAAA,EAFF,YAEE,CAFF;AAGLC,IAAAA,MAHK,EAGLA,MAHK;AAILC,IAAAA,IAJK,EAILA,IAJK;AAKLC,IAAAA,IAAI,EAAEA,IAAI,CAAJA,KAAAA,CAAWR,UAAU,CAAVA,MAAAA,CALnB,MAKQQ;AALD,GAAP;AAOD","sourcesContent":["import { getLocationOrigin } from '../../utils'\nimport { searchParamsToUrlQuery } from './querystring'\n\n/**\n * Parses path-relative urls (e.g. `/hello/world?foo=bar`). If url isn't path-relative\n * (e.g. `./hello`) then at least base must be.\n * Absolute urls are rejected with one exception, in the browser, absolute urls that are on\n * the current origin will be parsed as relative\n */\nexport function parseRelativeUrl(url: string, base?: string) {\n const globalBase = new URL(\n typeof window === 'undefined' ? 'http://n' : getLocationOrigin()\n )\n const resolvedBase = base ? new URL(base, globalBase) : globalBase\n const { pathname, searchParams, search, hash, href, origin } = new URL(\n url,\n resolvedBase\n )\n if (origin !== globalBase.origin) {\n throw new Error(`invariant: invalid relative URL, router received ${url}`)\n }\n return {\n pathname,\n query: searchParamsToUrlQuery(searchParams),\n search,\n hash,\n href: href.slice(globalBase.origin.length),\n }\n}\n"]},"metadata":{},"sourceType":"script"}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport React, { useRef, useState } from 'react';\nimport Animated from \"react-native-web/dist/cjs/exports/Animated\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport PanResponder from \"react-native-web/dist/cjs/exports/PanResponder\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport TouchableOpacity from \"react-native-web/dist/cjs/exports/TouchableOpacity\";\n\nvar App = function App() {\n var pan = useRef(new Animated.ValueXY()).current;\n\n var _useState = useState(0),\n x = _useState[0],\n setX = _useState[1];\n\n var panResponder = useRef(null);\n\n if (panResponder.current == null) {\n panResponder.current = PanResponder.create({\n onMoveShouldSetPanResponder: function onMoveShouldSetPanResponder() {\n return true;\n },\n onPanResponderGrant: function onPanResponderGrant(e) {\n console.log('pan grant');\n pan.setOffset({\n x: pan.x._value,\n y: pan.y._value\n });\n },\n onPanResponderMove: Animated.event([null, {\n dx: pan.x,\n dy: pan.y\n }]),\n onPanResponderRelease: function onPanResponderRelease() {\n console.log('pan release');\n pan.flattenOffset();\n },\n onPanResponderTerminate: function onPanResponderTerminate() {\n console.log('pan terminate');\n pan.flattenOffset();\n }\n });\n }\n\n return /*#__PURE__*/_jsxs(View, {\n style: styles.container,\n children: [/*#__PURE__*/_jsxs(Text, {\n style: styles.titleText,\n children: [\"Pressed: \", x]\n }), /*#__PURE__*/_jsx(Animated.View, _objectSpread(_objectSpread({\n style: {\n transform: [{\n translateX: pan.x\n }, {\n translateY: pan.y\n }]\n }\n }, panResponder.current.panHandlers), {}, {\n children: /*#__PURE__*/_jsx(View, {\n style: styles.box,\n children: /*#__PURE__*/_jsxs(TouchableOpacity, {\n onPress: function onPress() {\n return setX(x + 1);\n },\n style: styles.outerTouchable,\n children: [/*#__PURE__*/_jsx(TouchableOpacity, {\n onPress: function onPress() {\n console.log('press inner');\n },\n style: styles.innerTouchable\n }), /*#__PURE__*/_jsx(TouchableOpacity, {\n disabled: true,\n style: styles.innerTouchable\n }), /*#__PURE__*/_jsx(TouchableOpacity, {\n accessibilityRole: \"button\",\n disabled: true,\n style: [styles.innerTouchable, styles.disabledButton]\n })]\n })\n })\n }))]\n });\n};\n\nvar styles = StyleSheet.create({\n container: {\n flex: 1,\n alignItems: 'center',\n justifyContent: 'center',\n userSelect: 'none'\n },\n titleText: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 'bold'\n },\n box: {\n height: 200,\n width: 150,\n backgroundColor: 'lightblue',\n borderRadius: 5\n },\n outerTouchable: {\n height: 150,\n width: 100,\n margin: 25,\n backgroundColor: 'blue',\n borderRadius: 5,\n justifyContent: 'center'\n },\n innerTouchable: {\n height: 20,\n flex: 1,\n marginVertical: 10,\n marginHorizontal: 20,\n backgroundColor: 'green',\n borderRadius: 5\n },\n disabledButton: {\n backgroundColor: 'red'\n }\n});\nexport default App;","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React from 'react';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport TouchableWithoutFeedback from \"react-native-web/dist/cjs/exports/TouchableWithoutFeedback\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\n\nclass ZIndex extends React.Component {\n constructor(...args) {\n super(...args);\n\n _defineProperty(this, \"state\", {\n flipped: false\n });\n\n _defineProperty(this, \"_handlePress\", () => {\n this.setState({\n flipped: !this.state.flipped\n });\n });\n }\n\n render() {\n const indices = this.state.flipped ? [-1, 0, 1, 2] : [2, 1, 0, -1];\n return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {\n onPress: this._handlePress,\n children: /*#__PURE__*/_jsxs(View, {\n children: [/*#__PURE__*/_jsx(Text, {\n style: {\n paddingBottom: 10\n },\n children: \"Tap to flip sorting order\"\n }), /*#__PURE__*/_jsx(View, {\n style: [styles.zIndex, {\n marginTop: 0,\n backgroundColor: '#E57373',\n zIndex: indices[0]\n }],\n children: /*#__PURE__*/_jsxs(Text, {\n children: [\"ZIndex \", indices[0]]\n })\n }), /*#__PURE__*/_jsx(View, {\n style: [styles.zIndex, {\n marginLeft: 50,\n backgroundColor: '#FFF176',\n zIndex: indices[1]\n }],\n children: /*#__PURE__*/_jsxs(Text, {\n children: [\"ZIndex \", indices[1]]\n })\n }), /*#__PURE__*/_jsx(View, {\n style: [styles.zIndex, {\n marginLeft: 100,\n backgroundColor: '#81C784',\n zIndex: indices[2]\n }],\n children: /*#__PURE__*/_jsxs(Text, {\n children: [\"ZIndex \", indices[2]]\n })\n }), /*#__PURE__*/_jsx(View, {\n style: [styles.zIndex, {\n marginLeft: 150,\n backgroundColor: '#64B5F6',\n zIndex: indices[3]\n }],\n children: /*#__PURE__*/_jsxs(Text, {\n children: [\"ZIndex \", indices[3]]\n })\n })]\n })\n });\n }\n\n}\n\nexport default function Style() {\n return /*#__PURE__*/_jsx(ZIndex, {});\n}\nconst styles = StyleSheet.create({\n zIndex: {\n justifyContent: 'space-around',\n width: 100,\n height: 50,\n marginTop: -10\n }\n});","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nimport _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\n\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text/examples/OnPress.js\",\n _s = $RefreshSig$();\n\nimport React from 'react';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function OnPress() {\n _s();\n\n var _React$useState = React.useState(0),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n count = _React$useState2[0],\n updateCount = _React$useState2[1];\n\n var textLog = '';\n\n if (count > 1) {\n textLog = count + 'x text onPress';\n } else if (count > 0) {\n textLog = 'text onPress';\n }\n\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(Text, {\n onPress: function onPress() {\n updateCount(function (count) {\n return count + 1;\n });\n },\n style: styles.textBlock,\n children: \"Text has built-in onPress handling\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: styles.logBox,\n children: /*#__PURE__*/_jsxDEV(Text, {\n children: textLog\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 25,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 24,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 5\n }, this);\n}\n\n_s(OnPress, \"DIkCHZzzlG3chD1WwCcXkx79xYE=\");\n\n_c = OnPress;\nvar styles = StyleSheet.create({\n logBox: {\n padding: 20,\n marginTop: 10,\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: '#f0f0f0',\n backgroundColor: '#f9f9f9'\n },\n textBlock: {\n fontWeight: '500',\n color: 'blue'\n }\n});\n\nvar _c;\n\n$RefreshReg$(_c, \"OnPress\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text/examples/OnPress.js"],"names":["React","OnPress","useState","count","updateCount","textLog","styles","textBlock","logBox","StyleSheet","create","padding","marginTop","borderWidth","hairlineWidth","borderColor","backgroundColor","fontWeight","color"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;AAGA,eAAe,SAASC,OAAT,GAAmB;AAAA;;AAAA,wBACHD,KAAK,CAACE,QAAN,CAAe,CAAf,CADG;AAAA;AAAA,MACzBC,KADyB;AAAA,MAClBC,WADkB;;AAGhC,MAAIC,OAAO,GAAG,EAAd;;AACA,MAAIF,KAAK,GAAG,CAAZ,EAAe;AACbE,IAAAA,OAAO,GAAGF,KAAK,GAAG,gBAAlB;AACD,GAFD,MAEO,IAAIA,KAAK,GAAG,CAAZ,EAAe;AACpBE,IAAAA,OAAO,GAAG,cAAV;AACD;;AAED,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,IAAD;AACE,MAAA,OAAO,EAAE,mBAAM;AACbD,QAAAA,WAAW,CAAC,UAAAD,KAAK;AAAA,iBAAIA,KAAK,GAAG,CAAZ;AAAA,SAAN,CAAX;AACD,OAHH;AAIE,MAAA,KAAK,EAAEG,MAAM,CAACC,SAJhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YADF,eASE,QAAC,IAAD;AAAM,MAAA,KAAK,EAAED,MAAM,CAACE,MAApB;AAAA,6BACE,QAAC,IAAD;AAAA,kBAAOH;AAAP;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YATF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAeD;;GAzBuBJ,O;;KAAAA,O;AA2BxB,IAAMK,MAAM,GAAGG,UAAU,CAACC,MAAX,CAAkB;AAC/BF,EAAAA,MAAM,EAAE;AACNG,IAAAA,OAAO,EAAE,EADH;AAENC,IAAAA,SAAS,EAAE,EAFL;AAGNC,IAAAA,WAAW,EAAEJ,UAAU,CAACK,aAHlB;AAINC,IAAAA,WAAW,EAAE,SAJP;AAKNC,IAAAA,eAAe,EAAE;AALX,GADuB;AAQ/BT,EAAAA,SAAS,EAAE;AACTU,IAAAA,UAAU,EAAE,KADH;AAETC,IAAAA,KAAK,EAAE;AAFE;AARoB,CAAlB,CAAf","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nexport default function OnPress() {\n const [count, updateCount] = React.useState(0);\n\n let textLog = '';\n if (count > 1) {\n textLog = count + 'x text onPress';\n } else if (count > 0) {\n textLog = 'text onPress';\n }\n\n return (\n <View>\n <Text\n onPress={() => {\n updateCount(count => count + 1);\n }}\n style={styles.textBlock}\n >\n Text has built-in onPress handling\n </Text>\n <View style={styles.logBox}>\n <Text>{textLog}</Text>\n </View>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n logBox: {\n padding: 20,\n marginTop: 10,\n borderWidth: StyleSheet.hairlineWidth,\n borderColor: '#f0f0f0',\n backgroundColor: '#f9f9f9'\n },\n textBlock: {\n fontWeight: '500',\n color: 'blue'\n }\n});\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/PressableExample/examples/Disabled.js\";\nimport React from 'react';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport Pressable from \"react-native-web/dist/cjs/exports/Pressable\";\n\nvar action = function action(msg) {\n return function () {\n console.log(msg);\n };\n};\n\nexport default function Disabled() {\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(Pressable, {\n disabled: true,\n onPress: action('Pressable'),\n children: /*#__PURE__*/_jsxDEV(View, {\n style: [styles.row, styles.block],\n children: /*#__PURE__*/_jsxDEV(Text, {\n style: styles.disabledButton,\n children: \"Disabled Pressable\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 11\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Pressable, {\n disabled: false,\n onPress: action('Pressable'),\n children: /*#__PURE__*/_jsxDEV(View, {\n style: [styles.row, styles.block],\n children: /*#__PURE__*/_jsxDEV(Text, {\n style: styles.button,\n children: \"Enabled Pressable\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 19,\n columnNumber: 11\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 18,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 10,\n columnNumber: 5\n }, this);\n}\n_c = Disabled;\nvar styles = StyleSheet.create({\n row: {\n justifyContent: 'center',\n flexDirection: 'row'\n },\n block: {\n padding: 10\n }\n});\n\nvar _c;\n\n$RefreshReg$(_c, \"Disabled\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/shared/PressableExample/examples/Disabled.js"],"names":["React","action","msg","console","log","Disabled","styles","row","block","disabledButton","button","StyleSheet","create","justifyContent","flexDirection","padding"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;AAGA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAAAC,GAAG;AAAA,SAAI,YAAM;AAC1BC,IAAAA,OAAO,CAACC,GAAR,CAAYF,GAAZ;AACD,GAFiB;AAAA,CAAlB;;AAIA,eAAe,SAASG,QAAT,GAAoB;AACjC,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,SAAD;AAAW,MAAA,QAAQ,EAAE,IAArB;AAA2B,MAAA,OAAO,EAAEJ,MAAM,CAAC,WAAD,CAA1C;AAAA,6BACE,QAAC,IAAD;AAAM,QAAA,KAAK,EAAE,CAACK,MAAM,CAACC,GAAR,EAAaD,MAAM,CAACE,KAApB,CAAb;AAAA,+BACE,QAAC,IAAD;AAAM,UAAA,KAAK,EAAEF,MAAM,CAACG,cAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF,eAOE,QAAC,SAAD;AAAW,MAAA,QAAQ,EAAE,KAArB;AAA4B,MAAA,OAAO,EAAER,MAAM,CAAC,WAAD,CAA3C;AAAA,6BACE,QAAC,IAAD;AAAM,QAAA,KAAK,EAAE,CAACK,MAAM,CAACC,GAAR,EAAaD,MAAM,CAACE,KAApB,CAAb;AAAA,+BACE,QAAC,IAAD;AAAM,UAAA,KAAK,EAAEF,MAAM,CAACI,MAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YAPF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAeD;KAhBuBL,Q;AAkBxB,IAAMC,MAAM,GAAGK,UAAU,CAACC,MAAX,CAAkB;AAC/BL,EAAAA,GAAG,EAAE;AACHM,IAAAA,cAAc,EAAE,QADb;AAEHC,IAAAA,aAAa,EAAE;AAFZ,GAD0B;AAK/BN,EAAAA,KAAK,EAAE;AACLO,IAAAA,OAAO,EAAE;AADJ;AALwB,CAAlB,CAAf","sourcesContent":["import React from 'react';\nimport { StyleSheet, View, Text, Pressable } from 'react-native';\n\nconst action = msg => () => {\n console.log(msg);\n};\n\nexport default function Disabled() {\n return (\n <View>\n <Pressable disabled={true} onPress={action('Pressable')}>\n <View style={[styles.row, styles.block]}>\n <Text style={styles.disabledButton}>Disabled Pressable</Text>\n </View>\n </Pressable>\n\n <Pressable disabled={false} onPress={action('Pressable')}>\n <View style={[styles.row, styles.block]}>\n <Text style={styles.button}>Enabled Pressable</Text>\n </View>\n </Pressable>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n row: {\n justifyContent: 'center',\n flexDirection: 'row'\n },\n block: {\n padding: 10\n }\n});\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/NumberOfLines.js\";\nimport React from 'react';\nimport { styles } from '../helpers';\nimport TextInput from \"react-native-web/dist/cjs/exports/TextInput\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function NumberOfLines() {\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(TextInput, {\n multiline: true,\n numberOfLines: 2,\n placeholder: \"numberOfLines = 2\",\n style: [styles.multiline, {\n height: 'auto'\n }]\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(TextInput, {\n multiline: true,\n numberOfLines: 3,\n placeholder: \"numberOfLines = 3\",\n style: [styles.multiline, {\n height: 'auto'\n }]\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 5\n }, this);\n}\n_c = NumberOfLines;\n\nvar _c;\n\n$RefreshReg$(_c, \"NumberOfLines\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/NumberOfLines.js"],"names":["React","styles","NumberOfLines","multiline","height"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,YAAvB;;;AAGA,eAAe,SAASC,aAAT,GAAyB;AACtC,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,SAAD;AACE,MAAA,SAAS,EAAE,IADb;AAEE,MAAA,aAAa,EAAE,CAFjB;AAGE,MAAA,WAAW,EAAC,mBAHd;AAIE,MAAA,KAAK,EAAE,CAACD,MAAM,CAACE,SAAR,EAAmB;AAAEC,QAAAA,MAAM,EAAE;AAAV,OAAnB;AAJT;AAAA;AAAA;AAAA;AAAA,YADF,eAOE,QAAC,SAAD;AACE,MAAA,SAAS,EAAE,IADb;AAEE,MAAA,aAAa,EAAE,CAFjB;AAGE,MAAA,WAAW,EAAC,mBAHd;AAIE,MAAA,KAAK,EAAE,CAACH,MAAM,CAACE,SAAR,EAAmB;AAAEC,QAAAA,MAAM,EAAE;AAAV,OAAnB;AAJT;AAAA;AAAA;AAAA;AAAA,YAPF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAgBD;KAjBuBF,a","sourcesContent":["import React from 'react';\nimport { styles } from '../helpers';\nimport { TextInput, View } from 'react-native';\n\nexport default function NumberOfLines() {\n return (\n <View>\n <TextInput\n multiline={true}\n numberOfLines={2}\n placeholder=\"numberOfLines = 2\"\n style={[styles.multiline, { height: 'auto' }]}\n />\n <TextInput\n multiline={true}\n numberOfLines={3}\n placeholder=\"numberOfLines = 3\"\n style={[styles.multiline, { height: 'auto' }]}\n />\n </View>\n );\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nimport React from 'react';\nimport { styles } from '../helpers';\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport TextInput from \"react-native-web/dist/cjs/exports/TextInput\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\n\nclass OnSelectionChangeExample extends React.Component {\n constructor(props) {\n super(props);\n\n _defineProperty(this, \"onSelectionChange\", ({\n nativeEvent: {\n selection\n }\n }) => {\n this.setState({\n selection\n });\n });\n\n _defineProperty(this, \"onChangeText\", value => {\n this.setState({\n value\n });\n });\n\n _defineProperty(this, \"select\", (start, end) => () => {\n this._textInput.focus();\n\n this.setState({\n selection: {\n start,\n end\n }\n });\n });\n\n _defineProperty(this, \"selectRandom\", () => {\n const positions = [this.getRandomPosition(), this.getRandomPosition()].sort();\n this.select(...positions)();\n });\n\n _defineProperty(this, \"placeAt\", position => () => {\n this.select(position, position)();\n });\n\n _defineProperty(this, \"placeAtRandom\", () => {\n this.placeAt(this.getRandomPosition())();\n });\n\n _defineProperty(this, \"setRef\", textInput => {\n this._textInput = textInput;\n });\n\n this.state = {\n selection: {\n start: 0,\n end: 0\n },\n value: props.value\n };\n }\n\n getRandomPosition() {\n const length = this.state.value.length;\n return Math.round(Math.random() * length);\n }\n\n render() {\n const length = this.state.value.length;\n return /*#__PURE__*/_jsxs(View, {\n children: [/*#__PURE__*/_jsx(TextInput, {\n multiline: this.props.multiline,\n onChangeText: this.onChangeText,\n onSelectionChange: this.onSelectionChange,\n ref: this.setRef,\n selection: this.state.selection,\n style: this.props.style,\n value: this.state.value\n }), /*#__PURE__*/_jsxs(View, {\n children: [/*#__PURE__*/_jsxs(Text, {\n children: [\"selection = \", JSON.stringify(this.state.selection)]\n }), /*#__PURE__*/_jsx(Text, {\n onPress: this.placeAt(0),\n children: \"Place at Start (0, 0)\"\n }), /*#__PURE__*/_jsxs(Text, {\n onPress: this.placeAt(length),\n children: [\"Place at End (\", length, \", \", length, \")\"]\n }), /*#__PURE__*/_jsx(Text, {\n onPress: this.placeAtRandom,\n children: \"Place at Random\"\n }), /*#__PURE__*/_jsx(Text, {\n onPress: this.select(0, length),\n children: \"Select All\"\n }), /*#__PURE__*/_jsx(Text, {\n onPress: this.selectRandom,\n children: \"Select Random\"\n })]\n })]\n });\n }\n\n}\n\nconst TextInputOnSelectionChangeExample = () => /*#__PURE__*/_jsxs(View, {\n children: [/*#__PURE__*/_jsx(OnSelectionChangeExample, {\n style: styles.textinput,\n value: \"text selection can be changed\"\n }), /*#__PURE__*/_jsx(OnSelectionChangeExample, {\n multiline: true,\n style: styles.multiline,\n value: 'multiline text selection\\ncan also be changed'\n })]\n});\n\nexport default function OnSelectionChange() {\n return /*#__PURE__*/_jsx(TextInputOnSelectionChangeExample, {});\n}","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/progress-bar/index.js\";\nimport Color from './examples/Color';\nimport Indeterminate from './examples/Indeterminate';\nimport Progress from './examples/Progress';\nimport TrackColor from './examples/TrackColor';\nimport CustomSize from './examples/CustomSize';\nexport default function PressablePage() {\n return /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(Color, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 10,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Indeterminate, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Progress, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(TrackColor, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(CustomSize, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 7\n }, this)]\n }, void 0, true);\n}\n_c = PressablePage;\n\nvar _c;\n\n$RefreshReg$(_c, \"PressablePage\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/progress-bar/index.js"],"names":["Color","Indeterminate","Progress","TrackColor","CustomSize","PressablePage"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,kBAAlB;AACA,OAAOC,aAAP,MAA0B,0BAA1B;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,UAAP,MAAuB,uBAAvB;AACA,OAAOC,UAAP,MAAuB,uBAAvB;AAEA,eAAe,SAASC,aAAT,GAAyB;AACtC,sBACE;AAAA,4BACE,QAAC,KAAD;AAAA;AAAA;AAAA;AAAA,YADF,eAEE,QAAC,aAAD;AAAA;AAAA;AAAA;AAAA,YAFF,eAGE,QAAC,QAAD;AAAA;AAAA;AAAA;AAAA,YAHF,eAIE,QAAC,UAAD;AAAA;AAAA;AAAA;AAAA,YAJF,eAKE,QAAC,UAAD;AAAA;AAAA;AAAA;AAAA,YALF;AAAA,kBADF;AASD;KAVuBA,a","sourcesContent":["import Color from './examples/Color';\nimport Indeterminate from './examples/Indeterminate';\nimport Progress from './examples/Progress';\nimport TrackColor from './examples/TrackColor';\nimport CustomSize from './examples/CustomSize';\n\nexport default function PressablePage() {\n return (\n <>\n <Color />\n <Indeterminate />\n <Progress />\n <TrackColor />\n <CustomSize />\n </>\n );\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/progress-bar/examples/Color.js\";\nimport React from 'react';\nimport { DividerVertical } from '../helpers';\nimport ProgressBar from \"react-native-web/dist/cjs/exports/ProgressBar\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function Color() {\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(ProgressBar, {\n color: \"#1DA1F2\",\n progress: 0.5\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(DividerVertical, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(ProgressBar, {\n color: \"#17BF63\",\n progress: 0.5\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 10,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(DividerVertical, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(ProgressBar, {\n color: \"#F45D22\",\n progress: 0.5\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(DividerVertical, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(ProgressBar, {\n color: \"#794BC4\",\n progress: 0.5\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(DividerVertical, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(ProgressBar, {\n color: \"#E0245E\",\n progress: 0.5\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 5\n }, this);\n}","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/progress-bar/examples/Color.js"],"names":["React","DividerVertical","Color"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,eAAT,QAAgC,YAAhC;;;AAGA,eAAe,SAASC,KAAT,GAAiB;AAC9B,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,WAAD;AAAa,MAAA,KAAK,EAAC,SAAnB;AAA6B,MAAA,QAAQ,EAAE;AAAvC;AAAA;AAAA;AAAA;AAAA,YADF,eAEE,QAAC,eAAD;AAAA;AAAA;AAAA;AAAA,YAFF,eAGE,QAAC,WAAD;AAAa,MAAA,KAAK,EAAC,SAAnB;AAA6B,MAAA,QAAQ,EAAE;AAAvC;AAAA;AAAA;AAAA;AAAA,YAHF,eAIE,QAAC,eAAD;AAAA;AAAA;AAAA;AAAA,YAJF,eAKE,QAAC,WAAD;AAAa,MAAA,KAAK,EAAC,SAAnB;AAA6B,MAAA,QAAQ,EAAE;AAAvC;AAAA;AAAA;AAAA;AAAA,YALF,eAME,QAAC,eAAD;AAAA;AAAA;AAAA;AAAA,YANF,eAOE,QAAC,WAAD;AAAa,MAAA,KAAK,EAAC,SAAnB;AAA6B,MAAA,QAAQ,EAAE;AAAvC;AAAA;AAAA;AAAA;AAAA,YAPF,eAQE,QAAC,eAAD;AAAA;AAAA;AAAA;AAAA,YARF,eASE,QAAC,WAAD;AAAa,MAAA,KAAK,EAAC,SAAnB;AAA6B,MAAA,QAAQ,EAAE;AAAvC;AAAA;AAAA;AAAA;AAAA,YATF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAaD","sourcesContent":["import React from 'react';\nimport { DividerVertical } from '../helpers';\nimport { ProgressBar, View } from 'react-native';\n\nexport default function Color() {\n return (\n <View>\n <ProgressBar color=\"#1DA1F2\" progress={0.5} />\n <DividerVertical />\n <ProgressBar color=\"#17BF63\" progress={0.5} />\n <DividerVertical />\n <ProgressBar color=\"#F45D22\" progress={0.5} />\n <DividerVertical />\n <ProgressBar color=\"#794BC4\" progress={0.5} />\n <DividerVertical />\n <ProgressBar color=\"#E0245E\" progress={0.5} />\n </View>\n );\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/switch/examples/ActiveTrackColor.js\";\nimport React from 'react';\nimport { styles } from '../helpers';\nimport Switch from \"react-native-web/dist/cjs/exports/Switch\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nconst colors = ['#1DA1F2', '#17BF63', '#F45D22', '#794BC4', '#E0245E'];\nconst itemStyle = [styles.marginVertical, styles.marginRight];\nexport default function ActiveTrackColor() {\n return /*#__PURE__*/_jsxDEV(View, {\n style: styles.row,\n children: [/*#__PURE__*/_jsxDEV(View, {\n style: itemStyle,\n children: /*#__PURE__*/_jsxDEV(Switch, {\n value: true\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 9\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 7\n }, this), colors.map((color, i) => /*#__PURE__*/_jsxDEV(View, {\n style: itemStyle,\n children: /*#__PURE__*/_jsxDEV(Switch, {\n activeThumbColor: \"#ccc\",\n activeTrackColor: color,\n value: true\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 11\n }, this)\n }, i, false, {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 9\n }, this))]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 10,\n columnNumber: 5\n }, this);\n}","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/switch/examples/ActiveTrackColor.js"],"names":["React","styles","colors","itemStyle","marginVertical","marginRight","ActiveTrackColor","row","map","color","i"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,YAAvB;;;AAGA,MAAMC,MAAM,GAAG,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,SAAlC,EAA6C,SAA7C,CAAf;AACA,MAAMC,SAAS,GAAG,CAACF,MAAM,CAACG,cAAR,EAAwBH,MAAM,CAACI,WAA/B,CAAlB;AAEA,eAAe,SAASC,gBAAT,GAA4B;AACzC,sBACE,QAAC,IAAD;AAAM,IAAA,KAAK,EAAEL,MAAM,CAACM,GAApB;AAAA,4BACE,QAAC,IAAD;AAAM,MAAA,KAAK,EAAEJ,SAAb;AAAA,6BACE,QAAC,MAAD;AAAQ,QAAA,KAAK,EAAE;AAAf;AAAA;AAAA;AAAA;AAAA;AADF;AAAA;AAAA;AAAA;AAAA,YADF,EAIGD,MAAM,CAACM,GAAP,CAAW,CAACC,KAAD,EAAQC,CAAR,kBACV,QAAC,IAAD;AAAc,MAAA,KAAK,EAAEP,SAArB;AAAA,6BACE,QAAC,MAAD;AAAQ,QAAA,gBAAgB,EAAC,MAAzB;AAAgC,QAAA,gBAAgB,EAAEM,KAAlD;AAAyD,QAAA,KAAK,EAAE;AAAhE;AAAA;AAAA;AAAA;AAAA;AADF,OAAWC,CAAX;AAAA;AAAA;AAAA;AAAA,YADD,CAJH;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAYD","sourcesContent":["import React from 'react';\nimport { styles } from '../helpers';\nimport { Switch, View } from 'react-native';\n\nconst colors = ['#1DA1F2', '#17BF63', '#F45D22', '#794BC4', '#E0245E'];\nconst itemStyle = [styles.marginVertical, styles.marginRight];\n\nexport default function ActiveTrackColor() {\n return (\n <View style={styles.row}>\n <View style={itemStyle}>\n <Switch value={true} />\n </View>\n {colors.map((color, i) => (\n <View key={i} style={itemStyle}>\n <Switch activeThumbColor=\"#ccc\" activeTrackColor={color} value={true} />\n </View>\n ))}\n </View>\n );\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"\"use strict\";\n\nexports.__esModule = true;\nexports.formatUrl = formatUrl;\n\nvar querystring = _interopRequireWildcard(require(\"./querystring\"));\n\nfunction _getRequireWildcardCache() {\n if (typeof WeakMap !== \"function\") return null;\n var cache = new WeakMap();\n\n _getRequireWildcardCache = function () {\n return cache;\n };\n\n return cache;\n}\n\nfunction _interopRequireWildcard(obj) {\n if (obj && obj.__esModule) {\n return obj;\n }\n\n if (obj === null || typeof obj !== \"object\" && typeof obj !== \"function\") {\n return {\n default: obj\n };\n }\n\n var cache = _getRequireWildcardCache();\n\n if (cache && cache.has(obj)) {\n return cache.get(obj);\n }\n\n var newObj = {};\n var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;\n\n for (var key in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, key)) {\n var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;\n\n if (desc && (desc.get || desc.set)) {\n Object.defineProperty(newObj, key, desc);\n } else {\n newObj[key] = obj[key];\n }\n }\n }\n\n newObj.default = obj;\n\n if (cache) {\n cache.set(obj, newObj);\n }\n\n return newObj;\n} // Format function modified from nodejs\n// Copyright Joyent, Inc. and other Node contributors.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a\n// copy of this software and associated documentation files (the\n// \"Software\"), to deal in the Software without restriction, including\n// without limitation the rights to use, copy, modify, merge, publish,\n// distribute, sublicense, and/or sell copies of the Software, and to permit\n// persons to whom the Software is furnished to do so, subject to the\n// following conditions:\n//\n// The above copyright notice and this permission notice shall be included\n// in all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS\n// OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN\n// NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,\n// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR\n// OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE\n// USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n\nconst slashedProtocols = /https?|ftp|gopher|file/;\n\nfunction formatUrl(urlObj) {\n let {\n auth,\n hostname\n } = urlObj;\n let protocol = urlObj.protocol || '';\n let pathname = urlObj.pathname || '';\n let hash = urlObj.hash || '';\n let query = urlObj.query || '';\n let host = false;\n auth = auth ? encodeURIComponent(auth).replace(/%3A/i, ':') + '@' : '';\n\n if (urlObj.host) {\n host = auth + urlObj.host;\n } else if (hostname) {\n host = auth + (~hostname.indexOf(':') ? `[${hostname}]` : hostname);\n\n if (urlObj.port) {\n host += ':' + urlObj.port;\n }\n }\n\n if (query && typeof query === 'object') {\n query = String(querystring.urlQueryToSearchParams(query));\n }\n\n let search = urlObj.search || query && `?${query}` || '';\n if (protocol && protocol.substr(-1) !== ':') protocol += ':';\n\n if (urlObj.slashes || (!protocol || slashedProtocols.test(protocol)) && host !== false) {\n host = '//' + (host || '');\n if (pathname && pathname[0] !== '/') pathname = '/' + pathname;\n } else if (!host) {\n host = '';\n }\n\n if (hash && hash[0] !== '#') hash = '#' + hash;\n if (search && search[0] !== '?') search = '?' + search;\n pathname = pathname.replace(/[?#]/g, encodeURIComponent);\n search = search.replace('#', '%23');\n return `${protocol}${host}${pathname}${search}${hash}`;\n}","map":null,"metadata":{},"sourceType":"script"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"/**\n * Copyright (c) 2015-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';\n\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/view/examples/StyleBoxShadow.js\";\nimport React from 'react';\nimport StyleSheet from \"react-native-web/dist/cjs/exports/StyleSheet\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function StyleBoxShadow() {\n return /*#__PURE__*/_jsxDEV(View, {\n style: styles.row,\n children: [/*#__PURE__*/_jsxDEV(View, {\n style: [styles.box, styles.shadow1]\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 15,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: [styles.box, styles.shadow2]\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 16,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(View, {\n style: [styles.box, styles.shadow1, {\n borderRadius: 50\n }]\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 17,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 5\n }, this);\n}\n_c = StyleBoxShadow;\nvar styles = StyleSheet.create({\n box: {\n width: 100,\n height: 100,\n borderWidth: 2\n },\n row: {\n flexDirection: 'row',\n justifyContent: 'space-around'\n },\n shadow1: {\n shadowOpacity: 0.5,\n shadowRadius: 3,\n shadowOffset: {\n width: 2,\n height: 2\n }\n },\n shadow2: {\n shadowOpacity: 1.0,\n shadowColor: 'red',\n shadowRadius: 0,\n shadowOffset: {\n width: 3,\n height: 3\n }\n }\n});\n\nvar _c;\n\n$RefreshReg$(_c, \"StyleBoxShadow\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/view/examples/StyleBoxShadow.js"],"names":["React","StyleBoxShadow","styles","row","box","shadow1","shadow2","borderRadius","StyleSheet","create","width","height","borderWidth","flexDirection","justifyContent","shadowOpacity","shadowRadius","shadowOffset","shadowColor"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAEA,OAAOA,KAAP,MAAkB,OAAlB;;;AAGA,eAAe,SAASC,cAAT,GAA0B;AACvC,sBACE,QAAC,IAAD;AAAM,IAAA,KAAK,EAAEC,MAAM,CAACC,GAApB;AAAA,4BACE,QAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACD,MAAM,CAACE,GAAR,EAAaF,MAAM,CAACG,OAApB;AAAb;AAAA;AAAA;AAAA;AAAA,YADF,eAEE,QAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACH,MAAM,CAACE,GAAR,EAAaF,MAAM,CAACI,OAApB;AAAb;AAAA;AAAA;AAAA;AAAA,YAFF,eAGE,QAAC,IAAD;AAAM,MAAA,KAAK,EAAE,CAACJ,MAAM,CAACE,GAAR,EAAaF,MAAM,CAACG,OAApB,EAA6B;AAAEE,QAAAA,YAAY,EAAE;AAAhB,OAA7B;AAAb;AAAA;AAAA;AAAA;AAAA,YAHF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAOD;KARuBN,c;AAUxB,IAAMC,MAAM,GAAGM,UAAU,CAACC,MAAX,CAAkB;AAC/BL,EAAAA,GAAG,EAAE;AACHM,IAAAA,KAAK,EAAE,GADJ;AAEHC,IAAAA,MAAM,EAAE,GAFL;AAGHC,IAAAA,WAAW,EAAE;AAHV,GAD0B;AAM/BT,EAAAA,GAAG,EAAE;AACHU,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,cAAc,EAAE;AAFb,GAN0B;AAU/BT,EAAAA,OAAO,EAAE;AACPU,IAAAA,aAAa,EAAE,GADR;AAEPC,IAAAA,YAAY,EAAE,CAFP;AAGPC,IAAAA,YAAY,EAAE;AAAEP,MAAAA,KAAK,EAAE,CAAT;AAAYC,MAAAA,MAAM,EAAE;AAApB;AAHP,GAVsB;AAe/BL,EAAAA,OAAO,EAAE;AACPS,IAAAA,aAAa,EAAE,GADR;AAEPG,IAAAA,WAAW,EAAE,KAFN;AAGPF,IAAAA,YAAY,EAAE,CAHP;AAIPC,IAAAA,YAAY,EAAE;AAAEP,MAAAA,KAAK,EAAE,CAAT;AAAYC,MAAAA,MAAM,EAAE;AAApB;AAJP;AAfsB,CAAlB,CAAf","sourcesContent":["/**\n * Copyright (c) 2015-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';\n\nimport React from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nexport default function StyleBoxShadow() {\n return (\n <View style={styles.row}>\n <View style={[styles.box, styles.shadow1]} />\n <View style={[styles.box, styles.shadow2]} />\n <View style={[styles.box, styles.shadow1, { borderRadius: 50 }]} />\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n box: {\n width: 100,\n height: 100,\n borderWidth: 2\n },\n row: {\n flexDirection: 'row',\n justifyContent: 'space-around'\n },\n shadow1: {\n shadowOpacity: 0.5,\n shadowRadius: 3,\n shadowOffset: { width: 2, height: 2 }\n },\n shadow2: {\n shadowOpacity: 1.0,\n shadowColor: 'red',\n shadowRadius: 0,\n shadowOffset: { width: 3, height: 3 }\n }\n});\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/Placeholder.js\";\nimport React from 'react';\nimport { styles } from '../helpers';\nimport TextInput from \"react-native-web/dist/cjs/exports/TextInput\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function Placeholder() {\n return /*#__PURE__*/_jsxDEV(View, {\n children: [/*#__PURE__*/_jsxDEV(TextInput, {\n placeholder: \"This is placeholder text\",\n style: styles.textinput\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 8,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(TextInput, {\n multiline: true,\n placeholder: \"This is placeholder text\",\n style: styles.multiline\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 9,\n columnNumber: 7\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 7,\n columnNumber: 5\n }, this);\n}\n_c = Placeholder;\n\nvar _c;\n\n$RefreshReg$(_c, \"Placeholder\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text-input/examples/Placeholder.js"],"names":["React","styles","Placeholder","textinput","multiline"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,QAAuB,YAAvB;;;AAGA,eAAe,SAASC,WAAT,GAAuB;AACpC,sBACE,QAAC,IAAD;AAAA,4BACE,QAAC,SAAD;AAAW,MAAA,WAAW,EAAC,0BAAvB;AAAkD,MAAA,KAAK,EAAED,MAAM,CAACE;AAAhE;AAAA;AAAA;AAAA;AAAA,YADF,eAEE,QAAC,SAAD;AAAW,MAAA,SAAS,EAAE,IAAtB;AAA4B,MAAA,WAAW,EAAC,0BAAxC;AAAmE,MAAA,KAAK,EAAEF,MAAM,CAACG;AAAjF;AAAA;AAAA;AAAA;AAAA,YAFF;AAAA;AAAA;AAAA;AAAA;AAAA,UADF;AAMD;KAPuBF,W","sourcesContent":["import React from 'react';\nimport { styles } from '../helpers';\nimport { TextInput, View } from 'react-native';\n\nexport default function Placeholder() {\n return (\n <View>\n <TextInput placeholder=\"This is placeholder text\" style={styles.textinput} />\n <TextInput multiline={true} placeholder=\"This is placeholder text\" style={styles.multiline} />\n </View>\n );\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { styles } from '../helpers';\nimport React from 'react';\nimport Switch from \"react-native-web/dist/cjs/exports/Switch\";\nimport Text from \"react-native-web/dist/cjs/exports/Text\";\nimport View from \"react-native-web/dist/cjs/exports/View\";\nexport default function OnValueChange() {\n const [switchState, updateSwitch] = React.useState(false);\n const [otherSwitchState, updateOtherSwitch] = React.useState(false);\n\n const switchValueChange = value => {\n updateSwitch(value);\n };\n\n const otherSwitchValueChange = value => {\n updateOtherSwitch(value);\n };\n\n return /*#__PURE__*/_jsxs(View, {\n style: styles.row,\n children: [/*#__PURE__*/_jsxs(View, {\n style: [styles.alignCenter, styles.marginRight],\n children: [/*#__PURE__*/_jsx(Switch, {\n onValueChange: switchValueChange,\n style: styles.marginBottom,\n value: switchState\n }), /*#__PURE__*/_jsx(Switch, {\n onValueChange: switchValueChange,\n style: styles.marginBottom,\n value: switchState\n }), /*#__PURE__*/_jsx(Text, {\n children: switchState ? 'On' : 'Off'\n })]\n }), /*#__PURE__*/_jsxs(View, {\n style: styles.alignCenter,\n children: [/*#__PURE__*/_jsx(Switch, {\n onValueChange: otherSwitchValueChange,\n style: styles.marginBottom,\n value: otherSwitchState\n }), /*#__PURE__*/_jsx(Switch, {\n onValueChange: otherSwitchValueChange,\n style: styles.marginBottom,\n value: otherSwitchState\n }), /*#__PURE__*/_jsx(Text, {\n children: otherSwitchState ? 'On' : 'Off'\n })]\n })]\n });\n}","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"\"use strict\";","map":null,"metadata":{},"sourceType":"script"}
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"export { default as delayEvents } from './DelayEvents';\nexport { default as disabled } from './Disabled';\nexport { default as feedbackEvents } from './FeedbackEvents';\nexport { default as panAndPress } from './PanAndPress';","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/pressable/index.js"],"names":["default","delayEvents","disabled","feedbackEvents","panAndPress"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAApB,QAAuC,eAAvC;AACA,SAASD,OAAO,IAAIE,QAApB,QAAoC,YAApC;AACA,SAASF,OAAO,IAAIG,cAApB,QAA0C,kBAA1C;AACA,SAASH,OAAO,IAAII,WAApB,QAAuC,eAAvC","sourcesContent":["export { default as delayEvents } from './DelayEvents';\nexport { default as disabled } from './Disabled';\nexport { default as feedbackEvents } from './FeedbackEvents';\nexport { default as panAndPress } from './PanAndPress';\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsx as _jsx } from \"react/jsx-runtime\";\nimport Example from '../../shared/ImageExample';\nimport React from 'react';\nexport default function ImagePage() {\n return /*#__PURE__*/_jsx(Example, {});\n}","map":null,"metadata":{},"sourceType":"module"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.useIntersection = useIntersection;\n\nvar _react = require(\"react\");\n\nvar _requestIdleCallback = _interopRequireDefault(require(\"./request-idle-callback\"));\n\nconst hasIntersectionObserver = typeof IntersectionObserver !== 'undefined';\n\nfunction useIntersection({\n rootMargin,\n disabled\n}) {\n const isDisabled = disabled || !hasIntersectionObserver;\n const unobserve = (0, _react.useRef)();\n const [visible, setVisible] = (0, _react.useState)(false);\n const setRef = (0, _react.useCallback)(el => {\n if (unobserve.current) {\n unobserve.current();\n unobserve.current = undefined;\n }\n\n if (isDisabled || visible) return;\n\n if (el && el.tagName) {\n unobserve.current = observe(el, isVisible => isVisible && setVisible(isVisible), {\n rootMargin\n });\n }\n }, [isDisabled, rootMargin, visible]);\n (0, _react.useEffect)(() => {\n if (!hasIntersectionObserver) {\n if (!visible) (0, _requestIdleCallback.default)(() => setVisible(true));\n }\n }, [visible]);\n return [setRef, visible];\n}\n\nfunction observe(element, callback, options) {\n const {\n id,\n observer,\n elements\n } = createObserver(options);\n elements.set(element, callback);\n observer.observe(element);\n return function unobserve() {\n elements.delete(element);\n observer.unobserve(element); // Destroy observer when there's nothing left to watch:\n\n if (elements.size === 0) {\n observer.disconnect();\n observers.delete(id);\n }\n };\n}\n\nconst observers = new Map();\n\nfunction createObserver(options) {\n const id = options.rootMargin || '';\n let instance = observers.get(id);\n\n if (instance) {\n return instance;\n }\n\n const elements = new Map();\n const observer = new IntersectionObserver(entries => {\n entries.forEach(entry => {\n const callback = elements.get(entry.target);\n const isVisible = entry.isIntersecting || entry.intersectionRatio > 0;\n\n if (callback && isVisible) {\n callback(isVisible);\n }\n });\n }, options);\n observers.set(id, instance = {\n id,\n observer,\n elements\n });\n return instance;\n}","map":null,"metadata":{},"sourceType":"script"}
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { Fragment as _Fragment } from \"react/jsx-dev-runtime\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text/index.js\";\nimport Children from './examples/Children';\nimport NumberOfLines from './examples/NumberOfLines';\nimport OnPress from './examples/OnPress';\nimport Selectable from './examples/Selectable';\nimport Style from './examples/Style';\nexport default function TextPage() {\n return /*#__PURE__*/_jsxDEV(_Fragment, {\n children: [/*#__PURE__*/_jsxDEV(Children, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 10,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(NumberOfLines, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 11,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(OnPress, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 12,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Selectable, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 13,\n columnNumber: 7\n }, this), /*#__PURE__*/_jsxDEV(Style, {}, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 14,\n columnNumber: 7\n }, this)]\n }, void 0, true);\n}\n_c = TextPage;\n\nvar _c;\n\n$RefreshReg$(_c, \"TextPage\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/text/index.js"],"names":["Children","NumberOfLines","OnPress","Selectable","Style","TextPage"],"mappings":";;;AAAA,OAAOA,QAAP,MAAqB,qBAArB;AACA,OAAOC,aAAP,MAA0B,0BAA1B;AACA,OAAOC,OAAP,MAAoB,oBAApB;AACA,OAAOC,UAAP,MAAuB,uBAAvB;AACA,OAAOC,KAAP,MAAkB,kBAAlB;AAEA,eAAe,SAASC,QAAT,GAAoB;AACjC,sBACE;AAAA,4BACE,QAAC,QAAD;AAAA;AAAA;AAAA;AAAA,YADF,eAEE,QAAC,aAAD;AAAA;AAAA;AAAA;AAAA,YAFF,eAGE,QAAC,OAAD;AAAA;AAAA;AAAA;AAAA,YAHF,eAIE,QAAC,UAAD;AAAA;AAAA;AAAA;AAAA,YAJF,eAKE,QAAC,KAAD;AAAA;AAAA;AAAA;AAAA,YALF;AAAA,kBADF;AASD;KAVuBA,Q","sourcesContent":["import Children from './examples/Children';\nimport NumberOfLines from './examples/NumberOfLines';\nimport OnPress from './examples/OnPress';\nimport Selectable from './examples/Selectable';\nimport Style from './examples/Style';\n\nexport default function TextPage() {\n return (\n <>\n <Children />\n <NumberOfLines />\n <OnPress />\n <Selectable />\n <Style />\n </>\n ); \n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
@@ -1 +0,0 @@
|
|||||||
{"ast":null,"code":"import { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nvar _jsxFileName = \"/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/image/examples/OnError.js\";\nimport NetworkImage from './NetworkImage';\nimport React from 'react';\nimport sources from '../sources';\nexport default function OnError() {\n return /*#__PURE__*/_jsxDEV(NetworkImage, {\n logMethod: \"onError\",\n source: sources.broken\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 6,\n columnNumber: 10\n }, this);\n}\n_c = OnError;\n\nvar _c;\n\n$RefreshReg$(_c, \"OnError\");","map":{"version":3,"sources":["/Users/necolas/OpenSource/github/necolas/react-native-web/packages/examples/pages/image/examples/OnError.js"],"names":["NetworkImage","React","sources","OnError","broken"],"mappings":";;AAAA,OAAOA,YAAP,MAAyB,gBAAzB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,YAApB;AAEA,eAAe,SAASC,OAAT,GAAmB;AAChC,sBAAO,QAAC,YAAD;AAAc,IAAA,SAAS,EAAC,SAAxB;AAAkC,IAAA,MAAM,EAAED,OAAO,CAACE;AAAlD;AAAA;AAAA;AAAA;AAAA,UAAP;AACD;KAFuBD,O","sourcesContent":["import NetworkImage from './NetworkImage';\nimport React from 'react';\nimport sources from '../sources';\n\nexport default function OnError() {\n return <NetworkImage logMethod=\"onError\" source={sources.broken} />;\n}\n"]},"metadata":{},"sourceType":"module"}
|
|
||||||
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user