drf-react-by-schema 0.22.4 → 0.23.1

package/dist/utils.js

@@ -388,13 +388,13 @@ function mergeFilterItems(defaultFilter, filter) {
         const items = filter.items;
         const defaultItems = defaultFilter.items;
         const mergedItems = defaultItems.map((defaultItem) => {
-            const itemFound = items.find((item) => item.columnField === defaultItem.columnField);
+            const itemFound = items.find((item) => item.field === defaultItem.field);
             if (itemFound) {
                 return itemFound;
             }
             return defaultItem;
         });
-        const unMergedItems = items.filter((item) => !defaultItems.map((defaultItem) => defaultItem.columnField).includes(item.columnField));
+        const unMergedItems = items.filter((item) => !defaultItems.map((defaultItem) => defaultItem.field).includes(item.field));
         return Object.assign(Object.assign({}, filter), { items: [...mergedItems, ...unMergedItems] });
     }
     return undefined;
@@ -416,49 +416,47 @@ function initViewColumns(_a) {
                 case 'date':
                     column.type = 'date';
                     const dateFormat = buildDateFormatBySchema(fieldSchema.date_views);
-                    column.valueFormatter = (params) => params.value ? (0, dayjs_1.default)(params.value).format(dateFormat) : '';
+                    column.valueFormatter = (value) => (value ? (0, dayjs_1.default)(value).format(dateFormat) : '');
                     break;
                 case 'datetime':
                     column.type = 'dateTime';
-                    column.valueFormatter = (params) => params.value ? (0, dayjs_1.default)(params.value).format('DD/MM/YYYY HH:mm') : '';
+                    column.valueFormatter = (value) => (value ? (0, dayjs_1.default)(value).format('DD/MM/YYYY HH:mm') : '');
                     break;
                 case 'nested object':
-                    column.valueFormatter = (params) => {
-                        return !params.value ? '' : params.value.label;
+                    column.valueFormatter = (value) => {
+                        return !value ? '' : value.label;
                     };
                     break;
                 case 'field':
-                    column.valueFormatter = (params) => {
-                        return !params.value || !Array.isArray(params.value)
-                            ? ''
-                            : params.value.map((val) => val.label).join(', ');
+                    column.valueFormatter = (value) => {
+                        return !value || !Array.isArray(value) ? '' : value.map((val) => val.label).join(', ');
                     };
                     break;
                 case 'choice':
-                    column.valueFormatter = (params) => {
-                        return !params.value ? '' : params.value.display_name;
+                    column.valueFormatter = (value) => {
+                        return !value ? '' : value.display_name;
                     };
                     break;
                 case 'list':
-                    column.valueFormatter = (params) => {
-                        return !params.value || !Array.isArray(params.value)
+                    column.valueFormatter = (value) => {
+                        return !value || !Array.isArray(value)
                             ? ''
-                            : params.value.map((val) => val.value.display_name).join(', ');
+                            : value.map((val) => val.display_name).join(', ');
                     };
                     break;
                 case 'boolean':
-                    column.valueFormatter = (params) => {
-                        return params.value ? 'Sim' : 'Não';
+                    column.valueFormatter = (value) => {
+                        return value ? 'Sim' : 'Não';
                     };
                     break;
                 case 'decimal':
                 case 'float':
                     const decimalScale = fieldSchema.decimal_places || 2;
                     column.type = 'number';
-                    column.valueFormatter = (params) => {
-                        return !params.value
+                    column.valueFormatter = (value) => {
+                        return !value
                             ? ''
-                            : parseFloat(params.value).toLocaleString('pt-BR', {
+                            : parseFloat(value).toLocaleString('pt-BR', {
                                 minimumFractionDigits: decimalScale,
                                 maximumFractionDigits: decimalScale,
                             });
@@ -473,10 +471,8 @@ function initViewColumns(_a) {
                     break;
                 case 'file upload':
                 case 'image upload':
-                    column.valueFormatter = (params) => {
-                        return !params.value
-                            ? ''
-                            : `${params.value.name.split('/').pop()} (${formatFileSize(params.value.size)})`;
+                    column.valueFormatter = (value) => {
+                        return !value ? '' : `${value.name.split('/').pop()} (${formatFileSize(value.size)})`;
                     };
                 default:
                     if (fieldSchema.pattern_format) {
@@ -485,11 +481,11 @@ function initViewColumns(_a) {
             }
             // format numbers:
             if (column.patternFormat) {
-                column.valueFormatter = (params) => {
-                    if (!params.value || typeof params.value !== 'string') {
-                        return params.value;
+                column.valueFormatter = (value) => {
+                    if (!value || typeof value !== 'string') {
+                        return value;
                     }
-                    const formattedValue = new string_mask_1.default(column.patternFormat, {}).apply(params.value);
+                    const formattedValue = new string_mask_1.default(column.patternFormat, {}).apply(value);
                     return formattedValue;
                 };
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "drf-react-by-schema",
-  "version": "0.22.4",
+  "version": "0.23.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",
@@ -8,6 +8,8 @@
     "test": "echo \"There are (still) no tests in this package\"",
     "build": "tsc",
     "install-peers": "yarn add --peer --ignore-workspace-root-check --no-lockfile $(node -pe \"Object.keys(require('./package.json').peerDependencies).map(pkg => pkg+'@'+require('./package.json').peerDependencies[pkg]).join(' ')\")",
+    "install-peers-for-dev": "yarn add --dev $(node -pe \"Object.keys(require('./package.json').peerDependencies).map(pkg => pkg+'@'+require('./package.json').peerDependencies[pkg]).join(' ')\")",
+    "reinstall-all": "rm -rf node_modules && yarn install && yarn install-peers-for-dev",
     "release:major": "tsc || true && yarn version --version $(semver $npm_package_version -i major) && yarn publish --tag latest",
     "release:minor": "tsc || true && yarn version --new-version $(semver $npm_package_version -i minor) && yarn publish --tag latest",
     "release:patch": "tsc || true && yarn version --new-version $(semver $npm_package_version -i patch) && yarn publish --tag latest"
@@ -58,14 +60,13 @@
     "webpack": "^5.75.0"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.11.0",
-    "@emotion/styled": "^11.11.0",
+    "@emotion/react": "11.14.0",
+    "@emotion/styled": "11.14.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",
+    "@mui/icons-material": "6.5.0",
+    "@mui/material": "6.5.0",
+    "@mui/x-data-grid": "7.29.12",
+    "@mui/x-date-pickers": "7.29.4",
     "axios": "^0.27.2",
     "dayjs": "^1.11.10",
     "react": "^18.2.0",