@konoma-development/react-components 0.3.18 → 0.3.20
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.
|
@@ -5399,7 +5399,7 @@ var baseClasses$11 = {
|
|
|
5399
5399
|
additionalClassesIconRight: "pr-12",
|
|
5400
5400
|
classes: "relative h-14"
|
|
5401
5401
|
};
|
|
5402
|
-
function Input({ controlClasses = baseClasses$11.controlClasses, wrapperClasses = baseClasses$11.wrapperClasses, labelClasses = baseClasses$11.labelClasses, iconLeftClasses = baseClasses$11.iconLeftClasses, iconRightClasses = baseClasses$11.iconRightClasses, errorClasses = baseClasses$11.errorClasses, classesError = baseClasses$11.classesError, classesNeutral = baseClasses$11.classesNeutral, classes = baseClasses$11.classes, additionalClassesIconLeft = baseClasses$11.additionalClassesIconLeft, additionalClassesIconRight = baseClasses$11.additionalClassesIconRight, wrapperRightClasses = baseClasses$11.wrapperRightClasses, label, iconLeftPath, iconLeftName, iconRightPath, iconRightName, textRight, centered, error, step, required, name, value, mask, defaultValue, placeholder, className = "", dataTestId, onIconRightClick = () => {}, onIconLeftClick = () => {}, onChange = () => {}, onClick = () => {}, onKeyDown = () => {}, onBlur = () => {}, ...props }) {
|
|
5402
|
+
function Input({ controlClasses = baseClasses$11.controlClasses, wrapperClasses = baseClasses$11.wrapperClasses, labelClasses = baseClasses$11.labelClasses, iconLeftClasses = baseClasses$11.iconLeftClasses, iconRightClasses = baseClasses$11.iconRightClasses, errorClasses = baseClasses$11.errorClasses, classesError = baseClasses$11.classesError, classesNeutral = baseClasses$11.classesNeutral, classes = baseClasses$11.classes, additionalClassesIconLeft = baseClasses$11.additionalClassesIconLeft, additionalClassesIconRight = baseClasses$11.additionalClassesIconRight, wrapperRightClasses = baseClasses$11.wrapperRightClasses, label, iconLeftPath, iconLeftName, iconRightPath, iconRightName, textRight, centered, error, step, required, name, value, mask, defaultValue, placeholder, autoFocus, className = "", dataTestId, onIconRightClick = () => {}, onIconLeftClick = () => {}, onChange = () => {}, onClick = () => {}, onKeyDown = () => {}, onBlur = () => {}, ...props }) {
|
|
5403
5403
|
const classesFull = [controlClasses];
|
|
5404
5404
|
if (iconLeftPath || iconLeftName) classesFull.push(additionalClassesIconLeft);
|
|
5405
5405
|
if (iconRightPath || iconRightName || textRight) classesFull.push(additionalClassesIconRight);
|
|
@@ -5407,6 +5407,11 @@ function Input({ controlClasses = baseClasses$11.controlClasses, wrapperClasses
|
|
|
5407
5407
|
if (error && error.length > 0) classesFull.push(classesError);
|
|
5408
5408
|
else classesFull.push(classesNeutral);
|
|
5409
5409
|
classesFull.push(className);
|
|
5410
|
+
useEffect(() => {
|
|
5411
|
+
if (autoFocus) setTimeout(() => {
|
|
5412
|
+
ref.current?.focus();
|
|
5413
|
+
}, 100);
|
|
5414
|
+
});
|
|
5410
5415
|
const ref = useRef(null);
|
|
5411
5416
|
const inputRef = useRef(null);
|
|
5412
5417
|
return /* @__PURE__ */ jsxs("label", {
|