react-core-ts 1.3.37 → 1.3.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ReactAutoComplete.js +5 -5
- package/dist/ReactAutoComplete.js.map +1 -1
- package/dist/ReactTextArea.js +4 -4
- package/dist/ReactTextArea.js.map +1 -1
- package/dist/ReactTextField.js +4 -4
- package/dist/ReactTextField.js.map +1 -1
- package/dist/styles/styles/components/autocomplete.css +624 -0
- package/dist/styles/styles/components/selectedautocomplete.css +130 -0
- package/dist/styles/styles/components/tooltip.css +497 -0
- package/dist/styles/styles/components/treedropdown.css +63 -0
- package/dist/styles/styles/global.css +8 -0
- package/package.json +1 -1
- package/src/ReactAutoComplete.tsx +5 -5
- package/src/ReactTextArea.tsx +3 -3
- package/src/ReactTextField.tsx +4 -4
|
@@ -410,10 +410,10 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
410
410
|
? "cursor-pointer"
|
|
411
411
|
: "cursor-text peer-focus:cursor-pointer"
|
|
412
412
|
} ${
|
|
413
|
-
|
|
414
|
-
? "active-input-label-bg"
|
|
415
|
-
: isDisabled && !checkIsEmptyField()
|
|
413
|
+
isDisabled && !checkIsEmptyField()
|
|
416
414
|
? "disabled-input-label-bg"
|
|
415
|
+
: !isDisabled || !checkIsEmptyField()
|
|
416
|
+
? "active-input-label-bg"
|
|
417
417
|
: ""
|
|
418
418
|
} absolute duration-300 transform -translate-y-4 top-2 z-1 origin-[0] px-0 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:top-1/2 peer-focus:top-2 peer-focus:-translate-y-4 start-[14px] rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto ${
|
|
419
419
|
isDisabled
|
|
@@ -644,14 +644,14 @@ const ModernAutoComplete: React.FC<AutoSuggestionInputProps> = ({
|
|
|
644
644
|
{isHovered && errors && errors[name] && (
|
|
645
645
|
<span className="tooltip">{handleError(errors)} </span>
|
|
646
646
|
)}
|
|
647
|
-
{tooltipIsHovered && showToolTip && !dropOpen && (
|
|
647
|
+
{tooltipIsHovered && showToolTip && !dropOpen &&inputValue && (
|
|
648
648
|
<div className={`tooltip-info`}>{inputValue}</div>
|
|
649
649
|
)}
|
|
650
650
|
|
|
651
651
|
<div
|
|
652
652
|
className={`flex relative ${fullWidth ? "w-full" : "w-auto"}`}
|
|
653
653
|
style={{ width: width }}
|
|
654
|
-
>
|
|
654
|
+
>
|
|
655
655
|
<div
|
|
656
656
|
className="relative w-full"
|
|
657
657
|
onMouseEnter={() => handleMouseEnter()}
|
package/src/ReactTextArea.tsx
CHANGED
|
@@ -124,10 +124,10 @@ const ModernTextArea: React.FC<TextAreaProps> = ({
|
|
|
124
124
|
? 'cursor-pointer'
|
|
125
125
|
: 'cursor-text peer-focus:cursor-pointer'
|
|
126
126
|
} ${
|
|
127
|
-
|
|
128
|
-
? 'active-input-label-bg'
|
|
129
|
-
: isDisabled && !checkIsEmptyField()
|
|
127
|
+
isDisabled && !checkIsEmptyField()
|
|
130
128
|
? 'disabled-input-label-bg'
|
|
129
|
+
: !isDisabled || !checkIsEmptyField()
|
|
130
|
+
? 'active-input-label-bg'
|
|
131
131
|
: ''
|
|
132
132
|
} ${
|
|
133
133
|
checkIsEmptyField()
|
package/src/ReactTextField.tsx
CHANGED
|
@@ -140,11 +140,11 @@ const TextField: React.FC<TextFieldProps> = ({
|
|
|
140
140
|
peer-focus:-translate-y-4 start-[14px] rtl:peer-focus:translate-x-1/4 rtl:peer-focus:left-auto ${
|
|
141
141
|
isDisabled ? 'cursor-pointer' : 'cursor-text peer-focus:cursor-pointer'
|
|
142
142
|
} ${
|
|
143
|
-
|
|
144
|
-
? 'active-input-label-bg'
|
|
145
|
-
: isDisabled && !checkIsEmptyField()
|
|
143
|
+
isDisabled && !checkIsEmptyField()
|
|
146
144
|
? 'disabled-input-label-bg'
|
|
147
|
-
:
|
|
145
|
+
: !isDisabled || !checkIsEmptyField()
|
|
146
|
+
? 'active-input-label-bg'
|
|
147
|
+
: ''
|
|
148
148
|
} ${
|
|
149
149
|
checkIsEmptyField()
|
|
150
150
|
? 'modern-input-label-size'
|