drf-react-by-schema 0.18.3 → 0.18.4

package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.js

@@ -56,7 +56,7 @@ const utils_1 = require("../../utils");
 const DialogActions_1 = __importDefault(require("../DialogActions"));
 const filter = (0, Autocomplete_1.createFilterOptions)();
 function SelectEditInputCell({ field, id, value, column, type, optionsAC, isIndexField, multiple = false, onEditModel, fieldsLayout, sx = {}, setDialog, }) {
-    const [options, setOptions] = (0, react_1.useState)([]);
+    const [loadedOptionsAC, setLoadedOptionsAC] = (0, react_1.useState)(null);
     // TODO: allow edit option label, as in formautocomplete!
     const apiRef = (0, x_data_grid_1.useGridApiContext)();
     const handleChange = (newValue) => __awaiter(this, void 0, void 0, function* () {
@@ -122,17 +122,19 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
     }
     (0, react_1.useEffect)(() => {
         if (!optionsAC || !(field in optionsAC)) {
-            setOptions([]);
             return;
         }
-        const thisOptionsAC = optionsAC[field];
-        if (Array.isArray(thisOptionsAC)) {
-            setOptions(thisOptionsAC);
+        const thisOptions = optionsAC[field];
+        if (Array.isArray(thisOptions)) {
+            setLoadedOptionsAC(Object.assign(Object.assign({}, loadedOptionsAC), { [field]: thisOptions }));
             return;
         }
-        thisOptionsAC().then((newOptions) => setOptions(newOptions));
+        thisOptions().then((newOptions) => setLoadedOptionsAC(Object.assign(Object.assign({}, loadedOptionsAC), { [field]: newOptions })));
     }, [optionsAC, field]);
-    return (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: field, id: field, value: value, options: options, selectOnFocus: true, autoHighlight: true, multiple: multiple, isOptionEqualToValue: (option, value) => {
+    if (loadedOptionsAC === null) {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+    return (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: field, id: field, value: value, options: loadedOptionsAC[field], selectOnFocus: true, autoHighlight: true, multiple: multiple, isOptionEqualToValue: (option, value) => {
             return option[labelKey] === value[labelKey];
         }, getOptionLabel: (option) => {
             return option ? option[labelKey] : '';

package/package.json

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