componentes-sinco 1.3.3 → 1.3.4
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/index.cjs +7 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +7 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -445,6 +445,7 @@ interface SCTextFieldProps {
|
|
|
445
445
|
};
|
|
446
446
|
size?: "small" | "medium";
|
|
447
447
|
variant?: "outlined" | "filled" | "standard";
|
|
448
|
+
alignText?: "left" | "right" | "center";
|
|
448
449
|
maxLength?: number;
|
|
449
450
|
disabled?: boolean;
|
|
450
451
|
required?: boolean;
|
|
@@ -455,7 +456,7 @@ interface SCTextFieldProps {
|
|
|
455
456
|
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
456
457
|
}
|
|
457
458
|
|
|
458
|
-
declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, color, background, setState, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
|
|
459
|
+
declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, alignText, color, background, setState, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
|
|
459
460
|
|
|
460
461
|
interface SCAccordionProps {
|
|
461
462
|
title?: string | React__default.ReactNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -445,6 +445,7 @@ interface SCTextFieldProps {
|
|
|
445
445
|
};
|
|
446
446
|
size?: "small" | "medium";
|
|
447
447
|
variant?: "outlined" | "filled" | "standard";
|
|
448
|
+
alignText?: "left" | "right" | "center";
|
|
448
449
|
maxLength?: number;
|
|
449
450
|
disabled?: boolean;
|
|
450
451
|
required?: boolean;
|
|
@@ -455,7 +456,7 @@ interface SCTextFieldProps {
|
|
|
455
456
|
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
456
457
|
}
|
|
457
458
|
|
|
458
|
-
declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, color, background, setState, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
|
|
459
|
+
declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, alignText, color, background, setState, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
|
|
459
460
|
|
|
460
461
|
interface SCAccordionProps {
|
|
461
462
|
title?: string | React__default.ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -1360,6 +1360,7 @@ var SCTextField = ({
|
|
|
1360
1360
|
required,
|
|
1361
1361
|
size,
|
|
1362
1362
|
width = "100%",
|
|
1363
|
+
alignText = "left",
|
|
1363
1364
|
color,
|
|
1364
1365
|
background,
|
|
1365
1366
|
//Funcionales
|
|
@@ -1517,7 +1518,7 @@ var SCTextField = ({
|
|
|
1517
1518
|
onKeyDown: handleKeyDown,
|
|
1518
1519
|
onChange: handleInputChange,
|
|
1519
1520
|
onBlur: handleBlur,
|
|
1520
|
-
inputProps: { maxLength: maxLength ? maxLength : 50 },
|
|
1521
|
+
inputProps: { maxLength: maxLength ? maxLength : 50, style: { textAlign: alignText } },
|
|
1521
1522
|
type: !showPassword && format3 === "password" ? "password" : (format3 || "text").toUpperCase() === "INT" || (format3 || "text").toUpperCase() === "DECIMAL" ? "number" : "text",
|
|
1522
1523
|
className: format3 === "password" && !showPassword ? "" : "",
|
|
1523
1524
|
placeholder,
|
|
@@ -6104,6 +6105,10 @@ var SCTime = ({
|
|
|
6104
6105
|
setIsOpenPopover(false);
|
|
6105
6106
|
setAnchorEl(null);
|
|
6106
6107
|
};
|
|
6108
|
+
const handleTimeFieldChange = (newValue) => {
|
|
6109
|
+
const dayjsValue = newValue ? dayjs11(newValue) : null;
|
|
6110
|
+
setState(dayjsValue);
|
|
6111
|
+
};
|
|
6107
6112
|
const handleClose = () => {
|
|
6108
6113
|
setIsOpenPopover(false);
|
|
6109
6114
|
setAnchorEl(null);
|
|
@@ -6117,6 +6122,7 @@ var SCTime = ({
|
|
|
6117
6122
|
required,
|
|
6118
6123
|
error: hasError,
|
|
6119
6124
|
onClick: handleTimeFieldClick,
|
|
6125
|
+
onChange: handleTimeFieldChange,
|
|
6120
6126
|
slotProps: {
|
|
6121
6127
|
textField: {
|
|
6122
6128
|
InputProps: {
|