drf-react-by-schema 0.19.5 → 0.19.6

package/README.md

@@ -42,7 +42,7 @@ The _DRF and React By Schema_ Suite is available for React at https://www.npmjs.
 
 3. Install all peer-dependencies of drf-react-by-schema:
 ```
-yarn add @emotion/react@^11.11.0 @emotion/styled@^11.11.0 @hookform/resolvers@^2.9.10 @mui/icons-material@^5.11.0 @mui/lab@^5.0.0-alpha.112 @mui/material@^5.13.7 @mui/x-data-grid@^5.17.26 @mui/x-date-pickers@^6.18.1 axios@^0.27.2 date-fns@^4.1.0 dayjs@^1.11.10 react@^18.2.0 react-dom@^18.2.0 react-hook-form@^7.41.3 react-number-format@^5.3.2 string-mask@^0.3.0 yup@^0.32.11
+yarn add @emotion/react@^11.11.0 @emotion/styled@^11.11.0 @hookform/resolvers@^2.9.10 @mui/icons-material@^5.11.0 @mui/lab@^5.0.0-alpha.112 @mui/material@^5.13.7 @mui/x-data-grid@^5.17.26 @mui/x-date-pickers@^6.18.1 axios@^0.27.2 dayjs@^1.11.10 react@^18.2.0 react-dom@^18.2.0 react-hook-form@^7.41.3 react-number-format@^5.3.2 string-mask@^0.3.0 yup@^0.32.11
 ```
 
 4. Install drf-react-by-schema:

package/dist/api.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAllModels = exports.getGenericModel = exports.getGenericModelList = exports.signUp = exports.getSignUpOptions = exports.isLoggedIn = exports.setAuthToken = exports.hasJWT = exports.clearJWT = exports.loginByPayload = exports.getAutoComplete = exports.addExistingRelatedModel = exports.updateDataBySchema = exports.createOrUpdateData = exports.deleteData = exports.createData = exports.partialUpdateData = exports.updateData = exports.getRawData = void 0;
 const axios_1 = __importDefault(require("axios"));
-const format_1 = require("date-fns/format");
+const dayjs_1 = __importDefault(require("dayjs"));
 const utils_1 = require("./utils");
 const expiredTokenMessage = 'Token expired! System must login again';
 const noServerEndPointMessage = 'There is not API definition (serverEndPoint)!';
@@ -449,12 +449,12 @@ const prepareDataBySchema = ({ data, schema }) => {
         }
         // Date:
         if (field.type === 'date') {
-            dbData[key] = (0, format_1.format)(new Date(data[key]), 'yyyy-MM-dd');
+            dbData[key] = (0, dayjs_1.default)(data[key]).format('YYYY-MM-DD');
             continue;
         }
         // DateTime:
         if (field.type === 'datetime') {
-            dbData[key] = (0, format_1.format)(new Date(data[key]), "yyyy-MM-dd'T'HH:mm");
+            dbData[key] = (0, dayjs_1.default)(data[key]).format("YYYY-MM-DD'T'HH:mm");
             continue;
         }
         // Default:

package/dist/components/DataGridBySchemaEditable.js

@@ -46,7 +46,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
-const date_fns_1 = require("date-fns");
+const dayjs_1 = __importDefault(require("dayjs"));
 const x_data_grid_1 = require("@mui/x-data-grid");
 const Box_1 = __importDefault(require("@mui/material/Box"));
 const CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
@@ -250,7 +250,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCou
                 case 'date':
                     column.type = 'date';
                     const dateFormat = (0, utils_1.buildDateFormatBySchema)(schema[col.field].date_views);
-                    column.valueFormatter = (params) => params.value ? (0, date_fns_1.format)(new Date(params.value), dateFormat) : '';
+                    column.valueFormatter = (params) => params.value ? (0, dayjs_1.default)(params.value).format(dateFormat) : '';
                     column.filterOperators = (0, utils_2.quantityOnlyOperators)({
                         type: 'date',
                     });
@@ -262,7 +262,7 @@ const DataGridBySchemaEditable = (0, react_1.forwardRef)(({ schema, data, rowCou
                 case 'datetime':
                     column.type = 'dateTime';
                     column.minWidth = 180;
-                    column.valueFormatter = (params) => params.value ? (0, date_fns_1.format)(new Date(params.value), 'dd/MM/yyyy HH:mm') : '';
+                    column.valueFormatter = (params) => params.value ? (0, dayjs_1.default)(params.value).format('dd/MM/yyyy HH:mm') : '';
                     column.filterOperators = (0, utils_2.quantityOnlyOperators)({
                         type: 'date',
                     });

package/dist/components/details/DetailFieldBySchema.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DetailFieldBySchema;
 const react_1 = __importDefault(require("react"));
-const date_fns_1 = require("date-fns");
+const dayjs_1 = __importDefault(require("dayjs"));
 const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const Box_1 = __importDefault(require("@mui/material/Box"));
 const List_1 = __importDefault(require("@mui/material/List"));
@@ -21,11 +21,11 @@ function DetailFieldBySchema({ name, value, schema, labelKey = 'label', optionId
         case 'date':
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
                 react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, schema[name].label),
-                react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, (0, date_fns_1.format)(new Date(value), 'dd/MM/yyyy'))));
+                react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, (0, dayjs_1.default)(value).format('DD/MM/YYYY'))));
         case 'datetime':
             return (react_1.default.createElement(Box_1.default, { sx: sxField },
                 react_1.default.createElement(Typography_1.default, { variant: "h5", sx: sxLabel }, schema[name].label),
-                react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, (0, date_fns_1.format)(new Date(value), 'dd/MM/yyyy HH:mm'))));
+                react_1.default.createElement(Typography_1.default, { variant: "body2", sx: sxValue }, (0, dayjs_1.default)(value).format('DD/MM/YYYY HH:mm'))));
         case 'nested object':
         case 'field':
             const multiple = schema[name].many || false;

package/dist/utils.d.ts

@@ -26,7 +26,7 @@ export declare const getTmpId: () => string;
 export declare const isTmpId: (id: string | number | undefined | null) => boolean;
 export declare function reducer<T>(state: T | null, newState: Partial<T> | null): T | null;
 export declare const getPatternFormat: (type: string) => string;
-export declare function buildDateFormatBySchema(dateViews: string[] | null | undefined): "dd/MM/yyyy" | "MM/yyyy" | "yyyy" | "MM" | "dd";
+export declare function buildDateFormatBySchema(dateViews: string[] | null | undefined): "DD/MM/YYYY" | "MM/YYYY" | "YYYY" | "MM" | "DD";
 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): any;

package/dist/utils.js

@@ -291,7 +291,7 @@ const getPatternFormat = (type) => {
 };
 exports.getPatternFormat = getPatternFormat;
 function buildDateFormatBySchema(dateViews) {
-    const defaultFormat = 'dd/MM/yyyy';
+    const defaultFormat = 'DD/MM/YYYY';
     if (!dateViews) {
         return defaultFormat;
     }
@@ -302,16 +302,16 @@ function buildDateFormatBySchema(dateViews) {
         return defaultFormat;
     }
     if (!hasDay && hasMonth && hasYear) {
-        return 'MM/yyyy';
+        return 'MM/YYYY';
     }
     if (!hasDay && !hasMonth && hasYear) {
-        return 'yyyy';
+        return 'YYYY';
     }
     if (!hasDay && hasMonth && !hasYear) {
         return 'MM';
     }
     if (hasDay && !hasMonth && !hasYear) {
-        return 'dd';
+        return 'DD';
     }
     return defaultFormat;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.19.5",
+  "version": "0.19.6",
   "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",
@@ -67,7 +67,6 @@
     "@mui/x-data-grid": "^5.17.26",
     "@mui/x-date-pickers": "^6.18.1",
     "axios": "^0.27.2",
-    "date-fns": "^4.1.0",
     "dayjs": "^1.11.10",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",