@acvl/frontend-components 0.0.12 → 0.0.14

package/dist/cjs/index.js

@@ -26625,10 +26625,12 @@ const SaveCancelButton = (props) => {
                     ...props.slotProps?.cancelBtn
                 } }), jsxRuntime.jsx(NormalOrIcon, { buttonProps: {
                     color: 'secondary',
+                    variant: 'contained',
                     startIcon: jsxRuntime.jsx(SaveIcon, {}),
                     type: 'submit',
                     form: 'formulario',
                     sx: { height: 1 },
+                    children: 'Guardar',
                     ...props.slotProps?.saveBtn
                 } })] }));
 };
@@ -30566,7 +30568,6 @@ const DndContext = /*#__PURE__*/React.memo(function DndContext(_ref) {
 
 const EditGridWrapper = (props) => {
     const notifications = core.useNotifications();
-    const baseGridRef = React.useRef(null);
     // ======================|| EDIT ||====================== //
     const [edit, setEdit] = React.useState(false);
     const [editMutation, { isLoading: loadingMutation }] = props.mutation();
@@ -30623,7 +30624,7 @@ const EditGridWrapper = (props) => {
         };
     }, [handleKeyPress]);
     // ========================= || DRAG N DROP || ========================= //
-    const rowsIterator = baseGridRef?.current?.getApi()?.getRowModels()?.values();
+    const rowsIterator = props.baseGridRef?.current?.getRowModels().values();
     const rows = React.useMemo(() => {
         return rowsIterator ? Array.from(rowsIterator) : [];
     }, [rowsIterator]);
@@ -30650,7 +30651,7 @@ const EditGridWrapper = (props) => {
             mutationErrors: errors,
             options: props.options,
         }),
-        ...(edit && props.dnd ? { slots: { row: DraggableRow } } : []),
+        ...(edit && props.dnd ? { slots: { row: DraggableRow } } : {}),
         slotProps: {
             toolbar: {
                 extraButtons: [
@@ -30989,6 +30990,11 @@ const Base = (props) => {
     const dataGridProps = mergeSettings({
         columns: [],
         loadingParams: [isLoading, isFetching],
+        slots: {
+            toolbar: CustomToolbar,
+            pagination: CustomPagination,
+            noRowsOverlay: CustomNoRows,
+        },
         slotProps: {
             baseCheckbox: {
                 size: 'small'
@@ -31017,15 +31023,12 @@ const Base = (props) => {
         },
     }, props.dataGridProps);
     const renderDataGrid = ({ dataGridProps: renderDataGridProps }) => {
+        // console.log(dataGridProps)
         return (jsxRuntime.jsx(material.Box, { width: 1, minHeight: 300, height: 1, 
             // maxHeight={'calc(100% - 30px)'}
-            display: 'flex', flexDirection: 'column', pb: 0, children: jsxRuntime.jsx(material.NoSsr, { children: jsxRuntime.jsx(xDataGrid.DataGrid, { apiRef: apiRef, ref: props.ref, rows: data?.results || [], loading: lodash.some(lodash.get(renderDataGridProps, 'loadingParams', []), function (x) {
+            display: 'flex', flexDirection: 'column', pb: 0, children: jsxRuntime.jsx(material.NoSsr, { children: jsxRuntime.jsx(xDataGrid.DataGrid, { apiRef: apiRef, rows: data?.results || [], loading: lodash.some(lodash.get(renderDataGridProps, 'loadingParams', []), function (x) {
                         return x;
-                    }), slots: {
-                        toolbar: CustomToolbar,
-                        pagination: CustomPagination,
-                        noRowsOverlay: CustomNoRows,
-                    }, 
+                    }), 
                     // paginado //
                     pagination: true, paginationMode: 'server', paginationModel: paginationModel, onPaginationModelChange: setPaginationModel, pageSizeOptions: [50, 100, { value: -1, label: 'Todos' }], 
                     // ordenado
@@ -31049,7 +31052,7 @@ const Base = (props) => {
                     // row count
                     rowCount: rowCount, 
                     // settings
-                    rowHeight: 42, 
+                    density: 'compact', 
                     // striping
                     getRowClassName: (params) => params.indexRelativeToCurrentPage % 2 === 0 ? 'even' : 'odd', localeText: {
                         columnHeaderSortIconLabel: 'Ordenar',
@@ -31078,6 +31081,7 @@ const Base = (props) => {
                 renderFunction: renderFunction,
                 renderFunctionProps: renderProps,
                 dataGridProps: dataGridProps,
+                baseGridRef: apiRef,
                 ...props.api.edit
             };
             renderFunction = EditGridWrapper;