@zauru-sdk/components 1.0.117 → 1.0.120

package/dist/cjs/DynamicTable/GenericDynamicTable.js

@@ -1,200 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GenericDynamicTable = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const index_js_1 = require("../Form/SelectField/index.js");
-const index_js_2 = require("../Form/TextField/index.js");
-const index_js_3 = require("../Form/Checkbox/index.js");
-const index_js_4 = require("../Modal/index.js");
-const index_js_5 = require("../Buttons/index.js");
-const redux_1 = require("@zauru-sdk/redux");
-const common_1 = require("@zauru-sdk/common");
-const index_js_6 = require("../Skeletons/index.js");
-const index_js_7 = require("../WithTooltip/index.js");
-const icons_1 = require("@zauru-sdk/icons");
-const GenericDynamicTableErrorComponent = ({ name, formName, }) => {
-    const { formValidations } = (0, redux_1.useAppSelector)((state) => state.formValidation);
-    const error = formValidations[formName ?? "-1"]?.[name ?? "-1"];
-    return error ? ((0, jsx_runtime_1.jsxs)("p", { className: `mt-2 text-sm text-red-600 dark:text-red-500`, children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: "Oops!" }), " ", error] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}));
-};
-const GenericDynamicTable = (props) => {
-    const { columns, onChange, className, footerRow, defaultValue = [], thCSSProperties, thElementsClassName = "", editable = true, searcheables = [], loading = false, paginated = true, defaultItemsPerPage = 10, itemsPerPageOptions = [10, 50, 100], name, withoutBg = false, } = props;
-    const [tableData, setTableData] = (0, react_1.useState)(defaultValue);
-    const [deletedData, setDeletedData] = (0, react_1.useState)([]);
-    const [search, setSearch] = (0, react_1.useState)("");
-    const [filteredTableData, setFilteredTableData] = (0, react_1.useState)(tableData);
-    const [currentPage, setCurrentPage] = (0, react_1.useState)(1);
-    const [itemsPerPage, setItemsPerPage] = (0, react_1.useState)(defaultItemsPerPage);
-    (0, react_1.useEffect)(() => {
-        if (defaultValue.length) {
-            setTableData(defaultValue);
-        }
-    }, []);
-    (0, react_1.useEffect)(() => {
-        setFilteredTableData(tableData);
-    }, [tableData]);
-    (0, react_1.useEffect)(() => {
-        changeFilteredData();
-    }, [tableData, search]);
-    const totalPages = () => {
-        return Math.ceil(filteredTableData.length / itemsPerPage);
-    };
-    const addRow = () => {
-        const defs = {};
-        columns.forEach((x) => {
-            defs[`${x.name}`] =
-                x.type == "label" || x.type == "textField"
-                    ? ""
-                    : x.type == "selectField"
-                        ? 0
-                        : x.type == "checkbox"
-                            ? false
-                            : 0;
-        });
-        setTableData((prevData) => [
-            ...prevData,
-            { id: (0, common_1.generateClientUUID)(), ...defs },
-        ]);
-    };
-    const removeRow = (rowId) => {
-        const newDeletedData = [...deletedData];
-        const deletedItem = tableData?.find((x) => x.id === rowId);
-        if (deletedItem && !isNaN(deletedItem.id)) {
-            newDeletedData.push(deletedItem);
-        }
-        setDeletedData(newDeletedData);
-        setTableData((prevData) => prevData?.filter((x) => x.id !== rowId));
-    };
-    const handleChange = (name, value, rowId) => {
-        // Encontrar el índice de la fila que está cambiando
-        const rowIndex = tableData.findIndex((x) => x.id === rowId);
-        // Crear una copia del objeto en esa fila
-        const updatedRow = { ...tableData[rowIndex], [name]: value };
-        // Copiar todo el array
-        const updatedData = [...tableData];
-        // Reemplazar el objeto en la fila que cambió
-        updatedData[rowIndex] = updatedRow;
-        // Actualizar el estado con el nuevo array
-        setTableData(updatedData);
-        onChange && onChange(updatedData);
-    };
-    const renderHeader = () => ((0, jsx_runtime_1.jsxs)("tr", { style: { ...thCSSProperties }, children: [columns.map((column, index) => {
-                const ancho = column.width ?? (editable ? 94 : 100) / (columns.length ?? 1);
-                return ((0, jsx_runtime_1.jsx)("th", { className: `text-left align-middle p-2 ${thElementsClassName}`, style: { width: `${ancho}%` }, children: column.label }, index));
-            }), editable && (0, jsx_runtime_1.jsx)("th", { style: { width: "4%" } })] }));
-    const renderRow = (rowData, index) => {
-        return ((0, jsx_runtime_1.jsxs)("tr", { className: index % 2 === 0 ? `${withoutBg ? "" : "bg-gray-200"}` : "", children: [columns.map((column) => {
-                    if (loading) {
-                        return ((0, jsx_runtime_1.jsx)("td", { className: "align-middle p-1", children: (0, jsx_runtime_1.jsx)(index_js_6.LoadingInputSkeleton, {}) }, `${rowData.id}-${column.name}`));
-                    }
-                    const tempVal = rowData[column.name];
-                    const defaultVal = column.type === "selectField"
-                        ? column.options?.find((x) => x.value === tempVal)
-                        : tempVal;
-                    if (column.type === "label") {
-                        return ((0, jsx_runtime_1.jsx)("td", { className: "align-middle p-1", children: (0, jsx_runtime_1.jsx)("div", { children: defaultVal }) }, `${rowData.id}-${column.name}`));
-                    }
-                    const FieldComponent = column.type === "textField"
-                        ? index_js_2.TextField
-                        : column.type === "checkbox"
-                            ? index_js_3.CheckBox
-                            : index_js_1.SelectField;
-                    const setTableValue = (columnName, newValue) => {
-                        setTableData((prevState) => {
-                            // Encontrar el índice de la fila que está cambiando
-                            const rowIndex = prevState.findIndex((x) => x.id === rowData.id);
-                            // Crear una copia del objeto en esa fila
-                            const updatedRow = {
-                                ...prevState[rowIndex],
-                                [columnName]: newValue,
-                            };
-                            // Copiar todo el array
-                            const updatedData = [...prevState];
-                            // Reemplazar el objeto en la fila que cambió
-                            updatedData[rowIndex] = updatedRow;
-                            return updatedData;
-                        });
-                    };
-                    return ((0, jsx_runtime_1.jsx)("td", { className: "align-middle p-1", children: column.loadingOptions ? ((0, jsx_runtime_1.jsx)(index_js_6.LoadingInputSkeleton, {})) : ((0, jsx_runtime_1.jsx)(FieldComponent, { 
-                            //name={column.name}
-                            type: column.textFieldType, integer: !!column.integer, disabled: column.disabled, isClearable: true, onChange: (value) => {
-                                const sendValue = value?.value ?? value;
-                                handleChange(column.name, sendValue, rowData.id);
-                                column.onChange &&
-                                    column.onChange(rowData, sendValue, setTableValue);
-                            }, defaultValue: defaultVal, options: column.options ?? [] }, `${rowData.id}-${column.name}`)) }, `${rowData.id}-${column.name}`));
-                }), editable && ((0, jsx_runtime_1.jsx)("td", { className: "align-middle w-16", children: (0, jsx_runtime_1.jsx)(index_js_7.WithTooltip, { text: "Eliminar", children: (0, jsx_runtime_1.jsx)("button", { className: "bg-red-500 hover:bg-red-600 font-bold py-1 px-2 rounded ml-2", onClick: (event) => {
-                                event.preventDefault();
-                                event.stopPropagation();
-                                (0, index_js_4.createModal)({
-                                    title: "¿Está seguro que quiere eliminar este registro?",
-                                    description: "Una vez eliminada la información no podrá ser recuperada.",
-                                }).then((response) => {
-                                    if (response === "OK") {
-                                        removeRow(rowData.id);
-                                    }
-                                });
-                            }, type: "button", children: (0, jsx_runtime_1.jsx)(icons_1.TrashSvg, {}) }) }) }))] }, rowData.id));
-    };
-    const renderRows = () => {
-        let mapeable = filteredTableData.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage);
-        if (loading) {
-            mapeable = [
-                { id: 1 },
-                { id: 2 },
-                { id: 3 },
-                { id: 4 },
-                { id: 5 },
-                { id: 6 },
-                { id: 7 },
-                { id: 8 },
-                { id: 9 },
-                { id: 10 },
-            ];
-        }
-        return mapeable.map((rowData, index) => renderRow(rowData, index));
-    };
-    const handleChangeSearch = (newSearch) => {
-        setSearch(newSearch);
-    };
-    const changeFilteredData = () => {
-        if (search) {
-            const filteredData = tableData.filter((rowData) => {
-                for (const searchable of searcheables) {
-                    const column = columns.find((col) => col.name === searchable.value);
-                    if (column) {
-                        const tempVal = rowData[column.name];
-                        const defaultVal = column.type === "selectField"
-                            ? column.options?.find((x) => x.value === tempVal)?.label
-                            : tempVal;
-                        if (defaultVal
-                            ?.toString()
-                            .toLowerCase()
-                            .includes(search.toLowerCase())) {
-                            return true;
-                        }
-                    }
-                }
-                return false;
-            });
-            setFilteredTableData(filteredData);
-        }
-        else {
-            setFilteredTableData(tableData);
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [name && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(GenericDynamicTableErrorComponent, { name: name }), (0, jsx_runtime_1.jsx)("input", { name: name, type: "hidden", value: JSON.stringify(tableData), hidden: true }), (0, jsx_runtime_1.jsx)("input", { name: `deleted_${name}`, type: "hidden", value: JSON.stringify(deletedData), hidden: true })] })), (0, jsx_runtime_1.jsxs)("div", { className: `${className}`, children: [searcheables.length > 0 && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(index_js_2.TextField, { className: "mb-2", name: "search", title: `Buscar por: ${searcheables
-                                .map((x) => x.label)
-                                .join(", ")}`, onChange: handleChangeSearch, disabled: loading }) })), (0, jsx_runtime_1.jsxs)("table", { className: "w-full", children: [(0, jsx_runtime_1.jsx)("thead", { children: renderHeader() }), (0, jsx_runtime_1.jsx)("tbody", { children: renderRows() }), footerRow && !editable ? ((0, jsx_runtime_1.jsx)("tfoot", { className: "border-t-2 border-black", children: (0, jsx_runtime_1.jsx)("tr", { children: Object.keys(footerRow ?? {})?.map((x, indx) => {
-                                        return ((0, jsx_runtime_1.jsx)("td", { className: "align-middle", children: footerRow[x] }, indx));
-                                    }) }) })) : editable ? ((0, jsx_runtime_1.jsx)("tfoot", { children: (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)("td", { className: "align-middle", children: (0, jsx_runtime_1.jsx)("button", { className: "bg-blue-500 hover:bg-blue-600 font-bold py-2 px-4 rounded", onClick: (event) => {
-                                                event.preventDefault();
-                                                event.stopPropagation();
-                                                addRow();
-                                            }, type: "button", children: "+" }) }) }) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}))] }), paginated && totalPages() > 1 && ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between items-center mt-4", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center", children: [(0, jsx_runtime_1.jsx)(index_js_5.Button, { type: "button", disabled: currentPage === 1, onClickSave: () => setCurrentPage((old) => Math.max(old - 1, 1)), children: "Anterior" }), (0, jsx_runtime_1.jsx)("span", { className: "mx-2", children: `Página ${currentPage} de ${totalPages()}` }), (0, jsx_runtime_1.jsx)(index_js_5.Button, { type: "button", disabled: currentPage === totalPages(), onClickSave: () => setCurrentPage((old) => Math.min(old + 1, totalPages())), children: "Siguiente" })] }), (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("select", { value: itemsPerPage, onChange: (e) => {
-                                        setItemsPerPage(Number(e.target.value));
-                                        setCurrentPage(1); // resetear la página al cambiar los elementos por página
-                                    }, children: itemsPerPageOptions.map((option) => ((0, jsx_runtime_1.jsxs)("option", { value: option, children: [option, " elementos por p\u00E1gina"] }, option))) }) })] }))] })] }));
-};
-exports.GenericDynamicTable = GenericDynamicTable;

package/dist/cjs/DynamicTable/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./BasicPrintDynamicTable.js"), exports);
-__exportStar(require("./DynamicPrintTable.js"), exports);
-__exportStar(require("./DynamicTable.js"), exports);
-__exportStar(require("./GenericDynamicTable.js"), exports);

package/dist/cjs/Footer/Footer.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const index_js_1 = require("./../ConnectionState/index.js");
-const COLORS = {
-    purple: "bg-purple-500",
-    pink: "bg-pink-500",
-    indigo: "bg-indigo-500",
-    cyan: "bg-cyan-500",
-    slate: "bg-slate-500",
-    green: "bg-green-500",
-    red: "bg-red-500",
-    sky: "bg-sky-500",
-};
-const Footer = ({ href, selectedColor, showConnection = false, version = "2.0.5", }) => {
-    const color = COLORS[selectedColor];
-    return ((0, jsx_runtime_1.jsx)("footer", { className: `inset-x-0 bottom-0 px-2 py-[20px] ${color}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "px-4 mx-auto flex flex-wrap items-center justify-center", children: [(0, jsx_runtime_1.jsxs)("p", { className: "text-white text-[1.2rem]", children: [`Creado en `, " ", (0, jsx_runtime_1.jsx)("a", { href: href, children: "Zauru" }), " ", `con ❤️ ${new Date().getFullYear()} v.${version}`] }), showConnection && ((0, jsx_runtime_1.jsx)("div", { className: "ml-5", children: (0, jsx_runtime_1.jsx)(index_js_1.ConnectionState, {}) }))] }) }));
-};
-exports.Footer = Footer;

package/dist/cjs/Footer/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Footer.js"), exports);

package/dist/cjs/Form/Checkbox/index.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckBox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_hook_form_1 = require("react-hook-form");
-const CheckBox = (props) => {
-    const { id, name, defaultValue = false, onChange, disabled = false, label, required = false, } = props;
-    const [checked, setChecked] = (0, react_1.useState)(defaultValue);
-    (0, react_1.useEffect)(() => {
-        setChecked(defaultValue);
-    }, [defaultValue]);
-    const handleInputChange = (event) => {
-        const isChecked = event.target.checked;
-        if (register) {
-            register.onChange(event);
-        }
-        if (onChange) {
-            const result = onChange(isChecked, event);
-            if (result?.stopUIChange) {
-                return;
-            }
-        }
-        setChecked(isChecked);
-    };
-    const { register: tempRegister, formState: { errors }, } = (0, react_hook_form_1.useFormContext)() || { formState: {} }; // Obtener el contexto solo si existe
-    const error = errors ? errors[props.name ?? "-1"] : undefined;
-    const register = tempRegister
-        ? tempRegister(props.name ?? "-1", { required })
-        : undefined; // Solo usar register si está disponible
-    const color = error ? "red" : "gray";
-    const borderColor = disabled ? "border-gray-300" : `border-${color}-500`;
-    const inputComponent = ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", id: id ?? name, checked: checked, className: `form-checkbox h-4 w-4 text-indigo-600 ${borderColor} focus:border-indigo-500 focus:ring-indigo-500`, disabled: disabled, ...(register ?? {}), name: name, onChange: handleInputChange }));
-    if (!error && !label) {
-        return inputComponent;
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "col-span-6 sm:col-span-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: `flex items-center ${borderColor}`, children: [inputComponent, label && ((0, jsx_runtime_1.jsxs)("label", { htmlFor: id ?? name, className: `ml-2 block text-sm font-medium text-${color}-700 dark:text-${color}-500`, children: [label, required && (0, jsx_runtime_1.jsx)("span", { className: "text-red-500", children: "*" })] }))] }), error && ((0, jsx_runtime_1.jsxs)("p", { className: `mt-2 text-sm text-${color}-600 dark:text-${color}-500`, children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: "Oops!" }), " ", error.message?.toString()] }))] }));
-};
-exports.CheckBox = CheckBox;

package/dist/cjs/Form/Checklist/index.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checklist = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const index_js_1 = require("../Checkbox/index.js");
-const Checklist = ({ items, onChange }) => {
-    const handleCheckboxChange = (name, value) => {
-        if (onChange) {
-            onChange(name, value);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { children: items.map((item) => ((0, jsx_runtime_1.jsx)(index_js_1.CheckBox, { ...item, onChange: (value) => handleCheckboxChange(item.name, value) }, item.id))) }));
-};
-exports.Checklist = Checklist;

package/dist/cjs/Form/DatePicker/index.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormDatePicker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const icons_1 = require("@zauru-sdk/icons");
-const react_hook_form_1 = require("react-hook-form");
-const FormDatePicker = (props) => {
-    const { id, name, title, defaultValue = "", hint, helpText, onChange, tabIndex, disabled = false, className = "", isClearable = false, required = false, } = props;
-    const [value, setValue] = (0, react_1.useState)(defaultValue);
-    const [showTooltip, setShowTooltip] = (0, react_1.useState)(false);
-    const { register: tempRegister, formState: { errors }, } = (0, react_hook_form_1.useFormContext)() || { formState: {} }; // Obtener el contexto solo si existe
-    const error = errors ? errors[props.name ?? "-1"] : undefined;
-    const register = tempRegister
-        ? tempRegister(props.name ?? "-1", { required })
-        : undefined; // Solo usar register si está disponible
-    const color = error ? "red" : "gray";
-    const isReadOnly = disabled;
-    const bgColor = isReadOnly ? "bg-gray-200" : `bg-${color}-50`;
-    const textColor = isReadOnly ? "text-gray-500" : `text-${color}-500`;
-    const borderColor = isReadOnly ? "border-gray-300" : `border-${color}-200`;
-    (0, react_1.useEffect)(() => {
-        setValue(defaultValue);
-    }, [defaultValue]);
-    const clearValue = () => {
-        setValue("");
-        onChange && onChange("");
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [title && ((0, jsx_runtime_1.jsxs)("label", { htmlFor: error ? `${name}-error` : `${name}-success`, className: `block text-sm font-medium ${textColor} ${className}`, children: [title, required && (0, jsx_runtime_1.jsx)("span", { className: "text-red-500", children: "*" })] })), (0, jsx_runtime_1.jsxs)("div", { className: "flex relative items-center", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute left-0 flex items-center pl-3 pointer-events-none", children: (0, jsx_runtime_1.jsx)(icons_1.CalendarIconSVG, {}) }), (0, jsx_runtime_1.jsx)("input", { id: id, tabIndex: tabIndex, type: "date", value: value ?? "", pattern: "\\d{4}-\\d{2}-\\d{2}", className: `${bgColor} ${borderColor} ${textColor} text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full pl-10 p-2.5`, ...(register ?? {}), name: name, onChange: (e) => {
-                            setValue(e.target.value);
-                            onChange && onChange(e.target.value);
-                            if (register) {
-                                register.onChange(e);
-                            }
-                        } }), value && isClearable && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: clearValue, className: "absolute right-0 mr-10", children: (0, jsx_runtime_1.jsx)(icons_1.CloseSvgIcon, {}) })), helpText && ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center relative ml-3", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative cursor-pointer", onMouseEnter: () => setShowTooltip(true), onMouseLeave: () => setShowTooltip(false), children: [(0, jsx_runtime_1.jsx)(icons_1.IdeaIconSVG, {}), showTooltip && ((0, jsx_runtime_1.jsx)("div", { className: "absolute -left-48 top-0 mt-8 p-2 bg-white border rounded shadow text-black", children: helpText }))] }) }))] }), error && ((0, jsx_runtime_1.jsxs)("p", { className: `mt-2 text-sm text-${color}-600 dark:text-${color}-500`, children: [(0, jsx_runtime_1.jsx)("span", { className: "font-medium", children: "Oops!" }), " ", error.message?.toString()] })), !error && hint && ((0, jsx_runtime_1.jsx)("p", { className: `mt-2 italic text-sm text-${color}-500 dark:text-${color}-400`, children: hint }))] }));
-};
-exports.FormDatePicker = FormDatePicker;

package/dist/cjs/Form/DynamicBaculoForm/index.js

@@ -1,144 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DynamicBaculoForm = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const index_js_1 = require("../TextField/index.js");
-const index_js_2 = require("../FieldContainer/index.js");
-const index_js_3 = require("../FieldContainer/index.js");
-const index_js_4 = require("../YesNo/index.js");
-const index_js_5 = require("../TextArea/index.js");
-const index_js_6 = require("../SelectField/index.js");
-const index_js_7 = require("../FileUpload/index.js");
-const index_js_8 = require("../DatePicker/index.js");
-const index_js_9 = require("../TimePicker/index.js");
-const GenericDynamicTable_js_1 = require("../../DynamicTable/GenericDynamicTable.js");
-const common_1 = require("@zauru-sdk/common");
-const index_js_10 = require("../../Alerts/index.js");
-const index_js_11 = require("../../Containers/index.js");
-const index_js_12 = require("../../LineSeparator/index.js");
-function DynamicBaculoForm(props) {
-    const { form, options = { showDescription: false, showTitle: false }, formName = "", namesStr = "", defaultValues = [], showingRules = [], readOnly = false, } = props;
-    if (!form) {
-        return ((0, jsx_runtime_1.jsx)(index_js_10.StaticAlert, { title: "No se encontr\u00F3 el formulario din\u00E1mico", description: `Ocurrió un error encontrando el formulario para ${formName}, contacte al administrador con este mensaje de error.`, type: "info" }));
-    }
-    const renderFieldComponent = (field) => {
-        const defaultValue = defaultValues?.find((x) => x.settings_form_field.print_var_name === field.print_var_name);
-        switch (field.field_type) {
-            case "fixed_rows_table":
-            case "fixed_columns_table": {
-                const columns = field.settings_form_field_table_headers?.map((x) => {
-                    return {
-                        label: x.name,
-                        name: `${namesStr}${x.id}_${field.id}`,
-                        type: x.cell_type === "yes_no" ? "checkbox" : "textField",
-                    };
-                }) ?? [];
-                return ((0, jsx_runtime_1.jsx)(index_js_11.SubContainer, { title: field.name, children: (0, jsx_runtime_1.jsx)(GenericDynamicTable_js_1.GenericDynamicTable, { name: "fixed_columns_table", columns: columns }) }, field.id));
-            }
-            case "zauru_data":
-                return ((0, jsx_runtime_1.jsx)(index_js_1.TextField, { title: `${field.required ? "*" : ""}${field.name}`, hint: field.hint, defaultValue: defaultValue?.value ?? field.default_value, disabled: true }, field.id));
-            case "hour":
-                return ((0, jsx_runtime_1.jsx)(index_js_9.FormTimePicker, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, hint: field.hint, disabled: readOnly, defaultValue: defaultValue?.value }, field.id));
-            case "date":
-                return ((0, jsx_runtime_1.jsx)(index_js_8.FormDatePicker, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, hint: field.hint, disabled: readOnly, defaultValue: defaultValue?.value }, field.id));
-            case "file":
-                return ((0, jsx_runtime_1.jsx)(index_js_7.FileUploadField, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, hint: field.hint, disabled: readOnly, defaultValue: defaultValue?.value, download: true }, field.id));
-            case "image":
-                return ((0, jsx_runtime_1.jsx)(index_js_7.FileUploadField, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, hint: field.hint, showAvailableTypes: true, fileTypes: ["png", "jpg", "jpeg"], disabled: readOnly, defaultValue: defaultValue?.value }, field.id));
-            case "pdf":
-                return ((0, jsx_runtime_1.jsx)(index_js_7.FileUploadField, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, hint: field.hint, showAvailableTypes: true, fileTypes: ["pdf"], disabled: readOnly, defaultValue: defaultValue?.value, download: true }, field.id));
-            case "email":
-            case "url":
-            case "text":
-            case "currency":
-            case "country":
-                return ((0, jsx_runtime_1.jsx)(index_js_1.TextField, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, hint: field.hint, defaultValue: defaultValue?.value ?? field.default_value, disabled: readOnly }, field.id));
-            case "percentage":
-            case "number":
-                return ((0, jsx_runtime_1.jsx)(index_js_1.TextField, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, hint: field.hint, defaultValue: defaultValue?.value ?? field.default_value, type: "number", disabled: readOnly }, field.id));
-            case "yes_no":
-                return ((0, jsx_runtime_1.jsx)(index_js_4.YesNo, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, disabled: readOnly, defaultValue: field.default_value === "true" || defaultValue?.value === "true" }, field.id));
-            case "section":
-                return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(index_js_12.LineSeparator, {}), (0, jsx_runtime_1.jsx)("h3", { className: "mb-10 text-3xl font-bold leading-8 text-gray-900", children: field.name })] }, field.id));
-            case "multi_line_text":
-                return ((0, jsx_runtime_1.jsx)(index_js_5.TextArea, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, defaultValue: defaultValue?.value ?? field.default_value, hint: field.hint, disabled: readOnly }, field.id));
-            case "gt_departamentos": {
-                const optionsDep = (0, common_1.getDepSelectOptions)();
-                return ((0, jsx_runtime_1.jsx)(index_js_6.SelectField, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, hint: field.hint, isClearable: !field.required, options: optionsDep, disabled: readOnly, defaultValue: optionsDep.find((x) => x.value === defaultValue?.value) }, field.id));
-            }
-            case "gt_municipios": {
-                const options = (0, common_1.getMunSelectOptions)();
-                return ((0, jsx_runtime_1.jsx)(index_js_6.SelectField, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, hint: field.hint, isClearable: !field.required, options: options, disabled: readOnly, defaultValue: options.find((x) => x.value === defaultValue?.value) }, field.id));
-            }
-            case "single_select_options": {
-                const formFieldOptions = field.settings_form_field_options?.map((x) => {
-                    return { label: x.label, value: x.value };
-                }) ?? [];
-                return ((0, jsx_runtime_1.jsx)(index_js_6.SelectField, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, hint: field.hint, isClearable: !field.required, options: formFieldOptions, disabled: readOnly, defaultValue: formFieldOptions.find((x) => x.value === defaultValue?.value) }, field.id));
-            }
-            case "multi_select_options": {
-                const formFieldOptions2 = field.settings_form_field_options?.map((x) => {
-                    return { label: x.label, value: x.value };
-                }) ?? [];
-                const defaultValuesMulti = (() => {
-                    const values = defaultValue?.value?.split(",").map((str) => str.trim()) ?? [];
-                    return formFieldOptions2.filter((x) => values.includes(x.value));
-                })();
-                return ((0, jsx_runtime_1.jsx)(index_js_6.SelectField, { title: `${field.required ? "*" : ""}${field.name}`, name: `${namesStr}${field.form_id}_${field.id}`, hint: field.hint, isClearable: !field.required, isMulti: true, options: formFieldOptions2, defaultValueMulti: defaultValuesMulti, disabled: readOnly }, field.id));
-            }
-            default:
-                return ((0, jsx_runtime_1.jsxs)("div", { children: ["Componente no encontrado para: ", field.field_type] }, field.id)); // o algún componente por defecto si lo prefieres
-        }
-    };
-    const renderFields = () => {
-        const fields = form.settings_form_fields;
-        const fieldGroups = [];
-        let tempGroup = [];
-        fields.forEach((field, i) => {
-            const rule = showingRules.find((x) => x.name === field.name);
-            if (!(rule && !rule.show)) {
-                const renderedField = renderFieldComponent(field);
-                if (renderedField === null) {
-                    return;
-                }
-                tempGroup.push(renderedField);
-                const isLastField = i === fields.length - 1;
-                const isSectionField = field.field_type === "section";
-                if (isSectionField) {
-                    tempGroup.pop();
-                    if (tempGroup.length === 1) {
-                        fieldGroups.push(tempGroup[0]);
-                    }
-                    else if (tempGroup.length === 2) {
-                        fieldGroups.push((0, jsx_runtime_1.jsx)(index_js_3.DoubleFieldContainer, { children: tempGroup }, i));
-                    }
-                    else if (tempGroup.length === 3) {
-                        fieldGroups.push((0, jsx_runtime_1.jsx)(index_js_2.TripleFieldContainer, { children: tempGroup }, i));
-                    }
-                    fieldGroups.push(renderedField);
-                    tempGroup = [];
-                }
-                else if (isLastField) {
-                    if (tempGroup.length === 1) {
-                        fieldGroups.push(tempGroup[0]);
-                    }
-                    else if (tempGroup.length === 2) {
-                        fieldGroups.push((0, jsx_runtime_1.jsx)(index_js_3.DoubleFieldContainer, { children: tempGroup }, i));
-                    }
-                    else if (tempGroup.length === 3) {
-                        fieldGroups.push((0, jsx_runtime_1.jsx)(index_js_2.TripleFieldContainer, { children: tempGroup }, i));
-                    }
-                    tempGroup = [];
-                }
-                else if (tempGroup.length === 3) {
-                    // Si hay 3 elementos en el grupo temporal y el siguiente campo no es 'section', se agrega a fieldGroups
-                    fieldGroups.push((0, jsx_runtime_1.jsx)(index_js_2.TripleFieldContainer, { children: tempGroup }, i));
-                    tempGroup = [];
-                }
-            }
-        });
-        return fieldGroups;
-    };
-    return ((0, jsx_runtime_1.jsx)(index_js_11.SubContainer, { title: options?.showTitle ? form.name : undefined, description: options?.showDescription ? form.description : undefined, children: renderFields() }));
-}
-exports.DynamicBaculoForm = DynamicBaculoForm;

package/dist/cjs/Form/FieldContainer/DoubleFieldContainer.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DoubleFieldContainer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const DoubleFieldContainer = (props) => {
-    const { children, className, alignCenter = true } = props;
-    const getChildren = (index) => {
-        if (children && Array.isArray(children) && children[index]) {
-            return children[index];
-        }
-        if (children && index === 0) {
-            return children;
-        }
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: `grid md:grid-cols-2 sm:grid-cols-1 gap-4 ${className}`, style: alignCenter ? { alignItems: "center" } : {}, children: [(0, jsx_runtime_1.jsx)("div", { className: "col-span-1", children: getChildren(0) }), (0, jsx_runtime_1.jsx)("div", { className: "col-span-1", children: getChildren(1) })] }) }));
-};
-exports.DoubleFieldContainer = DoubleFieldContainer;

package/dist/cjs/Form/FieldContainer/QuadrupleFieldContainer.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuadrupleFieldContainer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const QuadrupleFieldContainer = (props) => {
-    const { children, className } = props;
-    const getChildren = (index) => {
-        if (children && Array.isArray(children) && children[index]) {
-            return children[index];
-        }
-        if (children && index === 0) {
-            return children;
-        }
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: `grid lg:grid-cols-4 sm:grid-cols-2 xs:grid-cols-1 gap-4 ${className}`, style: { alignItems: "center" }, children: [(0, jsx_runtime_1.jsx)("div", { className: "col-span-1", children: getChildren(0) }), (0, jsx_runtime_1.jsx)("div", { className: "col-span-1", children: getChildren(1) }), (0, jsx_runtime_1.jsx)("div", { className: "col-span-1", children: getChildren(2) }), (0, jsx_runtime_1.jsx)("div", { className: "col-span-1", children: getChildren(3) })] }) }));
-};
-exports.QuadrupleFieldContainer = QuadrupleFieldContainer;

package/dist/cjs/Form/FieldContainer/TripleFieldContainer.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TripleFieldContainer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TripleFieldContainer = (props) => {
-    const { children, className } = props;
-    const getChildren = (index) => {
-        if (children && Array.isArray(children) && children[index]) {
-            return children[index];
-        }
-        if (children && index === 0) {
-            return children;
-        }
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
-    };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { className: `grid sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 ${className}`, style: { alignItems: "center" }, children: [(0, jsx_runtime_1.jsx)("div", { className: "col-span-1", children: getChildren(0) }), (0, jsx_runtime_1.jsx)("div", { className: "col-span-1", children: getChildren(1) }), (0, jsx_runtime_1.jsx)("div", { className: "col-span-1", children: getChildren(2) })] }) }));
-};
-exports.TripleFieldContainer = TripleFieldContainer;

package/dist/cjs/Form/FieldContainer/index.js

@@ -1,19 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DoubleFieldContainer.js"), exports);
-__exportStar(require("./QuadrupleFieldContainer.js"), exports);
-__exportStar(require("./TripleFieldContainer.js"), exports);