@acvl/frontend-components 0.0.12 → 0.0.14

package/dist/cjs/types/src/components/v1/datagrids/columns/index.d.ts

@@ -1,2 +1,2 @@
-export { default as editColumn, EditGridColumnsProps } from './editColumn';
-export { default as deleteColumn, DeleteGridColumnsProps } from './deleteColumn';
+export { default as editColumn, type EditGridColumnsProps } from './editColumn';
+export { default as deleteColumn, type DeleteGridColumnsProps } from './deleteColumn';

package/dist/cjs/types/src/components/v1/datagrids/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Base } from './Base';
 export * from './cells';
 export * from './columns';
-export { GridColDefPropsOverrides, GridArgs, MyDataGridProps, MyGridFilterModel } from './types';
-export { CustomToolbarProps } from './custom_slots/CustomToolbar';
+export type { GridColDefPropsOverrides, GridArgs, MyDataGridProps, MyGridFilterModel } from './types';
+export type { CustomToolbarProps } from './custom_slots/CustomToolbar';

package/dist/cjs/types/src/components/v1/datagrids/wrappers/EditGridWrapper.d.ts

@@ -1,4 +1,5 @@
-import { JSX } from "react";
+import { JSX, RefObject } from "react";
+import { GridApi } from "@mui/x-data-grid";
 import { JSONParserProps } from "../../forms";
 import { GridColDefPropsOverrides } from "../types";
 import { BaseGridProps } from "../Base";
@@ -25,6 +26,7 @@ export interface EditGridWrapperProps extends Pick<BaseGridProps, 'dataGridProps
     renderFunctionProps?: {
         [key: string]: any;
     };
+    baseGridRef?: RefObject<GridApi>;
 }
 declare const EditGridWrapper: (props: EditGridWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export default EditGridWrapper;

package/dist/cjs/types/src/components/v1/layout/shared/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Loadable } from './Loadable';
 export { default as LoadingComponent } from './LoadingComponent';
 export { default as Logo } from './Logo';
-export { default as Tabs, MyTab, MyTabProps } from './Tabs';
+export { default as Tabs, type MyTab, type MyTabProps } from './Tabs';
 export { default as Transitions } from './Transitions';

package/dist/cjs/types/src/components/v1/lib/context/index.d.ts

@@ -1,2 +1,2 @@
-export { APIProvider, default as APIContext, APIcontextProps } from './APIContext';
+export { APIProvider, default as APIContext, type APIcontextProps } from './APIContext';
 export { NavigationProvider, default as NavigationContext } from './NavigationContext';

package/dist/esm/index.js

@@ -26605,10 +26605,12 @@ const SaveCancelButton = (props) => {
                     ...props.slotProps?.cancelBtn
                 } }), jsx(NormalOrIcon, { buttonProps: {
                     color: 'secondary',
+                    variant: 'contained',
                     startIcon: jsx(SaveIcon, {}),
                     type: 'submit',
                     form: 'formulario',
                     sx: { height: 1 },
+                    children: 'Guardar',
                     ...props.slotProps?.saveBtn
                 } })] }));
 };
@@ -30546,7 +30548,6 @@ const DndContext = /*#__PURE__*/memo(function DndContext(_ref) {
 
 const EditGridWrapper = (props) => {
     const notifications = useNotifications();
-    const baseGridRef = useRef(null);
     // ======================|| EDIT ||====================== //
     const [edit, setEdit] = useState(false);
     const [editMutation, { isLoading: loadingMutation }] = props.mutation();
@@ -30603,7 +30604,7 @@ const EditGridWrapper = (props) => {
         };
     }, [handleKeyPress]);
     // ========================= || DRAG N DROP || ========================= //
-    const rowsIterator = baseGridRef?.current?.getApi()?.getRowModels()?.values();
+    const rowsIterator = props.baseGridRef?.current?.getRowModels().values();
     const rows = useMemo(() => {
         return rowsIterator ? Array.from(rowsIterator) : [];
     }, [rowsIterator]);
@@ -30630,7 +30631,7 @@ const EditGridWrapper = (props) => {
             mutationErrors: errors,
             options: props.options,
         }),
-        ...(edit && props.dnd ? { slots: { row: DraggableRow } } : []),
+        ...(edit && props.dnd ? { slots: { row: DraggableRow } } : {}),
         slotProps: {
             toolbar: {
                 extraButtons: [
@@ -30969,6 +30970,11 @@ const Base = (props) => {
     const dataGridProps = mergeSettings({
         columns: [],
         loadingParams: [isLoading, isFetching],
+        slots: {
+            toolbar: CustomToolbar,
+            pagination: CustomPagination,
+            noRowsOverlay: CustomNoRows,
+        },
         slotProps: {
             baseCheckbox: {
                 size: 'small'
@@ -30997,15 +31003,12 @@ const Base = (props) => {
         },
     }, props.dataGridProps);
     const renderDataGrid = ({ dataGridProps: renderDataGridProps }) => {
+        // console.log(dataGridProps)
         return (jsx(Box, { width: 1, minHeight: 300, height: 1, 
             // maxHeight={'calc(100% - 30px)'}
-            display: 'flex', flexDirection: 'column', pb: 0, children: jsx(NoSsr, { children: jsx(DataGrid, { apiRef: apiRef, ref: props.ref, rows: data?.results || [], loading: some(get(renderDataGridProps, 'loadingParams', []), function (x) {
+            display: 'flex', flexDirection: 'column', pb: 0, children: jsx(NoSsr, { children: jsx(DataGrid, { apiRef: apiRef, rows: data?.results || [], loading: some(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
@@ -31029,7 +31032,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',
@@ -31058,6 +31061,7 @@ const Base = (props) => {
                 renderFunction: renderFunction,
                 renderFunctionProps: renderProps,
                 dataGridProps: dataGridProps,
+                baseGridRef: apiRef,
                 ...props.api.edit
             };
             renderFunction = EditGridWrapper;