innoboxrr-react-form-elements 3.1.0 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "innoboxrr-react-form-elements",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.2.0",
|
|
4
4
|
"description": "Gemelo React de innoboxrr-form-elements: los mismos componentes, los mismos nombres y el mismo contrato.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "index.js",
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"@tinymce/tinymce-react": "^6.3.0",
|
|
53
53
|
"@uiw/react-codemirror": "^4.25.11",
|
|
54
54
|
"@yaireo/tagify": "^4.38.0",
|
|
55
|
-
"innoboxrr-form-core": "^2.
|
|
55
|
+
"innoboxrr-form-core": "^2.2.0",
|
|
56
56
|
"innoboxrr-maskjs": "^2.0.0",
|
|
57
57
|
"react-colorful": "^5.8.1",
|
|
58
58
|
"react-phone-number-input": "^3.4.18",
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { useId, useState } from 'react'
|
|
2
|
+
import IconComponent from './IconComponent.jsx'
|
|
2
3
|
import { applyMask, isMaskSpec } from 'innoboxrr-maskjs'
|
|
3
4
|
import Field from './internal/Field.jsx'
|
|
4
5
|
import useThemeClass from './internal/useThemeClass.js'
|
|
@@ -62,7 +63,7 @@ export default function TextInputComponent({
|
|
|
62
63
|
|
|
63
64
|
return (
|
|
64
65
|
<Field label={label} help={help} htmlFor={uid}>
|
|
65
|
-
{hasIcon ? <span className="fe-field-icon"
|
|
66
|
+
{hasIcon ? <span className="fe-field-icon"><IconComponent name={icon} /></span> : null}
|
|
66
67
|
|
|
67
68
|
<div className="fe-input-wrap">
|
|
68
69
|
<input
|
|
@@ -20,7 +20,11 @@ export default function FieldLabel({ label, help, htmlFor = undefined }) {
|
|
|
20
20
|
<label htmlFor={htmlFor} className={theme.label}>
|
|
21
21
|
{help ? (
|
|
22
22
|
<span className={theme.help}>
|
|
23
|
-
<i
|
|
23
|
+
<i
|
|
24
|
+
className={theme.helpIcon}
|
|
25
|
+
data-tooltip={help}
|
|
26
|
+
aria-label={help}
|
|
27
|
+
tabIndex={0}></i>
|
|
24
28
|
</span>
|
|
25
29
|
) : null}
|
|
26
30
|
{label}
|