drf-react-by-schema 0.15.2 → 0.15.4

package/dist/utils.d.ts

@@ -1,11 +1,15 @@
 /// <reference types="react" />
+import * as Yup from 'yup';
 import { CalendarPickerView } from '@mui/x-date-pickers/CalendarPicker';
 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';
-export type Id = string | number;
-export type Item = Record<string, any>;
+import { serverEndPointType } from './context/DRFReactBySchemaContext';
+export type Id = string | number | null;
+export type GenericValue = any;
+export type Item = Record<string, GenericValue>;
+export type OptionsAC = Record<string, Item[]>;
 export type PaginatedResult = {
     count: number;
     next: number;
@@ -20,9 +24,21 @@ export interface PaginationModel {
     sort?: GridSortModel;
 }
 export type SchemaType = Record<string, Field>;
-export type modelOptionsType = Record<string, string>;
+export type SchemaOptionsType = {
+    name: string;
+    description: string;
+    actions: {
+        POST: SchemaType;
+    };
+    renders: string[];
+    parses: string[];
+    verbose_name: string;
+    verbose_name_plural: string;
+};
+export type modelOptionsType = Omit<SchemaOptionsType, 'actions' | 'renders' | 'parses'>;
+export type ChoiceValue = string | number;
 export interface Choice {
-    value: string | number;
+    value: ChoiceValue;
     display_name: string;
 }
 type FieldChild = Record<string, SchemaType>;
@@ -30,7 +46,7 @@ export interface Field {
     type: string;
     child?: FieldChild;
     children?: SchemaType;
-    model_default?: any;
+    model_default?: GenericValue;
     model_required?: boolean;
     choices?: Choice[];
     max_length?: number | string;
@@ -81,14 +97,14 @@ export interface ItemSchemaColumnsType {
     columns?: GridEnrichedBySchemaColDef[];
 }
 export interface CommonFieldProps {
-    value?: any;
+    value?: GenericValue;
     multiline?: boolean;
     setValue?: UseFormSetValue<FieldValues>;
     getValues?: UseFormGetValues<FieldValues>;
     fieldKey?: string;
     labelKey?: string;
     index?: number;
-    optionsAC?: Record<string, Item[]>;
+    optionsAC?: OptionsAC;
     optionsModel?: string;
     getOptionLabel?: (option: Item | string) => string;
     renderOption?: (props: React.HTMLAttributes<HTMLLIElement>, option: Item, state: AutocompleteRenderOptionState) => React.ReactNode;
@@ -98,7 +114,7 @@ export interface CommonFieldProps {
     options?: Item[];
     isSemaphoric?: boolean;
     label?: string;
-    onValueChange?: (x: any) => void;
+    onValueChange?: (x: GenericValue) => void;
     decimalScale?: number;
     isPassword?: boolean;
     type?: React.HTMLInputTypeAttribute;
@@ -117,7 +133,7 @@ export interface FieldBySchemaProps extends Omit<CommonFieldProps, 'value'> {
 export interface DetailFieldBySchemaProps {
     name: string;
     schema: SchemaType;
-    value: any;
+    value: GenericValue;
     labelKey?: string;
     decimalScale?: number;
     optionIdKey?: string;
@@ -129,19 +145,19 @@ export interface DetailFieldBySchemaProps {
     sxValueListItem?: SxProps;
     sxValueListItemText?: SxProps;
 }
-export declare const emptyByType: any;
-export declare const getChoiceByValue: (value: number | string, choices: Choice[] | undefined) => string | null | undefined;
+export declare const emptyByType: GenericValue;
+export declare const getChoiceByValue: (value: ChoiceValue, choices: Choice[] | undefined) => string | null | undefined;
 export declare const populateValues: ({ data, schema }: {
     data: Item;
     schema: SchemaType;
-}) => Record<string, any>;
+}) => Item;
 export declare const buildGenericYupValidationSchema: ({ data, schema, many, skipFields, extraValidators, }: {
     data: Item;
     schema: SchemaType;
     many?: boolean | undefined;
     skipFields?: string[] | undefined;
     extraValidators?: Item | undefined;
-}) => any;
+}) => Yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>> | Yup.ArraySchema<Yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>>, import("yup/lib/types").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>[] | undefined, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, Item>>[] | undefined>;
 export declare const errorProps: ({ errors, fieldKey, fieldKeyProp, index, }: {
     errors: Item;
     fieldKey: string;
@@ -159,7 +175,7 @@ export type AddParametersToEnd<TFunction extends (...args: any) => any, TParamet
 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 slugify: (text: string) => string;
-export declare function mergeFilterItems(defaultFilter: GridFilterModel | undefined, filter: GridFilterModel | undefined): any;
+export declare function mergeFilterItems(defaultFilter: GridFilterModel | undefined, filter: GridFilterModel | undefined): GridFilterModel | undefined;
 export type ActionType = 'editInline' | 'remove' | 'edit' | 'view';
 export type BulkUpdateData = (newData: Item[]) => Promise<{
     id: Id;
@@ -214,4 +230,11 @@ export interface DetailBySchemaProps extends ExtraSxCommonFieldProps {
     fieldsLayout?: DetailFieldLayout[];
     fieldsProps?: Record<string, DetailCommonFieldProps>;
 }
+export type OnSuccessEvent = (e: React.BaseSyntheticEvent) => any;
+export interface TargetApiParams {
+    path: string;
+    serverEndPoint: serverEndPointType | null;
+    data: Item;
+    id: Id;
+}
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.15.2",
+  "version": "0.15.4",
   "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",
@@ -42,8 +42,8 @@
     "@emotion/styled": "^11.10.5",
     "@types/jest": "^29.2.4",
     "@types/node": "^18.11.15",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9",
+    "@types/react": "^18.2.25",
+    "@types/react-dom": "^18.2.0",
     "@typescript-eslint/eslint-plugin": "^5.47.0",
     "@typescript-eslint/parser": "^5.47.0",
     "eslint": "^8.30.0",
@@ -51,6 +51,7 @@
     "eslint-plugin-prettier": "^5.0.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-tsdoc": "^0.2.17",
+    "install-peers": "^1.0.4",
     "install-peers-cli": "^2.2.0",
     "prettier": "^3.0.0",
     "react-docgen-typescript": "^2.2.2",
@@ -66,14 +67,15 @@
     "@mui/icons-material": "^5.11.0",
     "@mui/lab": "^5.0.0-alpha.112",
     "@mui/material": "^5.11.0",
-    "@mui/x-data-grid": "^5.17.14",
-    "@mui/x-date-pickers": "^5.0.11",
+    "@mui/x-data-grid": "^5.17.26",
+    "@mui/x-date-pickers": "^5.0.20",
     "axios": "^0.27.2",
+    "dayjs": "^1.11.10",
     "moment": "^2.29.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.41.3",
-    "react-number-format": "^5.1.2",
+    "react-number-format": "^5.3.2",
     "string-mask": "^0.3.0",
     "yup": "^0.32.11"
   },

package/dist/components/DialogJSONSchemaForm.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-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): JSX.Element;
-export {};

package/dist/components/DialogJSONSchemaForm.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Button_1 = __importDefault(require("@mui/material/Button"));
-const validator_ajv8_1 = __importDefault(require("@rjsf/validator-ajv8"));
-const mui_1 = __importDefault(require("@rjsf/mui"));
-;
-function DialogJSONSchemaForm({ jsonSchemaFormRef, schema, uiSchema, formData, onSubmit }) {
-    return (react_1.default.createElement(mui_1.default
-    // @ts-ignore
-    , { 
-        // @ts-ignore
-        ref: jsonSchemaFormRef, schema: schema, uiSchema: uiSchema, validator: validator_ajv8_1.default, formData: formData, onSubmit: onSubmit },
-        react_1.default.createElement(Button_1.default, { type: "submit", sx: { display: 'none' } }, "Salvar")));
-}
-exports.default = DialogJSONSchemaForm;
-;