@visiion/forms-library 1.4.6 → 1.4.8

package/dist/index.esm.js

@@ -20029,7 +20029,7 @@ var Typography = function (_a) {
 var Checklist = function (_a) {
     var field = _a.field, _b = _a.value, value = _b === void 0 ? [] : _b, onChange = _a.onChange, error = _a.error, props = _a.props;
     var _c = useState(value), selectedOptions = _c[0], setSelectedOptions = _c[1];
-    var _d = useState(props.valueOtraMedida), otraMedida = _d[0], setOtraMedida = _d[1];
+    var _d = useState((props === null || props === void 0 ? void 0 : props.valueOtraMedida) || ""), otraMedida = _d[0], setOtraMedida = _d[1];
     var options = field.options || [];
     var isOtraMedidaRequired = selectedOptions.includes("otra-medida");
     useEffect(function () {
@@ -20075,9 +20075,9 @@ var Checklist = function (_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(updatedOptions);
         (_a = props.onOtraMedidaChange) === null || _a === void 0 ? void 0 : _a.call(props, text);
     };
-    return (jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "space-y-2", children: options.map(function (option) { return (jsxs("div", { className: "flex items-center gap-2", children: [jsx("input", { type: "checkbox", checked: selectedOptions.includes(option.value), onChange: function (e) {
+    return (jsxs("div", { className: "space-y-4", children: [jsx("div", { className: "space-y-2", children: options.map(function (option) { return (jsxs("div", { className: "flex items-center gap-2", children: [jsx("input", { type: "checkbox", disabled: field === null || field === void 0 ? void 0 : field.disabled, checked: selectedOptions.includes(option.value), onChange: function (e) {
                                 return handleOptionChange(option.value, e.target.checked);
-                            }, className: "w-4 h-4 text-orange-600 border-gray-800 rounded focus:ring-orange-500 bg-white border-2" }), jsx("label", { className: "font-normal text-text font-roboto font-normal font-weight-400 text-sm leading-4 text-gray-600", children: option.label })] }, option.value)); }) }), isOtraMedidaRequired && (jsx("div", { className: "mt-4", children: jsx(TextareaInput, { id: "textarea-otra-medida", name: "textarea-otra-medida", label: "", value: otraMedida, onChange: function (e) { return handleOtraMedidaChange(e.target.value); }, placeholder: "Detalle cu\u00E1l es la medida de resguardo", maxLength: 100, rows: 2, error: error }) })), error && !isOtraMedidaRequired && (jsx("div", { className: "text-red-600 text-sm mt-2", children: error }))] }));
+                            }, className: "w-4 h-4 text-orange-600 border-gray-800 rounded focus:ring-orange-500 bg-white border-2" }), jsx("label", { className: "font-normal text-text font-roboto font-normal font-weight-400 text-sm leading-4 text-gray-600", children: option.label })] }, option.value)); }) }), isOtraMedidaRequired && (jsx("div", { className: "mt-4", children: jsx(TextareaInput, { id: "textarea-otra-medida", name: "textarea-otra-medida", label: "", value: otraMedida, onChange: function (e) { return handleOtraMedidaChange(e.target.value); }, placeholder: "Detalle cu\u00E1l es la medida de resguardo", disabled: field === null || field === void 0 ? void 0 : field.disabled, maxLength: 100, rows: 2, error: error }) })), error && !isOtraMedidaRequired && (jsx("div", { className: "text-red-600 text-sm mt-2", children: error }))] }));
 };
 
 var Upload = function (_a) {
@@ -20172,6 +20172,7 @@ var Upload = function (_a) {
 };
 
 var DynamicInput = function (_a) {
+    var _b;
     var field = _a.field, value = _a.value, onChange = _a.onChange, error = _a.error, formData = _a.formData;
     switch (field.type) {
         case "status":
@@ -20203,7 +20204,7 @@ var DynamicInput = function (_a) {
                     };
                     onChange(event);
                 }, error: error, props: {
-                    valueOtraMedida: formData["otraMedida"] || "",
+                    valueOtraMedida: formData["otraMedida"] || ((_b = field === null || field === void 0 ? void 0 : field.props) === null || _b === void 0 ? void 0 : _b.valueOtraMedida) || "",
                     onOtraMedidaChange: function (text) {
                         var event = {
                             target: {

package/dist/index.js

@@ -20048,7 +20048,7 @@ var Typography = function (_a) {
 var Checklist = function (_a) {
     var field = _a.field, _b = _a.value, value = _b === void 0 ? [] : _b, onChange = _a.onChange, error = _a.error, props = _a.props;
     var _c = React.useState(value), selectedOptions = _c[0], setSelectedOptions = _c[1];
-    var _d = React.useState(props.valueOtraMedida), otraMedida = _d[0], setOtraMedida = _d[1];
+    var _d = React.useState((props === null || props === void 0 ? void 0 : props.valueOtraMedida) || ""), otraMedida = _d[0], setOtraMedida = _d[1];
     var options = field.options || [];
     var isOtraMedidaRequired = selectedOptions.includes("otra-medida");
     React.useEffect(function () {
@@ -20094,9 +20094,9 @@ var Checklist = function (_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(updatedOptions);
         (_a = props.onOtraMedidaChange) === null || _a === void 0 ? void 0 : _a.call(props, text);
     };
-    return (jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsx("div", { className: "space-y-2", children: options.map(function (option) { return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("input", { type: "checkbox", checked: selectedOptions.includes(option.value), onChange: function (e) {
+    return (jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsx("div", { className: "space-y-2", children: options.map(function (option) { return (jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx("input", { type: "checkbox", disabled: field === null || field === void 0 ? void 0 : field.disabled, checked: selectedOptions.includes(option.value), onChange: function (e) {
                                 return handleOptionChange(option.value, e.target.checked);
-                            }, className: "w-4 h-4 text-orange-600 border-gray-800 rounded focus:ring-orange-500 bg-white border-2" }), jsxRuntime.jsx("label", { className: "font-normal text-text font-roboto font-normal font-weight-400 text-sm leading-4 text-gray-600", children: option.label })] }, option.value)); }) }), isOtraMedidaRequired && (jsxRuntime.jsx("div", { className: "mt-4", children: jsxRuntime.jsx(TextareaInput, { id: "textarea-otra-medida", name: "textarea-otra-medida", label: "", value: otraMedida, onChange: function (e) { return handleOtraMedidaChange(e.target.value); }, placeholder: "Detalle cu\u00E1l es la medida de resguardo", maxLength: 100, rows: 2, error: error }) })), error && !isOtraMedidaRequired && (jsxRuntime.jsx("div", { className: "text-red-600 text-sm mt-2", children: error }))] }));
+                            }, className: "w-4 h-4 text-orange-600 border-gray-800 rounded focus:ring-orange-500 bg-white border-2" }), jsxRuntime.jsx("label", { className: "font-normal text-text font-roboto font-normal font-weight-400 text-sm leading-4 text-gray-600", children: option.label })] }, option.value)); }) }), isOtraMedidaRequired && (jsxRuntime.jsx("div", { className: "mt-4", children: jsxRuntime.jsx(TextareaInput, { id: "textarea-otra-medida", name: "textarea-otra-medida", label: "", value: otraMedida, onChange: function (e) { return handleOtraMedidaChange(e.target.value); }, placeholder: "Detalle cu\u00E1l es la medida de resguardo", disabled: field === null || field === void 0 ? void 0 : field.disabled, maxLength: 100, rows: 2, error: error }) })), error && !isOtraMedidaRequired && (jsxRuntime.jsx("div", { className: "text-red-600 text-sm mt-2", children: error }))] }));
 };
 
 var Upload = function (_a) {
@@ -20191,6 +20191,7 @@ var Upload = function (_a) {
 };
 
 var DynamicInput = function (_a) {
+    var _b;
     var field = _a.field, value = _a.value, onChange = _a.onChange, error = _a.error, formData = _a.formData;
     switch (field.type) {
         case "status":
@@ -20222,7 +20223,7 @@ var DynamicInput = function (_a) {
                     };
                     onChange(event);
                 }, error: error, props: {
-                    valueOtraMedida: formData["otraMedida"] || "",
+                    valueOtraMedida: formData["otraMedida"] || ((_b = field === null || field === void 0 ? void 0 : field.props) === null || _b === void 0 ? void 0 : _b.valueOtraMedida) || "",
                     onOtraMedidaChange: function (text) {
                         var event = {
                             target: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visiion/forms-library",
-  "version": "1.4.6",
+  "version": "1.4.8",
   "description": "Librería de componentes de formularios reutilizables",
   "type": "module",
   "main": "dist/index.js",