drf-react-by-schema 0.17.8 → 0.17.10

package/dist/api.d.ts

@@ -1,8 +1,6 @@
 import { AxiosError } from 'axios';
 import { serverEndPointType } from './context/DRFReactBySchemaContext';
-import { Item, SchemaType, modelOptionsType, DataSchemaColumnsType, ItemSchemaColumnsType, Id, TargetApiParams } from './utils';
-import { GridFilterModel, GridSortModel } from '@mui/x-data-grid';
-import { AlertColor } from '@mui/material/Alert';
+import { Item, SchemaType, DataSchemaColumnsType, ItemSchemaColumnsType, Id, TargetApiParams, TargetApiPostParams, GetGenericModelListProps } from './utils';
 interface TargetApiParamsOptionalId {
     path: string;
     serverEndPoint: serverEndPointType | null;
@@ -20,7 +18,7 @@ export declare const getRawData: ({ path, serverEndPoint, }: {
  */
 export declare const updateData: ({ path, serverEndPoint, data, id }: TargetApiParams) => Promise<Item>;
 export declare const partialUpdateData: ({ path, serverEndPoint, data, id }: TargetApiParams) => Promise<Item>;
-export declare const createData: ({ path, serverEndPoint, data }: Omit<TargetApiParams, 'id'>) => Promise<Item>;
+export declare const createData: ({ path, serverEndPoint, data }: TargetApiPostParams) => Promise<Item>;
 export declare const deleteData: (path: string, serverEndPoint: serverEndPointType | null, id: Id) => Promise<true | AxiosError<unknown, any>>;
 export declare const createOrUpdateData: ({ path, serverEndPoint, data, id, }: TargetApiParamsOptionalId) => Promise<Item>;
 export declare const updateDataBySchema: ({ model, modelObjectId, serverEndPoint, data, schema, path, }: {
@@ -48,35 +46,6 @@ export declare const setAuthToken: (token: string | null) => void;
 export declare const isLoggedIn: (serverEndPoint: serverEndPointType | null) => Promise<false | Item>;
 export declare const getSignUpOptions: (serverEndPoint: serverEndPointType | null) => Promise<SchemaType | AxiosError<unknown, any>>;
 export declare const signUp: (data: Item, serverEndPoint: serverEndPointType | null) => Promise<Item>;
-export interface GetGenericModelListProps {
-    model: string;
-    serverEndPoint: serverEndPointType | null;
-    id?: Id;
-    relatedModel?: string;
-    relatedModelId?: Id;
-    columnFields: string[];
-    hiddenFields?: string[];
-    creatableFields?: string[];
-    disabledFields?: string[];
-    isInBatches?: boolean;
-    loadedSchema?: SchemaType | boolean;
-    loadedModelOptions?: modelOptionsType | boolean;
-    page?: number;
-    filter?: GridFilterModel;
-    queryParams?: string[];
-    sort?: GridSortModel;
-    sumRows?: SumRowsType;
-}
-export interface SumRowsType {
-    rows: SumRowsItem[];
-    severity?: AlertColor;
-}
-interface SumRowsItem {
-    field: string;
-    prefix?: string;
-    suffix?: string;
-    isCount?: boolean;
-}
 export declare const getGenericModelList: ({ model, serverEndPoint, id, relatedModel, relatedModelId, columnFields, hiddenFields, creatableFields, disabledFields, isInBatches, loadedSchema, loadedModelOptions, page, filter, queryParams, sort, sumRows, }: GetGenericModelListProps) => Promise<false | DataSchemaColumnsType>;
 export declare const getGenericModel: ({ model, serverEndPoint, id, relatedModel, relatedModelId, }: {
     model: string;

package/dist/components/DataTotals.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { GridRowId } from '@mui/x-data-grid';
-import { Item } from '../utils';
-import { SumRowsType } from '../api';
+import { Item, SumRowsType } from '../utils';
 interface DataTotalsProps {
     data?: Item[];
     sumRows?: SumRowsType;

package/dist/components/DataTotalsServer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SumRowsType } from '../api';
+import { SumRowsType } from '../utils';
 interface DataTotalsServerProps {
     sumRows?: SumRowsType;
     totals?: null | Record<string, number>;

package/dist/components/DataTotalsServer.js

@@ -8,11 +8,9 @@ const Alert_1 = __importDefault(require("@mui/material/Alert"));
 const List_1 = __importDefault(require("@mui/material/List"));
 const ListItem_1 = __importDefault(require("@mui/material/ListItem"));
 const react_number_format_1 = require("react-number-format");
-;
 const DataTotalsServer = ({ sumRows, totals }) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null, sumRows && sumRows.rows.length > 0 &&
-        react_1.default.createElement(Alert_1.default, { severity: sumRows.severity || 'info' },
-            react_1.default.createElement(List_1.default, { dense: true }, sumRows.rows.map(row => (react_1.default.createElement(ListItem_1.default, { key: `sumRows_${row.field}` },
-                react_1.default.createElement(react_number_format_1.NumericFormat, { value: totals ? totals[`${row.field}_total`] : 0, thousandSeparator: '.', decimalSeparator: ',', displayType: 'text', decimalScale: row.isCount ? 0 : 2, fixedDecimalScale: true, prefix: row.prefix, suffix: row.suffix }))))))));
+    return (react_1.default.createElement(react_1.default.Fragment, null, sumRows && sumRows.rows.length > 0 && (react_1.default.createElement(Alert_1.default, { severity: sumRows.severity || 'info' },
+        react_1.default.createElement(List_1.default, { dense: true }, sumRows.rows.map((row) => (react_1.default.createElement(ListItem_1.default, { key: `sumRows_${row.field}` },
+            react_1.default.createElement(react_number_format_1.NumericFormat, { value: totals ? totals[`${row.field}_total`] : 0, thousandSeparator: ".", decimalSeparator: ",", displayType: 'text', decimalScale: row.isCount ? 0 : 2, fixedDecimalScale: true, prefix: row.prefix, suffix: row.suffix })))))))));
 };
 exports.default = DataTotalsServer;

package/dist/components/GenericModelList.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { GridFilterModel, GridRenderCellParams } from '@mui/x-data-grid';
-import { GridEnrichedBySchemaColDef, ActionType, Item, OnSelectActions, OptionsAC, FormFieldLayout, CustomAction } from '../utils';
-import { SumRowsType } from '../api';
+import { GridEnrichedBySchemaColDef, ActionType, Item, OnSelectActions, OptionsAC, FormFieldLayout, CustomAction, SumRowsType } from '../utils';
 interface GenericModelListProps {
     model: string;
     columnFields: string[];

package/dist/components/GenericModelList.js

@@ -129,9 +129,11 @@ const GenericModelList = ({ model, columnFields, hiddenFields = [], creatableFie
                 return;
         }
     });
-    if (forceReload) {
-        loadObjectList();
-    }
+    (0, react_1.useEffect)(() => {
+        if (forceReload) {
+            loadObjectList();
+        }
+    }, [forceReload]);
     (0, react_1.useEffect)(() => {
         loadObjectList();
     }, [model, defaultFilter, queryParams, hiddenFields]);

package/dist/components/GenericRelatedModelList.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { GridFilterModel } from '@mui/x-data-grid';
-import { ActionType, GridEnrichedBySchemaColDef, Id, Item, OnSelectActions, OptionsAC } from '../utils';
-import { SumRowsType } from '../api';
+import { ActionType, GridEnrichedBySchemaColDef, Id, Item, OnSelectActions, OptionsAC, SumRowsType } from '../utils';
 interface GenericRelatedModelListProps {
     model: string;
     id: Id;

package/dist/context/APIWrapper.js

@@ -459,6 +459,15 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
             return response;
         });
     }
+    function postData(params) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const response = yield (0, api_1.createData)(Object.assign(Object.assign({}, params), { serverEndPoint }));
+            if ('isAxiosError' in response) {
+                return false;
+            }
+            return response;
+        });
+    }
     return (react_1.default.createElement(APIWrapperContext_1.APIWrapperContext.Provider, { value: {
             usuaria,
             updateUsuaria,
@@ -483,6 +492,7 @@ function APIWrapper({ handleLoading, setSnackBar, setDialog, children }) {
             loginByPayload: localLoginByPayload,
             getSignUpOptions: localGetSignupOptions,
             signUp: localSignUp,
+            postData: postData,
             // Remove after integrating new "onEditModel" to package:
             serverEndPoint,
             editModel,

package/dist/context/APIWrapperContext.d.ts

@@ -2,8 +2,7 @@ import React from 'react';
 import { FieldValues, SubmitHandler, UseFormGetValues, UseFormSetValue } from 'react-hook-form';
 import { AlertColor, AlertPropsColorOverrides } from '@mui/material/Alert';
 import { OverridableStringUnion } from '@mui/types';
-import { ItemSchemaColumnsType, Id, Item, SchemaType, DataSchemaColumnsType, OnSuccessEvent, OptionsAC, GenericValue, TargetApiParams, FormFieldLayout } from '../utils';
-import { GetGenericModelListProps } from '../api';
+import { ItemSchemaColumnsType, Id, Item, SchemaType, DataSchemaColumnsType, OnSuccessEvent, OptionsAC, GenericValue, FormFieldLayout, TargetApiParamsLocal, TargetApiPostParamsLocal, GetGenericModelListPropsLocal } from '../utils';
 import { serverEndPointType } from './DRFReactBySchemaContext';
 export interface LoadSinglePageDataProps {
     model: string;
@@ -84,14 +83,15 @@ export interface APIWrapperContextType {
     setDialog: (x: Partial<DialogType>) => void;
     getRawData: (route: string) => Promise<GenericValue>;
     getAutoComplete: (model: string) => Promise<false | Item[]>;
-    getGenericModelList: (x: Omit<GetGenericModelListProps, 'serverEndPoint'>) => Promise<false | DataSchemaColumnsType>;
+    getGenericModelList: (x: GetGenericModelListPropsLocal) => Promise<false | DataSchemaColumnsType>;
     getAllModels: () => Promise<Item[]>;
     loginByPayload: (payload: Item) => Promise<boolean>;
     getSignUpOptions: () => Promise<false | SchemaType>;
     signUp: (data: Item) => Promise<false | Item>;
+    postData: (params: TargetApiPostParamsLocal) => Promise<false | Item>;
     serverEndPoint: serverEndPointType;
     editModel: React.MutableRefObject<Item>;
-    updateModel: (p: Omit<TargetApiParams, 'serverEndPoint'>) => Promise<false | Item>;
+    updateModel: (p: TargetApiParamsLocal) => Promise<false | Item>;
     populateOptionsAC: (optionsACModels: string[]) => void;
 }
 export declare const APIWrapperContext: React.Context<APIWrapperContextType>;

package/dist/context/APIWrapperContext.js

@@ -38,6 +38,7 @@ exports.APIWrapperContext = react_1.default.createContext({
     loginByPayload: () => __awaiter(void 0, void 0, void 0, function* () { return false; }),
     getSignUpOptions: () => __awaiter(void 0, void 0, void 0, function* () { return false; }),
     signUp: () => __awaiter(void 0, void 0, void 0, function* () { return false; }),
+    postData: () => __awaiter(void 0, void 0, void 0, function* () { return false; }),
     // Remove after integrating new "onEditModel" to package:
     serverEndPoint: { url: '', apiTokenUrl: '' },
     editModel: { current: {} },

package/dist/utils.d.ts

@@ -2,7 +2,7 @@ import * as Yup from 'yup';
 import { ReactElement } from 'react';
 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 { AlertColor, AutocompleteRenderOptionState, SxProps } from '@mui/material';
 import { OnEditModelType } from './context/APIWrapperContext';
 import { serverEndPointType } from './context/DRFReactBySchemaContext';
 import { DateView } from '@mui/x-date-pickers';
@@ -179,7 +179,7 @@ export declare function reducer<T>(state: T | null, newState: Partial<T> | null)
 export declare const getPatternFormat: (type: string) => string;
 export type AddParametersToEnd<TFunction extends (...args: any) => any, TParameters extends [...args: any]> = (...args: [...Parameters<TFunction>, ...TParameters]) => ReturnType<TFunction>;
 export declare function buildDateFormatBySchema(dateViews: string[] | null | undefined): "DD/MM/YYYY" | "MM/YYYY" | "YYYY" | "MM" | "DD";
-export declare const slugToCamelCase: (str: string) => string;
+export declare const slugToCamelCase: (str: string, includeFirst?: boolean) => string;
 export declare const slugify: (text: string | null) => string;
 export declare function mergeFilterItems(defaultFilter: GridFilterModel | undefined, filter: GridFilterModel | undefined): GridFilterModel | undefined;
 export type ActionType = 'editInline' | 'remove' | 'edit' | 'view';
@@ -249,4 +249,37 @@ export interface TargetApiParams {
     data: Item;
     id: Id;
 }
+export type TargetApiParamsLocal = Omit<TargetApiParams, 'serverEndPoint'>;
+export type TargetApiPostParams = Omit<TargetApiParams, 'id'>;
+export type TargetApiPostParamsLocal = Omit<TargetApiPostParams, 'serverEndPoint'>;
+export interface SumRowsType {
+    rows: SumRowsItem[];
+    severity?: AlertColor;
+}
+interface SumRowsItem {
+    field: string;
+    prefix?: string;
+    suffix?: string;
+    isCount?: boolean;
+}
+export interface GetGenericModelListProps {
+    model: string;
+    serverEndPoint: serverEndPointType | null;
+    id?: Id;
+    relatedModel?: string;
+    relatedModelId?: Id;
+    columnFields: string[];
+    hiddenFields?: string[];
+    creatableFields?: string[];
+    disabledFields?: string[];
+    isInBatches?: boolean;
+    loadedSchema?: SchemaType | boolean;
+    loadedModelOptions?: modelOptionsType | boolean;
+    page?: number;
+    filter?: GridFilterModel;
+    queryParams?: string[];
+    sort?: GridSortModel;
+    sumRows?: SumRowsType;
+}
+export type GetGenericModelListPropsLocal = Omit<GetGenericModelListProps, 'serverEndPoint'>;
 export {};

package/dist/utils.js

@@ -311,10 +311,16 @@ function buildDateFormatBySchema(dateViews) {
     return defaultFormat;
 }
 exports.buildDateFormatBySchema = buildDateFormatBySchema;
-const slugToCamelCase = (str) => {
+const slugToCamelCase = (str, includeFirst = false) => {
+    if (!str) {
+        return '';
+    }
     const ret = str.replace(/_([a-z])/g, function (g) {
         return g[1].toUpperCase();
     });
+    if (includeFirst) {
+        return ret[0].toUpperCase() + ret.slice(1);
+    }
     return ret;
 };
 exports.slugToCamelCase = slugToCamelCase;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.17.8",
+  "version": "0.17.10",
   "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",