ywana-core8 0.1.95 → 0.1.98
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README-PUBLISH.md +166 -0
- package/dist/index.css +4502 -242
- package/dist/index.js +42641 -0
- package/dist/index.js.map +1 -0
- package/dist/index.modern.js +37447 -31364
- package/dist/index.modern.js.map +1 -1
- package/dist/index.umd.js +40345 -34418
- package/dist/index.umd.js.map +1 -1
- package/doc/src/index.js +1 -2
- package/doc/src/ywana-core8.css +16646 -0
- package/package.json +25 -19
- package/publish.sh +288 -5
- package/src/html/accordion.example.js +0 -74
- package/src/html/textfield2.css +1 -16
- package/src/setupTests.js +38 -0
- package/src/widgets/login/LoginBox.example.js +195 -0
- package/test-publish.sh +159 -0
- package/vite.config.js +86 -0
- package/vitest.config.js +42 -0
- package/dist/index.cjs +0 -36722
- package/dist/index.cjs.map +0 -1
- package/dist/index.css.map +0 -1
- package/src/incubator/pdfViewer.js +0 -33
- package/test-textfield2-icons.html +0 -150
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import React, {useState} from 'react'
|
|
2
|
-
import { Document, Page } from 'react-pdf'
|
|
3
|
-
|
|
4
|
-
export const PDFViewer = (props) => {
|
|
5
|
-
|
|
6
|
-
const { file } = props
|
|
7
|
-
const [numPages, setNumPages] = useState(null)
|
|
8
|
-
const [pageNumber, setPageNumber] = useState(1)
|
|
9
|
-
|
|
10
|
-
function onDocumentLoadSuccess({ numPages }) {
|
|
11
|
-
setNumPages(numPages)
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
return (
|
|
15
|
-
<div className="pdfViewer">
|
|
16
|
-
<Document file={file} onLoadSuccess={onDocumentLoadSuccess}>
|
|
17
|
-
<Page pageNumber={pageNumber} />
|
|
18
|
-
</Document>
|
|
19
|
-
</div>
|
|
20
|
-
)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export const PDFViewerTest = (props) => {
|
|
24
|
-
|
|
25
|
-
const base64 = "xx"
|
|
26
|
-
|
|
27
|
-
const file = "https://pro.ywanadigital.com/files/20230602102630601/original/files/Label1_7_ok.pdf"
|
|
28
|
-
|
|
29
|
-
return (
|
|
30
|
-
<PDFViewer file={file} />
|
|
31
|
-
)
|
|
32
|
-
|
|
33
|
-
}
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="es">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Test TextField2 Icons Centering</title>
|
|
7
|
-
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
8
|
-
<link rel="stylesheet" href="src/html/textfield2.css">
|
|
9
|
-
<link rel="stylesheet" href="src/html/icon.css">
|
|
10
|
-
<style>
|
|
11
|
-
body {
|
|
12
|
-
font-family: Arial, sans-serif;
|
|
13
|
-
padding: 2rem;
|
|
14
|
-
background: #f5f5f5;
|
|
15
|
-
}
|
|
16
|
-
.test-container {
|
|
17
|
-
max-width: 600px;
|
|
18
|
-
margin: 0 auto;
|
|
19
|
-
background: white;
|
|
20
|
-
padding: 2rem;
|
|
21
|
-
border-radius: 8px;
|
|
22
|
-
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
|
|
23
|
-
}
|
|
24
|
-
.test-section {
|
|
25
|
-
margin-bottom: 2rem;
|
|
26
|
-
padding: 1rem;
|
|
27
|
-
border: 1px solid #e0e0e0;
|
|
28
|
-
border-radius: 4px;
|
|
29
|
-
}
|
|
30
|
-
.test-section h3 {
|
|
31
|
-
margin-top: 0;
|
|
32
|
-
color: #333;
|
|
33
|
-
}
|
|
34
|
-
.field-group {
|
|
35
|
-
margin-bottom: 1.5rem;
|
|
36
|
-
}
|
|
37
|
-
/* Variables CSS básicas */
|
|
38
|
-
:root {
|
|
39
|
-
--text-color: #333;
|
|
40
|
-
--text-color-light: #666;
|
|
41
|
-
--primary-color: #2196f3;
|
|
42
|
-
--error-color: #f44336;
|
|
43
|
-
--paper-color: #fff;
|
|
44
|
-
--divider-color: #e0e0e0;
|
|
45
|
-
}
|
|
46
|
-
</style>
|
|
47
|
-
</head>
|
|
48
|
-
<body>
|
|
49
|
-
<div class="test-container">
|
|
50
|
-
<h1>Test de Centrado de Iconos en TextField2</h1>
|
|
51
|
-
|
|
52
|
-
<div class="test-section">
|
|
53
|
-
<h3>1. TextField2 Normal con Label</h3>
|
|
54
|
-
<div class="field-group">
|
|
55
|
-
<div class="textfield2">
|
|
56
|
-
<input type="text" id="test1" value="Texto de prueba">
|
|
57
|
-
<i class="textfield2-clear material-icons">close</i>
|
|
58
|
-
<label for="test1">Campo de texto</label>
|
|
59
|
-
</div>
|
|
60
|
-
</div>
|
|
61
|
-
</div>
|
|
62
|
-
|
|
63
|
-
<div class="test-section">
|
|
64
|
-
<h3>2. TextField2 Password con Toggle</h3>
|
|
65
|
-
<div class="field-group">
|
|
66
|
-
<div class="textfield2 textfield2-password">
|
|
67
|
-
<input type="password" id="test2" value="password123">
|
|
68
|
-
<i class="textfield2-clear material-icons">close</i>
|
|
69
|
-
<i class="textfield2-password-toggle material-icons">visibility</i>
|
|
70
|
-
<label for="test2">Contraseña</label>
|
|
71
|
-
</div>
|
|
72
|
-
</div>
|
|
73
|
-
</div>
|
|
74
|
-
|
|
75
|
-
<div class="test-section">
|
|
76
|
-
<h3>3. TextField2 Sin Label</h3>
|
|
77
|
-
<div class="field-group">
|
|
78
|
-
<div class="textfield2 no-label">
|
|
79
|
-
<input type="text" id="test3" value="Sin etiqueta" placeholder="Placeholder text">
|
|
80
|
-
<i class="textfield2-clear material-icons">close</i>
|
|
81
|
-
</div>
|
|
82
|
-
</div>
|
|
83
|
-
</div>
|
|
84
|
-
|
|
85
|
-
<div class="test-section">
|
|
86
|
-
<h3>4. TextField2 Outlined</h3>
|
|
87
|
-
<div class="field-group">
|
|
88
|
-
<div class="textfield2 textfield2-outlined">
|
|
89
|
-
<input type="text" id="test4" value="Texto outlined">
|
|
90
|
-
<i class="textfield2-clear material-icons">close</i>
|
|
91
|
-
<label for="test4">Campo outlined</label>
|
|
92
|
-
</div>
|
|
93
|
-
</div>
|
|
94
|
-
</div>
|
|
95
|
-
|
|
96
|
-
<div class="test-section">
|
|
97
|
-
<h3>5. TextField2 Outlined Password</h3>
|
|
98
|
-
<div class="field-group">
|
|
99
|
-
<div class="textfield2 textfield2-outlined textfield2-password">
|
|
100
|
-
<input type="password" id="test5" value="password123">
|
|
101
|
-
<i class="textfield2-clear material-icons">close</i>
|
|
102
|
-
<i class="textfield2-password-toggle material-icons">visibility</i>
|
|
103
|
-
<label for="test5">Contraseña outlined</label>
|
|
104
|
-
</div>
|
|
105
|
-
</div>
|
|
106
|
-
</div>
|
|
107
|
-
|
|
108
|
-
<div class="test-section">
|
|
109
|
-
<h3>6. TextArea2</h3>
|
|
110
|
-
<div class="field-group">
|
|
111
|
-
<div class="textfield2">
|
|
112
|
-
<textarea id="test6" rows="3">Texto en área de texto
|
|
113
|
-
Segunda línea
|
|
114
|
-
Tercera línea</textarea>
|
|
115
|
-
<i class="textfield2-clear material-icons">close</i>
|
|
116
|
-
<label for="test6">Área de texto</label>
|
|
117
|
-
</div>
|
|
118
|
-
</div>
|
|
119
|
-
</div>
|
|
120
|
-
</div>
|
|
121
|
-
|
|
122
|
-
<script>
|
|
123
|
-
// Simular funcionalidad de los iconos
|
|
124
|
-
document.querySelectorAll('.textfield2-clear').forEach(icon => {
|
|
125
|
-
icon.addEventListener('click', function() {
|
|
126
|
-
const input = this.parentElement.querySelector('input, textarea');
|
|
127
|
-
if (input) {
|
|
128
|
-
input.value = '';
|
|
129
|
-
input.focus();
|
|
130
|
-
}
|
|
131
|
-
});
|
|
132
|
-
});
|
|
133
|
-
|
|
134
|
-
document.querySelectorAll('.textfield2-password-toggle').forEach(icon => {
|
|
135
|
-
icon.addEventListener('click', function() {
|
|
136
|
-
const input = this.parentElement.querySelector('input');
|
|
137
|
-
if (input) {
|
|
138
|
-
if (input.type === 'password') {
|
|
139
|
-
input.type = 'text';
|
|
140
|
-
this.textContent = 'visibility_off';
|
|
141
|
-
} else {
|
|
142
|
-
input.type = 'password';
|
|
143
|
-
this.textContent = 'visibility';
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
});
|
|
147
|
-
});
|
|
148
|
-
</script>
|
|
149
|
-
</body>
|
|
150
|
-
</html>
|