drf-react-by-schema 0.3.0 → 0.4.0

package/src/components/DataTotals.tsx

@@ -1,57 +0,0 @@
-import React from 'react';
-import Alert, { AlertColor } from '@mui/material/Alert';
-import List from '@mui/material/List';
-import ListItem from '@mui/material/ListItem';
-import { NumericFormat } from 'react-number-format';
-import { GridRowId } from '@mui/x-data-grid';
-
-import { Item } from '../utils';
-
-export interface SumRowsType {
-    rows: Item[],
-    severity?: AlertColor;
-}
-
-interface DataTotalsProps {
-    data?: Item[];
-    sumRows?: SumRowsType;
-    visibleRows: GridRowId[];
-};
-
-const DataTotals = ({
-    data,
-    sumRows,
-    visibleRows
-}: DataTotalsProps) => {
-    return (
-        <>
-            {data && sumRows && sumRows.rows.length > 0 &&
-                <Alert severity={sumRows.severity || 'info'}>
-                    <List dense={true}>
-                        {sumRows.rows.map(row => (
-                            <ListItem key={`sumRows_${row.field}`}>
-                                <NumericFormat
-                                    value={data.reduce((total, item) => {
-                                        if (parseFloat(item[row.field]) && visibleRows.includes(`${item.id}`)) {
-                                            return total + parseFloat(item[row.field]);
-                                        }
-                                        return total;
-                                    }, 0)}
-                                    thousandSeparator='.'
-                                    decimalSeparator=','
-                                    displayType={'text'}
-                                    decimalScale={row.isCount ? 0 : 2}
-                                    fixedDecimalScale={true}
-                                    prefix={row.prefix}
-                                    suffix={row.suffix}
-                                />
-                            </ListItem>
-                        ))}
-                    </List>
-                </Alert>
-            }
-        </>
-    );
-};
-
-export default DataTotals;

package/src/components/DialogActions.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import Button from '@mui/material/Button';
-import { DialogType } from '../context/APIWrapperContext';
-
-interface DialogActionsProps {
-    setDialog: React.Dispatch<React.SetStateAction<DialogType>>;
-    handleSave: (p: any) => Promise<boolean | undefined>;
-    btnCancel?: string;
-    btnConfirm?: string;
-};
-export default function DialogActions ({
-    setDialog,
-    handleSave,
-    btnCancel = 'Cancelar',
-    btnConfirm = 'Salvar'
-}: DialogActionsProps) {
-    return (
-        <>
-            <Button
-                onClick={() => {
-                    setDialog({ open: false });
-                }}
-            >
-                {btnCancel}
-            </Button>
-            <Button
-                onClick={handleSave}
-            >
-                {btnConfirm}
-            </Button>
-        </>
-    );
-};

package/src/components/DialogJSONSchemaForm.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import Button from '@mui/material/Button';
-import validator from '@rjsf/validator-ajv8';
-import Form from '@rjsf/mui';
-import { Item, SchemaType } from '../utils';
-
-interface DialogJSONSchemaFormProps {
-    jsonSchemaFormRef: any;
-    schema: SchemaType;
-    uiSchema: SchemaType;
-    formData: Item;
-    onSubmit: ({ formData }:{ formData: Item }) => void;
-};
-
-export default function DialogJSONSchemaForm ({
-    jsonSchemaFormRef,
-    schema,
-    uiSchema,
-    formData,
-    onSubmit
-}:DialogJSONSchemaFormProps) {
-    return (
-        <Form
-            // @ts-ignore
-            ref={jsonSchemaFormRef}
-            schema={schema}
-            uiSchema={uiSchema}
-            validator={validator}
-            formData={formData}
-            onSubmit={onSubmit}
-        >
-            <Button
-                type="submit"
-                sx={{ display: 'none' }}
-            >
-                Salvar
-            </Button>
-        </Form>
-    );
-};

package/src/components/GenericModelList.tsx

@@ -1,165 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import Box from '@mui/material/Box';
-import { GridRowId } from '@mui/x-data-grid';
-
-import DataGridBySchemaEditable from './DataGridBySchemaEditable';
-import DataTotals, { SumRowsType } from './DataTotals';
-import { Layout } from '../styles';
-import { GridEnrichedBySchemaColDef, Item, SchemaType, DataSchemaColumnsType } from '../utils';
-import { getGenericModelList, getGenericModelListProps } from '../api';
-import { DRFReactBySchemaContext } from '../context/DRFReactBySchemaContext';
-import { APIWrapperContext } from '../context/APIWrapperContext';
-
-interface GenericModelListProps {
-    columnFields: string[];
-    hiddenFields?: string[];
-    minWidthFields?: Record<string, number>;
-    indexFieldBasePath: string;
-    indexField: string;
-    customColumnOperations?: (column: GridEnrichedBySchemaColDef) => GridEnrichedBySchemaColDef;
-    customLinkDestination?: (p: any) => string;
-    sumRows?: SumRowsType;
-    isAutoHeight?: boolean;
-    model: string;
-    forceReload: boolean;
-    LinkComponent?: React.ReactNode;
-}
-
-const GenericModelList = ({
-    columnFields,
-    hiddenFields = [],
-    minWidthFields,
-    indexFieldBasePath,
-    indexField,
-    customColumnOperations,
-    customLinkDestination,
-    sumRows,
-    isAutoHeight = true,
-    model,
-    forceReload = false,
-    LinkComponent = null
-}: GenericModelListProps) => {
-    const context = React.useContext(DRFReactBySchemaContext);
-    const apiContext = React.useContext(APIWrapperContext);
-    if (!context.serverEndPoint || !apiContext) {
-        console.error('Error: There is no endpoint defined in DRFReactBySchemaProvider!');
-        return (<></>);
-    }
-    const {
-        serverEndPoint,
-        isInBatches,
-        firstBatchLength
-    } = context;
-    const {
-        handleLoading
-    } = apiContext;
-    interface dataProps {
-        data: Item[];
-        schema: SchemaType;
-        columns: GridEnrichedBySchemaColDef[]
-    };
-    const [data, setData] = useState<DataSchemaColumnsType | boolean>(false);
-    const [visibleRows, setVisibleRows] = useState<GridRowId[]>([]);
-    const [hideFooterPagination, setHideFooterPagination] = useState(false);
-
-    const finalCustomColumnOperations = (column: GridEnrichedBySchemaColDef) => {
-        if (minWidthFields) {
-            if (Object.prototype.hasOwnProperty.call(minWidthFields, column.field)) {
-                column.minWidth = minWidthFields[column.field];
-            }
-        }
-
-        if (customColumnOperations) {
-            return customColumnOperations(column);
-        }
-
-        return column;
-    };
-
-    const loadObjectList = async () => {
-        const loadParams:getGenericModelListProps = {
-            model,
-            serverEndPoint,
-            columnFields,
-            hiddenFields,
-            isInBatches
-        };
-        handleLoading(true);
-        const loadedData = await getGenericModelList(loadParams);
-        if (loadedData && typeof loadedData !== 'boolean') {
-            setData(loadedData);
-            handleLoading(false);
-            if (isInBatches && loadedData.data.length === firstBatchLength) {
-                setHideFooterPagination(true);
-                getGenericModelList({
-                    ...loadParams,
-                    loadedSchema: loadedData.schema
-                }).then(lastBatchData => {
-                    if (lastBatchData && typeof lastBatchData !== 'boolean') {
-                        setData({
-                            ...loadedData,
-                            data: [
-                                ...loadedData.data,
-                                ...lastBatchData.data
-                            ]
-                        });
-                    }
-                    setHideFooterPagination(false);
-                });
-            }
-            return;
-        }
-        console.log('error retrieving data!');
-    };
-
-    if (forceReload) {
-        loadObjectList();
-    }
-
-    useEffect(() => {
-        loadObjectList();
-    }, []);
-
-    return (
-        <>
-            {typeof data !== 'boolean' && data.columns &&
-                <>
-                    <Box sx={Layout.dataGridWithTabs}>
-                        <DataGridBySchemaEditable
-                            data={data.data}
-                            columns={data.columns}
-                            schema={data.schema || {}}
-                            model={model}
-                            indexField={indexField}
-                            indexFieldBasePath={indexFieldBasePath}
-                            isEditable={false}
-                            isAutoHeight={isAutoHeight}
-                            hideFooterPagination={hideFooterPagination}
-                            customColumnOperations={finalCustomColumnOperations}
-                            customLinkDestination={customLinkDestination}
-                            setVisibleRows={(newVisibleRows:GridRowId[]) => {
-                                if (JSON.stringify(newVisibleRows) !== JSON.stringify(visibleRows)) {
-                                    setVisibleRows(newVisibleRows);
-                                }
-                            }}
-                            onDataChange={newData => {
-                                setData({
-                                    ...data,
-                                    data: newData
-                                });
-                            }}
-                            LinkComponent={LinkComponent}
-                        />
-                    </Box>
-                    <DataTotals
-                        data={data.data}
-                        sumRows={sumRows}
-                        visibleRows={visibleRows}
-                    />
-                </>
-            }
-        </>
-    );
-};
-
-export default GenericModelList;

package/src/components/GenericRelatedModelList.tsx

@@ -1,168 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import Box from '@mui/material/Box';
-import { GridRowId } from '@mui/x-data-grid';
-
-import DataGridBySchemaEditable from './DataGridBySchemaEditable';
-import DataTotals from './DataTotals';
-import { DRFReactBySchemaContext } from '../context/DRFReactBySchemaContext';
-import { APIWrapperContext } from '../context/APIWrapperContext';
-import { DataSchemaColumnsType, GridEnrichedBySchemaColDef, Id, Item } from '../utils';
-import { getGenericModelList } from '../api';
-import { SumRowsType } from './DataTotals';
-import { Layout } from '../styles';
-
-interface GenericRelatedModelListProps {
-    model: string;
-    id: Id;
-    relatedModel: string;
-    columnFields: string[];
-    creatableFields: string[];
-    hiddenFields: string[];
-    usuaria?: Item | null;
-    minWidthFields?: Record<string, number>;
-    indexField?: string;
-    addExistingModel?: string;
-    onProcessRow?: (p: any) => void;
-    sumRows?: SumRowsType;
-    customColumnOperations?: (column: GridEnrichedBySchemaColDef) => GridEnrichedBySchemaColDef;
-    isEditable?: boolean;
-    isAutoHeight?: boolean;
-    isInBatches?: boolean;
-    indexFieldBasePath?: string;
-    LinkComponent?: React.ReactNode;
-};
-
-export default function GenericRelatedModelList ({
-    model,
-    id,
-    relatedModel,
-    columnFields,
-    creatableFields,
-    hiddenFields,
-    usuaria,
-    minWidthFields,
-    indexField = '',
-    addExistingModel = '',
-    onProcessRow,
-    sumRows,
-    customColumnOperations,
-    isEditable = true,
-    isAutoHeight = false,
-    indexFieldBasePath,
-    LinkComponent
-}:GenericRelatedModelListProps) {
-    const context = React.useContext(DRFReactBySchemaContext);
-    const apiContext = React.useContext(APIWrapperContext);
-    if (!context.serverEndPoint || !apiContext) {
-        console.error('Error: There is no endpoint defined in DRFReactBySchemaProvider!');
-        return (<></>);
-    }
-    const {
-        serverEndPoint,
-        isInBatches,
-        firstBatchLength,
-    } = context;
-    const {
-        onEditRelatedModelSave,
-        onDeleteRelatedModel
-    } = apiContext;
-    
-    const [data, setData] = useState<DataSchemaColumnsType | boolean>(false);
-    const [visibleRows, setVisibleRows] = useState<GridRowId[]>([]);
-    const [hideFooterPagination, setHideFooterPagination] = useState(false);
-
-    const finalCustomColumnOperations = (column:GridEnrichedBySchemaColDef) => {
-        if (minWidthFields) {
-            if (Object.prototype.hasOwnProperty.call(minWidthFields, column.field)) {
-                column.minWidth = minWidthFields[column.field];
-            }
-        }
-
-        if (customColumnOperations) {
-            return customColumnOperations(column);
-        }
-
-        return column;
-    };
-
-    const loadObjectList = async () => {
-        const loadParams = {
-            model,
-            serverEndPoint,
-            id,
-            relatedModel,
-            columnFields,
-            hiddenFields,
-            creatableFields,
-            isInBatches
-        };
-        const loadedData = await getGenericModelList(loadParams);
-        if (loadedData) {
-            setData(loadedData);
-            if (isInBatches && loadedData.data.length === firstBatchLength) {
-                setHideFooterPagination(true);
-                getGenericModelList({
-                    ...loadParams,
-                    loadedSchema: loadedData.schema
-                }).then(lastBatchData => {
-                    if (lastBatchData) {
-                        setData({
-                            ...loadedData,
-                            data: [
-                                ...loadedData.data,
-                                ...lastBatchData.data
-                            ]
-                        });
-                    }
-                    setHideFooterPagination(false);
-                });
-            }
-            return;
-        }
-        console.log('error retrieving data!');
-    };
-
-    useEffect(() => {
-        loadObjectList();
-    }, []);
-
-    return (
-        <>
-            {typeof data !== 'boolean' && data.columns &&
-                <>
-                    <Box sx={Layout.dataGridFixedHeight}>
-                        <DataGridBySchemaEditable
-                            data={data.data}
-                            columns={data.columns}
-                            schema={data.schema}
-                            model={relatedModel}
-                            indexField={indexField}
-                            indexFieldBasePath={indexFieldBasePath}
-                            addExistingModel={addExistingModel}
-                            isEditable={isEditable}
-                            modelParent={model}
-                            modelParentId={id}
-                            customColumnOperations={finalCustomColumnOperations}
-                            setVisibleRows={setVisibleRows}
-                            isAutoHeight={isAutoHeight}
-                            hideFooterPagination={hideFooterPagination}
-                            onProcessRow={onProcessRow}
-                            onDataChange={newData => {
-                                setData({
-                                    ...data,
-                                    data: newData
-                                });
-                            }}
-                            LinkComponent={LinkComponent}
-                        />
-                    </Box>
-                    <DataTotals
-                        data={data.data}
-                        sumRows={sumRows}
-                        visibleRows={visibleRows}
-                    />
-                </>
-            }
-        </>
-    );
-}