drf-react-by-schema 0.17.5 → 0.17.7

package/dist/api.js

@@ -15,6 +15,7 @@ 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 moment_1 = __importDefault(require("moment"));
+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,8 +450,7 @@ const prepareDataBySchema = ({ data, schema }) => {
         }
         // Date:
         if (field.type === 'date') {
-            const date = (0, moment_1.default)(data[key]);
-            dbData[key] = date.format('YYYY-MM-DD');
+            dbData[key] = (0, dayjs_1.default)(data[key]).format('YYYY-MM-DD');
             continue;
         }
         // DateTime:
@@ -613,7 +613,7 @@ const getSignUpOptions = (serverEndPoint) => __awaiter(void 0, void 0, void 0, f
     const url = serverEndPoint.signUp;
     try {
         const { data } = yield axios_1.default.options(url);
-        return data.actions.POST;
+        return data.action.POST;
     }
     catch (e) {
         const message = `Error fetching options from ${url}`;

package/dist/components/DataGridBySchemaEditable/GridDateInput.js

@@ -18,6 +18,7 @@ const x_data_grid_1 = require("@mui/x-data-grid");
 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"));
 const utils_1 = require("../../utils");
 function buildOpenTo(dateViews) {
     if (!dateViews || dateViews.includes('day')) {
@@ -37,7 +38,7 @@ 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, format: inputFormat, slotProps: {
+        react_1.default.createElement(DesktopDatePicker_1.DesktopDatePicker, { key: field, value: (0, dayjs_1.default)(value), onChange: handleChange, views: dateViews, openTo: openTo, format: inputFormat, slotProps: {
                 textField: {
                     margin: 'normal',
                 },

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

@@ -165,17 +165,35 @@ const EditableAutocompleteFieldBySchema = react_1.default.forwardRef((_a, ref) =
                     if (filteredOptions.length === 0) {
                         return [];
                     }
-                    const filtered = filter(filteredOptions, params);
+                    let filtered = filter(filteredOptions, params);
                     const { inputValue } = params;
                     const inputValueSlug = (0, utils_1.slugify)(inputValue);
+                    const inputValueLength = inputValueSlug.length;
                     // Suggest the creation of a new value
-                    const isExisting = filteredOptions.some((option) => inputValueSlug === (0, utils_1.slugify)(option.label));
+                    const isExisting = filteredOptions.find((option) => inputValueSlug === (0, utils_1.slugify)(option.label));
                     if (inputValue !== '' && !isExisting) {
                         filtered.push({
                             inputValue,
                             label: `Criar "${inputValue}"`,
                         });
                     }
+                    // Show first the exact match:
+                    if (isExisting) {
+                        filtered = [
+                            isExisting,
+                            ...filtered.filter((option) => isExisting.id !== option.id),
+                        ];
+                    }
+                    // Show first the options that start with inputValue:
+                    const startsWith = filtered.filter((option) => inputValueSlug ===
+                        (0, utils_1.slugify)(option.label).substring(0, inputValueLength));
+                    if (startsWith.length > 0) {
+                        const startsWithIds = startsWith.map((option) => option.id);
+                        filtered = [
+                            ...startsWith,
+                            ...filtered.filter((option) => !startsWithIds.includes(option.id)),
+                        ];
+                    }
                     return filtered;
                 }, handleHomeEndKeys: true, getOptionLabel: getOptionLabel
                     ? getOptionLabel

package/dist/utils.d.ts

@@ -35,6 +35,11 @@ export type SchemaOptionsType = {
     verbose_name: string;
     verbose_name_plural: string;
 };
+export type SchemaOptionsSingleActionType = Omit<SchemaOptionsType, 'actions'> & {
+    action: {
+        POST: SchemaType;
+    };
+};
 export type modelOptionsType = Omit<SchemaOptionsType, 'actions' | 'renders' | 'parses'>;
 export type ChoiceValue = string | number;
 export interface Choice {

package/package.json

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