mgh-components 1.0.0

package/.prettierignore

@@ -0,0 +1,9 @@
+build/*
+dist/*
+public/*
+**/out/*
+**/.next/*
+**/node_modules/*
+
+package-lock.json
+yarn.lock

package/.prettierrc

@@ -0,0 +1,7 @@
+{
+    "printWidth": 125,
+    "singleQuote": true,
+    "trailingComma": "es5",
+    "tabWidth": 4
+  }
+  

package/dist/components/CustomGridToolbarExport.d.ts

@@ -0,0 +1,10 @@
+import { GridCsvExportOptions, GridExportDisplayOptions, GridExcelExportOptions, GridPrintExportOptions } from '@mui/x-data-grid-premium';
+import React from 'react';
+interface ExportContainerProps {
+    csvOptions?: GridCsvExportOptions & GridExportDisplayOptions;
+    excelOptions?: GridExcelExportOptions & GridExportDisplayOptions;
+    printOptions?: GridPrintExportOptions & GridExportDisplayOptions;
+    customMenuItem?: JSX.Element | undefined;
+}
+export default function CustomGridToolbarExport({ csvOptions, excelOptions, printOptions, customMenuItem, ...other }: ExportContainerProps): React.JSX.Element;
+export {};

package/dist/components/CustomNoRowsOverlay.d.ts

@@ -0,0 +1,9 @@
+import { NoRowsOverlayPropsOverrides } from '@mui/x-data-grid-premium';
+import React from 'react';
+declare module '@mui/x-data-grid-premium' {
+    interface NoRowsOverlayPropsOverrides {
+        text: string;
+        useSettingsContext: any;
+    }
+}
+export default function CustomNoRowsOverlay({ text, useSettingsContext }: NoRowsOverlayPropsOverrides): React.JSX.Element;

package/dist/components/MGHDataGrid.d.ts

@@ -0,0 +1,50 @@
+import dayjs from 'dayjs';
+import { DateRange } from '@mui/x-date-pickers-pro';
+import { Theme, SxProps } from '@mui/material';
+import { GridInitialStatePremium } from '@mui/x-data-grid-premium/models/gridStatePremium';
+import { GridColDef, GridRowParams, GridToolbarProps, GridEventListener, GridSlotsComponent, GridCallbackDetails, GridRowSelectionModel, ToolbarPropsOverrides, GridRowClassNameParams, GridSlotsComponentsProps, GridColumnVisibilityModel, GridInputRowSelectionModel } from '@mui/x-data-grid-premium';
+import React from 'react';
+interface CustomToolbarProps {
+    dateValues: React.SetStateAction<DateRange<dayjs.Dayjs>>;
+    setDateValues: React.Dispatch<React.SetStateAction<DateRange<dayjs.Dayjs>>>;
+    renderDateRange?: React.ReactNode;
+}
+interface MGHDataGridProps {
+    rows: any[];
+    columns: GridColDef[];
+    onRowClick?: GridEventListener<'rowClick'>;
+    onRowDoubleClick?: GridEventListener<'rowDoubleClick'>;
+    header: string;
+    pagination?: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    slots?: Partial<GridSlotsComponent>;
+    slotProps?: GridSlotsComponentsProps & {
+        toolbar?: Partial<GridToolbarProps & ToolbarPropsOverrides & CustomToolbarProps>;
+    };
+    toolbarProps?: any;
+    initialState?: GridInitialStatePremium;
+    sx?: SxProps<Theme>;
+    cardSx?: SxProps<Theme>;
+    columnVisibilityModel?: GridColumnVisibilityModel;
+    disableDensitySelector?: boolean;
+    disableRowSelectionOnClick?: boolean;
+    disableColumnFilter?: boolean;
+    disableColumnMenu?: boolean;
+    disableColumnSelector?: boolean;
+    renderHeaderEndContent?: JSX.Element;
+    renderHeaderCenterContent?: JSX.Element;
+    noRowsText?: string;
+    checkboxSelection?: boolean;
+    checkboxSelectionVisibleOnly?: boolean;
+    onRowSelectionModelChange?: ((rowSelectionModel: GridRowSelectionModel, details: GridCallbackDetails<any>) => void) | undefined;
+    rowSelectionModel?: GridInputRowSelectionModel | undefined;
+    getRowClassName?: ((params: GridRowClassNameParams<any>) => string) | undefined;
+    getDetailPanelContent?: (params: GridRowParams<any>) => React.ReactNode;
+    getDetailPanelHeight?: () => number;
+    loading?: boolean;
+    defaultGroupingExpansionDepth?: number;
+    getRowHeight?: any;
+}
+export default function MGHDataGrid({ header, rows, columns, onRowClick, onRowDoubleClick, pagination, pageSize, slots, slotProps, toolbarProps, initialState, pageSizeOptions, sx, cardSx, columnVisibilityModel, disableDensitySelector, disableRowSelectionOnClick, disableColumnFilter, disableColumnMenu, disableColumnSelector, checkboxSelectionVisibleOnly, renderHeaderEndContent, renderHeaderCenterContent, noRowsText, checkboxSelection, onRowSelectionModelChange, rowSelectionModel, getRowClassName, getDetailPanelContent, getDetailPanelHeight, loading, defaultGroupingExpansionDepth, getRowHeight, }: MGHDataGridProps): React.JSX.Element;
+export {};

package/dist/components/MGHGridToolbar.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface MGHGridToolbarProps {
+    showColumnsButton?: boolean;
+    showFilterButton?: boolean;
+    showExportButton?: boolean;
+    showQuickFilter?: boolean;
+    renderOtherButtons?: JSX.Element;
+    renderDateRange?: JSX.Element;
+    customMenuItem?: JSX.Element;
+}
+export default function MGHGridToolbar({ showColumnsButton, showFilterButton, showExportButton, showQuickFilter, renderOtherButtons, renderDateRange, customMenuItem, }: MGHGridToolbarProps): React.JSX.Element;
+export {};

package/dist/hooks/useResponsive.d.ts

@@ -0,0 +1,7 @@
+import { Breakpoint } from '@mui/material/styles';
+type ReturnType = boolean;
+export type Query = 'up' | 'down' | 'between' | 'only';
+export type Value = Breakpoint | number;
+export declare function useResponsive(query: Query, start?: Value, end?: Value): ReturnType;
+export declare function useWidth(): "xs" | "sm" | "md" | "lg" | "xl";
+export {};

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as MGHDataGrid } from './components/MGHDataGrid';
+export { default as MGHGridToolbar } from './components/MGHGridToolbar';
+export { default as CustomNoRowsOverlay } from './components/CustomNoRowsOverlay';
+export { useResponsive } from './hooks/useResponsive';