drf-react-by-schema 0.13.1 → 0.14.1

package/dist/api.d.ts

@@ -3,7 +3,7 @@ import { Item, SchemaType, modelOptionsType, DataSchemaColumnsType, ItemSchemaCo
 import { GridFilterModel, GridSortModel } from '@mui/x-data-grid';
 import { AlertColor } from '@mui/material/Alert';
 type Id = string | number | null;
-interface TargetApiParams {
+export interface TargetApiParams {
     path: string;
     serverEndPoint: serverEndPointType | null;
     data: Item;

package/dist/components/DataGridBySchemaEditable/CustomToolbar.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
-import { GridSelectionModel } from '@mui/x-data-grid';
-import { GridEnrichedBySchemaColDef, OnSelectActions } from '../../utils';
+import { BulkDeleteData, BulkUpdateData, GridEnrichedBySchemaColDef, Id, Item, OnSelectActions } from '../../utils';
 type CustomToolbarProps = {
     preparedColumns: GridEnrichedBySchemaColDef[];
     setPreparedColumns: (p: null | GridEnrichedBySchemaColDef[]) => void;
     onSelectActions?: OnSelectActions[];
-    selectionModel: GridSelectionModel;
+    selectionModel: Item[];
+    bulkUpdateData: BulkUpdateData;
+    bulkDeleteData: BulkDeleteData;
+    bulkCreateData: (p: Id[]) => void;
 };
 /**
  *
@@ -15,8 +17,11 @@ type CustomToolbarProps = {
  *     setPreparedColumns,
  *     onSelectActions,
  *     selectionModel,
+ *     bulkUpdateData,
+ *     bulkDeleteData,
+ *     bulkCreateData,
  * }
  * @returns Custom Toolbar for the grid
  */
-export declare const CustomToolbar: ({ preparedColumns, setPreparedColumns, onSelectActions, selectionModel, }: CustomToolbarProps) => JSX.Element;
+export declare const CustomToolbar: ({ preparedColumns, setPreparedColumns, onSelectActions, selectionModel, bulkUpdateData, bulkDeleteData, bulkCreateData, }: CustomToolbarProps) => JSX.Element;
 export {};

package/dist/components/DataGridBySchemaEditable/CustomToolbar.js

@@ -43,10 +43,13 @@ const utils_1 = require("./utils");
  *     setPreparedColumns,
  *     onSelectActions,
  *     selectionModel,
+ *     bulkUpdateData,
+ *     bulkDeleteData,
+ *     bulkCreateData,
  * }
  * @returns Custom Toolbar for the grid
  */
-const CustomToolbar = ({ preparedColumns, setPreparedColumns, onSelectActions, selectionModel, }) => {
+const CustomToolbar = ({ preparedColumns, setPreparedColumns, onSelectActions, selectionModel, bulkUpdateData, bulkDeleteData, bulkCreateData, }) => {
     const apiRef = (0, x_data_grid_1.useGridApiContext)();
     const [resizeMenuAnchorEl, setResizeMenuAnchorEl] = (0, react_1.useState)(null);
     const isResizeMenuOpen = Boolean(resizeMenuAnchorEl);
@@ -74,7 +77,18 @@ const CustomToolbar = ({ preparedColumns, setPreparedColumns, onSelectActions, s
                     ")"),
                 react_1.default.createElement(Menu_1.default, { anchorEl: actionsMenuAnchorEl, open: isActionsMenuOpen, onClose: closeActionsMenu }, onSelectActions.map((selectAction, index) => (react_1.default.createElement(MenuItem_1.default, { key: `onSelectAction_${index}`, onClick: () => {
                         closeActionsMenu();
-                        selectAction.action(selectionModel);
+                        if (typeof selectAction.action === 'string') {
+                            const ids = selectionModel.map((item) => item.id);
+                            if (selectAction.action === 'bulkDelete') {
+                                bulkDeleteData(ids);
+                                return;
+                            }
+                            if (selectAction.action === 'bulkCreate') {
+                                bulkCreateData(ids);
+                                return;
+                            }
+                        }
+                        selectAction.action(selectionModel, bulkUpdateData);
                     } }, selectAction.title)))))),
             react_1.default.createElement(x_data_grid_1.GridToolbarColumnsButton, { sx: { ml: '10px', fontSize: '13px' } }),
             react_1.default.createElement(x_data_grid_1.GridToolbarFilterButton, { sx: { ml: '10px', fontSize: '13px' } }),

package/dist/components/DataGridBySchemaEditable/FooterToolbar.d.ts

@@ -1,17 +1,7 @@
 /// <reference types="react" />
-import { Item } from '../../utils';
 type FooterToolbarProps = {
-    name: string;
-    setRowModesModel: (p: any) => any;
-    dataGrid: {
-        data: Item[];
-    };
-    setDataGrid: (p: any) => any;
-    emptyItem: {
-        current: Record<string, any>;
-    };
-    indexField: string;
     isEditable: boolean;
+    handleAddItem: () => void;
 };
-export declare const FooterToolbar: ({ name, setRowModesModel, dataGrid, setDataGrid, emptyItem, indexField, isEditable, }: FooterToolbarProps) => JSX.Element;
+export declare const FooterToolbar: ({ isEditable, handleAddItem }: FooterToolbarProps) => JSX.Element;
 export {};

package/dist/components/DataGridBySchemaEditable/FooterToolbar.js

@@ -8,28 +8,9 @@ const react_1 = __importDefault(require("react"));
 const x_data_grid_1 = require("@mui/x-data-grid");
 const Button_1 = __importDefault(require("@mui/material/Button"));
 const Add_1 = __importDefault(require("@mui/icons-material/Add"));
-const utils_1 = require("../../utils");
-const FooterToolbar = ({ name, setRowModesModel, dataGrid, setDataGrid, emptyItem, indexField, isEditable, }) => {
-    const handleClick = () => {
-        const id = (0, utils_1.getTmpId)();
-        emptyItem.current.id = id;
-        const newData = [Object.assign({}, emptyItem.current), ...dataGrid.data];
-        setDataGrid({
-            data: newData,
-        });
-        setRowModesModel((oldModel) => (Object.assign(Object.assign({}, oldModel), { [id]: { mode: x_data_grid_1.GridRowModes.Edit, fieldToFocus: indexField } })));
-        // Ugly hack to scroll to top, since scroll to cell is only available in Pro
-        const el = document.querySelector(`.dataGrid_${name} .MuiDataGrid-virtualScroller`);
-        // console.log(el, name);
-        if (el) {
-            el.scrollTop = 0;
-            setTimeout(() => {
-                el.scrollTop = 0;
-            }, 10);
-        }
-    };
+const FooterToolbar = ({ isEditable, handleAddItem }) => {
     return (react_1.default.createElement(x_data_grid_1.GridFooterContainer, null,
-        isEditable && (react_1.default.createElement(Button_1.default, { color: "primary", startIcon: react_1.default.createElement(Add_1.default, null), onClick: handleClick, sx: { ml: 2 } }, "Adicionar")),
+        isEditable && (react_1.default.createElement(Button_1.default, { color: "primary", startIcon: react_1.default.createElement(Add_1.default, null), onClick: handleAddItem, sx: { ml: 2 } }, "Adicionar")),
         react_1.default.createElement(x_data_grid_1.GridFooter, { sx: isEditable ? { border: 'none' } : { width: '100%' } })));
 };
 exports.FooterToolbar = FooterToolbar;

package/dist/components/DataGridBySchemaEditable.js

@@ -92,6 +92,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
     const [rowModesModel, setRowModesModel] = (0, react_1.useState)({});
     const [dialogOpen, setDialogOpen] = (0, react_1.useState)(false);
     const [selectionModel, setSelectionModel] = (0, react_1.useState)([]);
+    const [selectionModelIds, setSelectionModelIds] = (0, react_1.useState)([]);
     const optionsAC = (0, react_1.useRef)(null);
     const emptyItem = (0, react_1.useRef)({});
     const yupValidationSchema = (0, react_1.useRef)(null);
@@ -388,6 +389,99 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
         });
         setPreparedColumns(cols);
     };
+    const handleAddItems = (numberOfRows = 1) => {
+        const newRows = [];
+        for (let i = 0; i < numberOfRows; i++) {
+            const id = (0, utils_1.getTmpId)();
+            newRows.push(Object.assign(Object.assign({}, emptyItem.current), { id }));
+        }
+        const newData = [...newRows, ...dataGrid.data];
+        setDataGrid({
+            data: newData,
+        });
+        setRowModesModel((oldModel) => {
+            const newModel = Object.assign({}, oldModel);
+            newRows.map((newRow) => {
+                newModel[newRow.id] = { mode: x_data_grid_1.GridRowModes.Edit, fieldToFocus: indexField };
+            });
+            return newModel;
+        });
+        // Ugly hack to scroll to top, since scroll to cell is only available in Pro
+        const el = document.querySelector(`.dataGrid_${name} .MuiDataGrid-virtualScroller`);
+        // console.log(el, name);
+        if (el) {
+            el.scrollTop = 0;
+            setTimeout(() => {
+                el.scrollTop = 0;
+            }, 10);
+        }
+    };
+    const bulkUpdateData = (newData) => __awaiter(void 0, void 0, void 0, function* () {
+        const promises = [];
+        const ids = [];
+        newData.map((item) => {
+            promises.push((0, api_1.updateDataBySchema)({
+                model,
+                modelObjectId: item.id,
+                serverEndPoint,
+                data: item,
+                schema,
+            }));
+            ids.push(item.id);
+        });
+        const results = yield Promise.all(promises);
+        setSelectionModel([]);
+        setSelectionModelIds([]);
+        setDataGrid({
+            data: newData,
+        });
+        setSnackBar({
+            open: true,
+            severity: 'success',
+            msg: 'Alterações salvas com sucesso',
+        });
+        return results.map((result, index) => {
+            return {
+                id: ids[index],
+                success: typeof result !== 'object' && !isNaN(parseInt(result)),
+            };
+        });
+    });
+    const bulkDeleteData = (ids) => __awaiter(void 0, void 0, void 0, function* () {
+        const promises = [];
+        ids.map((id) => {
+            promises.push((0, api_1.deleteData)(model, serverEndPoint, id));
+        });
+        setDataGridLoading(true);
+        const results = yield Promise.all(promises);
+        setSelectionModel([]);
+        setSelectionModelIds([]);
+        setDataGrid({
+            data: data.filter((item) => !ids.includes(item.id)),
+        });
+        setDataGridLoading(false);
+        setSnackBar({
+            open: true,
+            severity: 'success',
+            msg: 'Itens apagados com sucesso',
+        });
+        return results.map((result, index) => {
+            return {
+                id: ids[index],
+                success: result,
+            };
+        });
+    });
+    const bulkCreateData = (ids) => __awaiter(void 0, void 0, void 0, function* () {
+        handleAddItems(ids.length);
+        setSelectionModel([]);
+        setSelectionModelIds([]);
+        setSnackBar({
+            open: true,
+            severity: 'success',
+            msg: 'Linhas adicionadas com sucesso',
+        });
+    });
     const handleDialogClose = () => {
         setDialogOpen(false);
     };
@@ -617,8 +711,10 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                                 (preparedColumns.find((col) => col.field === indexField) &&
                                     Object.prototype.hasOwnProperty.call(preparedColumns.find((col) => col.field === indexField), 'valueFormatter'))))));
             }, checkboxSelection: checkboxSelection, onSelectionModelChange: (newSelectionModel) => {
-                setSelectionModel(newSelectionModel);
-            }, disableRowSelectionOnClick: disableRowSelectionOnClick, rowModesModel: rowModesModel, onRowEditStart: handleRowEditStart, onRowEditStop: handleRowEditStop, processRowUpdate: processRowUpdate, onProcessRowUpdateError: (e) => {
+                const selectedData = dataGrid.data.filter((item) => newSelectionModel.includes(item.id));
+                setSelectionModel(selectedData);
+                setSelectionModelIds(newSelectionModel);
+            }, selectionModel: selectionModelIds, disableRowSelectionOnClick: disableRowSelectionOnClick, rowModesModel: rowModesModel, onRowEditStart: handleRowEditStart, onRowEditStop: handleRowEditStop, processRowUpdate: processRowUpdate, onProcessRowUpdateError: (e) => {
                 setDataGridLoading(false);
                 if (processingRow.current) {
                     setRowModesModel(Object.assign(Object.assign({}, rowModesModel), { [processingRow.current]: {
@@ -647,15 +743,13 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)((_a, ref) => {
                     },
                     selectionModel,
                     onSelectActions,
+                    bulkUpdateData,
+                    bulkDeleteData,
+                    bulkCreateData,
                 },
                 footer: {
-                    name,
-                    setRowModesModel,
-                    dataGrid,
-                    setDataGrid,
-                    emptyItem,
-                    indexField,
                     isEditable,
+                    handleAddItem: handleAddItems,
                 },
                 filterPanel: {
                     sx: {

package/dist/components/forms/FieldBySchema.js

@@ -49,7 +49,7 @@ function FieldBySchema(_a) {
         case 'choice':
             return (react_1.default.createElement(AutocompleteFieldBySchema_1.default, { index: index, name: name, schema: schema, control: control, errors: errors, fieldKey: fieldKey, optionIdKey: "value", optionLabelKey: "display_name", options: options, isSemaphoric: isSemaphoric, label: label, sx: sx }));
         case 'boolean':
-            return (react_1.default.createElement(BooleanFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, fieldKey: fieldKey, index: index, sx: sx }, other)));
+            return (react_1.default.createElement(BooleanFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, fieldKey: fieldKey, index: index, sx: sx, onValueChange: onValueChange }, other)));
         case 'decimal':
         case 'float':
             return (react_1.default.createElement(FloatFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: multiline, fieldKey: fieldKey, index: index, onValueChange: onValueChange, decimalScale: decimalScale, label: label, sx: sx }, other)));
@@ -57,7 +57,7 @@ function FieldBySchema(_a) {
         case 'integer':
         case 'password':
         default:
-            const localMultiline = schema[name].model_multiline === true;
+            const localMultiline = schema[name].model_multiline === true || multiline;
             const minRows = localMultiline ? 3 : 0;
             return (react_1.default.createElement(TextFieldBySchema_1.default, Object.assign({ name: name, schema: schema, control: control, errors: errors, multiline: localMultiline, minRows: minRows, fieldKey: fieldKey, index: index, sx: sx, isPassword: schema[name].type === 'password' }, other)));
     }

package/dist/components/forms/inputs/BooleanFieldBySchema.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { FieldBySchemaProps } from '../../../utils';
-export default function BooleanFieldBySchema({ name, schema, control, errors, fieldKey, index, sx, ...other }: FieldBySchemaProps): JSX.Element;
+export default function BooleanFieldBySchema({ name, schema, control, errors, fieldKey, index, sx, onValueChange, ...other }: FieldBySchemaProps): JSX.Element;

package/dist/components/forms/inputs/BooleanFieldBySchema.js

@@ -19,7 +19,7 @@ const react_hook_form_1 = require("react-hook-form");
 const Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
 const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
 function BooleanFieldBySchema(_a) {
-    var { name, schema, control, errors, fieldKey, index, sx = { mr: 2 } } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "sx"]);
+    var { name, schema, control, errors, fieldKey, index, sx = { mr: 2 }, onValueChange } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "sx", "onValueChange"]);
     const model = name;
     if (fieldKey && index && index >= 0) {
         name = `${fieldKey}.${index}.${name}`;
@@ -36,6 +36,11 @@ function BooleanFieldBySchema(_a) {
     //               error: errors && Boolean(errors[name]),
     //               helperText: errors && errors[name] ? errors[name].message : schema[name].help_text || '',
     //           };
-    return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(FormControlLabel_1.default, { control: react_1.default.createElement(Checkbox_1.default, Object.assign({}, field, other, { value: field.value || false, checked: field.value || false, inputProps: { 'aria-label': 'controlled' } })), label: schema[model].label, required: schema[model].required })) }));
+    return (react_1.default.createElement(react_hook_form_1.Controller, { name: name, control: control, render: ({ field }) => (react_1.default.createElement(FormControlLabel_1.default, { control: react_1.default.createElement(Checkbox_1.default, Object.assign({}, field, other, { value: field.value || false, checked: field.value || false, inputProps: { 'aria-label': 'controlled' }, onChange: (e) => {
+                    if (onValueChange) {
+                        onValueChange(e);
+                    }
+                    field.onChange(e);
+                } })), label: schema[model].label, required: schema[model].required })) }));
 }
 exports.default = BooleanFieldBySchema;

package/dist/components/forms/inputs/EditableAutocompleteFieldBySchema.js

@@ -49,7 +49,7 @@ const DialogActions_1 = __importDefault(require("../../DialogActions"));
 const APIWrapperContext_1 = require("../../../context/APIWrapperContext");
 const filter = (0, Autocomplete_1.createFilterOptions)();
 const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, ref) => {
-    var { control, schema, errors, setValue, getValues, fieldKey, labelKey = 'nome', index, name = 'name', optionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, sx = { mr: 2 }, multiple = false } = _a, other = __rest(_a, ["control", "schema", "errors", "setValue", "getValues", "fieldKey", "labelKey", "index", "name", "optionsAC", "optionsModel", "getOptionLabel", "renderOption", "onEditModel", "sx", "multiple"]);
+    var { control, schema, errors, setValue, getValues, fieldKey, labelKey = 'nome', index, name = 'name', optionsAC, optionsModel, getOptionLabel, renderOption, onEditModel, sx = { mr: 2 }, multiple = false, disabled = false } = _a, other = __rest(_a, ["control", "schema", "errors", "setValue", "getValues", "fieldKey", "labelKey", "index", "name", "optionsAC", "optionsModel", "getOptionLabel", "renderOption", "onEditModel", "sx", "multiple", "disabled"]);
     const { setDialog } = (0, APIWrapperContext_1.useAPIWrapper)();
     const model = name;
     const label = schema[model].label;
@@ -95,7 +95,7 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, ref) =
                 ? errors[name].message
                 : schema[name].help_text || '',
         };
-    if (!schema[model].disabled && onEditModel && optionsModel) {
+    if (!disabled && !schema[model].disabled && onEditModel && optionsModel) {
         return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, render: ({ field }) => (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: name }, field, { id: name, options: options, disabled: schema[model].disabled === true, autoHighlight: true, isOptionEqualToValue: (option, value) => option.id === value.id, fullWidth: true, multiple: multiple, sx: sx, onChange: (e, value) => {
                     let valueAr = value;
                     if (!multiple) {
@@ -196,7 +196,7 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, ref) =
                     }
                     : undefined }))) }));
     }
-    return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, render: ({ field }) => (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: name }, field, { id: name, options: options, disabled: schema[model].disabled === true, autoHighlight: true, isOptionEqualToValue: (option, value) => option.id === value.id, fullWidth: true, multiple: multiple, sx: sx, onChange: (e, value) => {
+    return (react_1.default.createElement(react_hook_form_1.Controller, { control: control, name: name, render: ({ field }) => (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: name }, field, { id: name, options: options, disabled: schema[model].disabled === true || disabled === true, autoHighlight: true, isOptionEqualToValue: (option, value) => option.id === value.id, fullWidth: true, multiple: multiple, sx: sx, onChange: (e, value) => {
                 field.onChange(value);
             }, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { label: label, required: schema[model].required, margin: "normal", error: error, helperText: helperText }, other))), getOptionLabel: getOptionLabel, renderOption: renderOption }))) }));
 });

package/dist/context/APIWrapper.js

@@ -403,6 +403,9 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
             return yield (0, api_1.getSignUpOptions)(serverEndPoint);
         });
     }
+    function localUpdateModel(params) {
+        return (0, api_1.updateData)(Object.assign(Object.assign({}, params), { serverEndPoint }));
+    }
     return (react_1.default.createElement(APIWrapperContext_1.APIWrapperContext.Provider, { value: {
             usuaria,
             updateUsuaria,
@@ -430,6 +433,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
             // Remove after integrating new "onEditModel" to package:
             serverEndPoint,
             editModel,
+            updateModel: localUpdateModel,
             populateOptionsAC,
         } }, children));
 }

package/dist/context/APIWrapperContext.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { FieldValues, SubmitHandler, UseFormGetValues, UseFormSetValue } from 'react-hook-form';
 import { AxiosResponse } from 'axios';
 import { ItemSchemaColumnsType, Id, Item, SchemaType, DataSchemaColumnsType } from '../utils';
-import { GetGenericModelListProps } from '../api';
+import { GetGenericModelListProps, TargetApiParams } from '../api';
 import { serverEndPointType } from './DRFReactBySchemaContext';
 export interface LoadSinglePageDataProps {
     model: string;
@@ -92,6 +92,7 @@ export interface APIWrapperContextType {
     } | undefined>;
     serverEndPoint: serverEndPointType;
     editModel: React.MutableRefObject<Item>;
+    updateModel: (p: Omit<TargetApiParams, 'serverEndPoint'>) => Promise<boolean>;
     populateOptionsAC: (optionsACModels: string[]) => void;
 }
 export declare const APIWrapperContext: React.Context<APIWrapperContextType>;

package/dist/context/APIWrapperContext.js

@@ -41,6 +41,7 @@ exports.APIWrapperContext = react_1.default.createContext({
     // Remove after integrating new "onEditModel" to package:
     serverEndPoint: { url: '', apiTokenUrl: '' },
     editModel: { current: {} },
+    updateModel: () => __awaiter(void 0, void 0, void 0, function* () { return false; }),
     populateOptionsAC: () => undefined,
 });
 const useAPIWrapper = () => {

package/dist/utils.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CalendarPickerView } from '@mui/x-date-pickers/CalendarPicker';
-import { GridActionsColDef, GridColDef, GridFilterModel, GridSortModel, GridSelectionModel } from '@mui/x-data-grid';
+import { GridActionsColDef, GridColDef, GridFilterModel, GridSortModel } from '@mui/x-data-grid';
 import { Control, FieldValues, UseFormGetValues, UseFormSetValue } from 'react-hook-form';
 import { AutocompleteRenderOptionState, SxProps } from '@mui/material';
 import { OnEditModelType } from './context/APIWrapperContext';
@@ -109,6 +109,7 @@ export interface FieldBySchemaProps {
     minRows?: number;
     optionIdKey?: string;
     optionLabelKey?: string;
+    disabled?: boolean;
 }
 export interface DetailFieldBySchemaProps {
     name: string;
@@ -157,8 +158,18 @@ export declare const slugToCamelCase: (str: string) => string;
 export declare const slugify: (text: string) => string;
 export declare function mergeFilterItems(defaultFilter: GridFilterModel | undefined, filter: GridFilterModel | undefined): any;
 export type ActionType = 'editInline' | 'remove' | 'edit' | 'view';
+export type BulkUpdateData = (newData: Item[]) => Promise<{
+    id: Id;
+    success: boolean;
+}[]>;
+export type BulkDeleteData = (ids: Id[]) => Promise<{
+    id: Id;
+    success: boolean;
+}[]>;
+export type OnSelectActionCustom = (selectedData: Item[], bulkUpdateData: BulkUpdateData) => void;
+export type OnSelectActionTypes = OnSelectActionCustom | 'bulkDelete' | 'bulkCreate';
 export type OnSelectActions = {
     title: string;
-    action: (p: GridSelectionModel) => void;
+    action: OnSelectActionTypes;
 };
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.13.1",
+  "version": "0.14.1",
   "description": "Components and Tools for building a React App having Django Rest Framework (DRF) as server",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",