drf-react-by-schema 0.16.11 → 0.17.0

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

@@ -1,11 +1,12 @@
 import React from 'react';
-import { CalendarPickerView } from '@mui/x-date-pickers/CalendarPicker';
+import { DateView } from '@mui/x-date-pickers';
+import { GenericValue } from '../../utils';
 type GridDateInputProps = {
     field: string;
     id: number | string;
-    value?: any;
+    value?: GenericValue;
     column: object;
-    dateViews?: CalendarPickerView[] | undefined;
+    dateViews?: DateView[];
 };
 export declare const GridDateInput: ({ id, value, field, dateViews }: GridDateInputProps) => React.JSX.Element;
 export {};

package/dist/components/DataGridBySchemaEditable/GridDateInput.js

@@ -15,7 +15,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridDateInput = void 0;
 const react_1 = __importDefault(require("react"));
 const x_data_grid_1 = require("@mui/x-data-grid");
-const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const DesktopDatePicker_1 = require("@mui/x-date-pickers/DesktopDatePicker");
 const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
 const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
@@ -38,6 +37,10 @@ const GridDateInput = ({ id, value, field, dateViews }) => {
     });
     const openTo = buildOpenTo(dateViews);
     return (react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, adapterLocale: "pt-br" },
-        react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, { key: field, value: value, onChange: handleChange, views: dateViews, openTo: openTo, inputFormat: inputFormat, renderInput: (params) => react_1.default.createElement(TextField_1.default, Object.assign({}, params, { margin: "normal" })) })));
+        react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, { key: field, value: value, onChange: handleChange, views: dateViews, openTo: openTo, format: inputFormat, slotProps: {
+                textField: {
+                    margin: 'normal',
+                },
+            } })));
 };
 exports.GridDateInput = GridDateInput;

package/dist/components/DataGridBySchemaEditable.js

@@ -230,6 +230,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCou
                         ? schema[col.field].related_editable
                         : column.creatable;
             }
+            console.log(col, schema[col.field]);
             switch (schema[col.field].type) {
                 case 'date':
                     column.type = 'date';

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import 'dayjs/locale/pt-br';
 import { FieldBySchemaProps } from '../../../utils';
-export default function DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, ...other }: FieldBySchemaProps): React.JSX.Element;
+export default function DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, }: FieldBySchemaProps): React.JSX.Element;

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

@@ -1,30 +1,17 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 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 react_hook_form_1 = require("react-hook-form");
-const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const DesktopDatePicker_1 = require("@mui/x-date-pickers/DesktopDatePicker");
 const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
 const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
 const dayjs_1 = __importDefault(require("dayjs"));
 require("dayjs/locale/pt-br");
 const utils_1 = require("../../../utils");
-function DesktopDatePickerBySchema(_a) {
-    var { name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 } } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "sx"]);
+function DesktopDatePickerBySchema({ name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 }, }) {
     if (!sx) {
         sx = { minWidth: 200 };
     }
@@ -48,6 +35,13 @@ function DesktopDatePickerBySchema(_a) {
             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(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, adapterLocale: "pt-br" },
-            react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: schema[model].label, views: schema[model].date_views, inputFormat: inputFormat, sx: Object.assign({ mt: 2, mb: 1 }, sx), renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, other, { sx: sx, margin: "normal", error: error, helperText: helperText }))) })))) }));
+            react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: schema[model].label, views: schema[model].date_views, format: inputFormat, sx: Object.assign({ mt: 2, mb: 1 }, sx), slotProps: {
+                    textField: {
+                        error,
+                        helperText,
+                        sx,
+                        margin: 'normal',
+                    },
+                } })))) }));
 }
 exports.default = DesktopDatePickerBySchema;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import 'dayjs/locale/pt-br';
 import { FieldBySchemaProps } from '../../../utils';
-export default function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, ...other }: FieldBySchemaProps): React.JSX.Element;
+export default function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey, index, sx, }: FieldBySchemaProps): React.JSX.Element;

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

@@ -1,30 +1,17 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 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 react_hook_form_1 = require("react-hook-form");
-const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const DesktopDateTimePicker_1 = require("@mui/x-date-pickers/DesktopDateTimePicker");
 const LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
 const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
 const dayjs_1 = __importDefault(require("dayjs"));
 require("dayjs/locale/pt-br");
 const utils_1 = require("../../../utils");
-function DesktopDateTimePickerBySchema(_a) {
-    var { name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 } } = _a, other = __rest(_a, ["name", "schema", "control", "errors", "fieldKey", "index", "sx"]);
+function DesktopDateTimePickerBySchema({ name, schema, control, errors, fieldKey, index, sx = { mr: 2, mt: 2 }, }) {
     const model = name;
     if (fieldKey && index && index >= 0) {
         name = `${fieldKey}.${index}.${name}`;
@@ -41,6 +28,13 @@ function DesktopDateTimePickerBySchema(_a) {
             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(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterDayjs_1.AdapterDayjs, adapterLocale: "pt-br" },
-            react_1.default.createElement(DesktopDateTimePicker_1.DesktopDateTimePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: schema[model].label, inputFormat: "DD/MM/yyyy HH:mm", sx: Object.assign({ mt: 2, mb: 1 }, sx), renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, other, { error: error, helperText: helperText }))) })))) }));
+            react_1.default.createElement(DesktopDateTimePicker_1.DesktopDateTimePicker, Object.assign({}, field, { value: (0, dayjs_1.default)(field.value), label: schema[model].label, format: "DD/MM/yyyy HH:mm", sx: Object.assign({ mt: 2, mb: 1 }, sx), slotProps: {
+                    textField: {
+                        error,
+                        helperText,
+                        sx,
+                        margin: 'normal',
+                    },
+                } })))) }));
 }
 exports.default = DesktopDateTimePickerBySchema;

package/dist/utils.d.ts

@@ -1,11 +1,11 @@
 /// <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';
 import { serverEndPointType } from './context/DRFReactBySchemaContext';
+import { DateView } from '@mui/x-date-pickers';
 export type Id = string | number | null;
 export type GenericValue = any;
 export type Item = Record<string, GenericValue>;
@@ -61,7 +61,7 @@ export interface Field {
     related_editable?: boolean;
     validators_regex?: Item[];
     many?: boolean;
-    date_views?: CalendarPickerView[];
+    date_views?: DateView[];
     required?: boolean;
     disabled?: boolean;
     help_text?: string;

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.16.11",
+  "version": "0.17.0",
   "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",
   "scripts": {
     "test": "echo \"There are (still) no tests in this package\"",
     "build": "tsc",
+    "prepare_disabled": "install-peers",
     "styleguide": "styleguidist server",
     "styleguide:build": "styleguidist build",
     "release:major": "tsc || true && yarn version --version $(semver $npm_package_version -i major) && yarn publish --tag latest",
@@ -51,7 +52,6 @@
     "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",
@@ -68,7 +68,7 @@
     "@mui/lab": "^5.0.0-alpha.112",
     "@mui/material": "^5.11.0",
     "@mui/x-data-grid": "^5.17.26",
-    "@mui/x-date-pickers": "^5.0.20",
+    "@mui/x-date-pickers": "^6.18.1",
     "axios": "^0.27.2",
     "dayjs": "^1.11.10",
     "moment": "^2.29.4",