@visiion/forms-library 1.4.15 → 1.4.17

package/dist/index.esm.js

@@ -10196,7 +10196,7 @@ var RadioInput = function (_a) {
         onChange(e);
         (_a = field === null || field === void 0 ? void 0 : field.onSearch) === null || _a === void 0 ? void 0 : _a.call(field, { value: e.target.value });
     };
-    return (jsxs(InputWrapper, __assign({}, field, { error: error, children: [jsx("div", { className: "space-y-2", children: (_b = field.options) === null || _b === void 0 ? void 0 : _b.map(function (option) { return (jsx(RadioOption, { id: "".concat(field.id, "-").concat(option.value), name: field.name, value: option.value, checked: value === option.value, onChange: handleSearch, label: option.label }, option.value)); }) }), error && jsx("span", { className: "text-red-500 text-sm", children: error })] })));
+    return (jsxs(InputWrapper, __assign({}, field, { error: error, children: [jsx("div", { className: "space-y-2", children: (_b = field.options) === null || _b === void 0 ? void 0 : _b.map(function (option) { return (jsx(RadioOption, { id: "".concat(field.id, "-").concat(option.value), name: field.name, value: option.value, checked: value === option.value, onChange: handleSearch, label: option.label, disabled: field.disabled }, option.value)); }) }), error && jsx("span", { className: "text-red-500 text-sm", children: error })] })));
 };
 
 var TextareaInput = function (_a) {
@@ -20037,6 +20037,16 @@ var Checklist = function (_a) {
     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");
+    var handleOtraMedida = function () {
+        try {
+            var array = JSON.parse(value);
+            var foundValue = (array === null || array === void 0 ? void 0 : array.find(function (opt) { return opt.includes("otra-medida-value-"); })) || "";
+            return foundValue.replace("otra-medida-value-", "");
+        }
+        catch (error) {
+            return otraMedida || "";
+        }
+    };
     useEffect(function () {
         setSelectedOptions(value);
     }, [value]);
@@ -20082,7 +20092,7 @@ var Checklist = function (_a) {
     };
     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", 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 }))] }));
+                            }, 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: handleOtraMedida() || "", 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) {

package/dist/index.js

@@ -10215,7 +10215,7 @@ var RadioInput = function (_a) {
         onChange(e);
         (_a = field === null || field === void 0 ? void 0 : field.onSearch) === null || _a === void 0 ? void 0 : _a.call(field, { value: e.target.value });
     };
-    return (jsxRuntime.jsxs(InputWrapper, __assign({}, field, { error: error, children: [jsxRuntime.jsx("div", { className: "space-y-2", children: (_b = field.options) === null || _b === void 0 ? void 0 : _b.map(function (option) { return (jsxRuntime.jsx(RadioOption, { id: "".concat(field.id, "-").concat(option.value), name: field.name, value: option.value, checked: value === option.value, onChange: handleSearch, label: option.label }, option.value)); }) }), error && jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: error })] })));
+    return (jsxRuntime.jsxs(InputWrapper, __assign({}, field, { error: error, children: [jsxRuntime.jsx("div", { className: "space-y-2", children: (_b = field.options) === null || _b === void 0 ? void 0 : _b.map(function (option) { return (jsxRuntime.jsx(RadioOption, { id: "".concat(field.id, "-").concat(option.value), name: field.name, value: option.value, checked: value === option.value, onChange: handleSearch, label: option.label, disabled: field.disabled }, option.value)); }) }), error && jsxRuntime.jsx("span", { className: "text-red-500 text-sm", children: error })] })));
 };
 
 var TextareaInput = function (_a) {
@@ -20056,6 +20056,16 @@ var Checklist = function (_a) {
     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");
+    var handleOtraMedida = function () {
+        try {
+            var array = JSON.parse(value);
+            var foundValue = (array === null || array === void 0 ? void 0 : array.find(function (opt) { return opt.includes("otra-medida-value-"); })) || "";
+            return foundValue.replace("otra-medida-value-", "");
+        }
+        catch (error) {
+            return otraMedida || "";
+        }
+    };
     React.useEffect(function () {
         setSelectedOptions(value);
     }, [value]);
@@ -20101,7 +20111,7 @@ var Checklist = function (_a) {
     };
     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", 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 }))] }));
+                            }, 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: handleOtraMedida() || "", 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) {

package/package.json

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