drf-react-by-schema 0.5.3 → 0.6.0

package/dist/components/DataGridBySchemaEditable/SelectEditInputCell.js

@@ -60,36 +60,36 @@ const filter = (0, Autocomplete_1.createFilterOptions)();
  * }
  * @returns {*}  {JSX.Element}
  */
-function SelectEditInputCell({ field, id, value, column, type, optionsAC, isIndexField, multiple = false, onEditModel, sx = {} }) {
+function SelectEditInputCell({ field, id, value, column, type, optionsAC, isIndexField, multiple = false, onEditModel, sx = {}, }) {
     // TODO: allow edit option label, as in formautocomplete!
     const apiRef = (0, x_data_grid_1.useGridApiContext)();
+    console.log(column);
     const handleChange = (newValue) => __awaiter(this, void 0, void 0, function* () {
         yield apiRef.current.setEditCellValue({ id, field, value: newValue });
         apiRef.current.stopCellEditMode({ id, field });
     });
-    const labelKey = (['field', 'nested object'].includes(type) || isIndexField)
-        ? 'label'
-        : 'display_name';
-    const valueKey = (['field', 'nested object'].includes(type) || isIndexField)
-        ? 'id'
-        : 'value';
+    const labelKey = ["field", "nested object"].includes(type) || isIndexField
+        ? "label"
+        : "display_name";
+    const valueKey = ["field", "nested object"].includes(type) || isIndexField
+        ? "id"
+        : "value";
     let creatableProps = {};
     // if (column.creatable || isIndexField) {
     if (column.creatable) {
         creatableProps = {
-            freesolo: 'true',
+            freesolo: "true",
             filterOptions: (options, params) => {
                 const filtered = filter(options, params);
-                const inputValue = (params.inputValue)
-                    ? params.inputValue
-                    : '';
+                const inputValue = params.inputValue ? params.inputValue : "";
                 const inputValueLower = inputValue.trim().toLowerCase();
                 // Suggest the creation of a new value
-                const isExisting = options.some(option => inputValueLower === option[labelKey].trim().toLowerCase());
-                if (inputValue !== '' && !isExisting) {
+                const isExisting = options.some((option) => inputValueLower ===
+                    option[labelKey].trim().toLowerCase());
+                if (inputValue !== "" && !isExisting) {
                     filtered.push({
                         inputValue,
-                        [labelKey]: `Criar "${inputValue}"`
+                        [labelKey]: `Criar "${inputValue}"`,
                     });
                 }
                 return filtered;
@@ -97,7 +97,7 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
             handleHomeEndKeys: true,
             getOptionLabel: (option) => {
                 // Value selected with enter, right from the input
-                if (typeof option === 'string') {
+                if (typeof option === "string") {
                     return option;
                 }
                 // Criar "xxx" option created dynamically
@@ -109,12 +109,13 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
             },
             renderOption: (props, option) => {
                 return (react_1.default.createElement("li", Object.assign({ key: option[valueKey] }, props), option[labelKey]));
-            }
+            },
         };
     }
-    ;
-    return (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: field, id: field, value: value, options: optionsAC.current && optionsAC.current[field] ? optionsAC.current[field] : [], selectOnFocus: true, autoHighlight: true, multiple: multiple, isOptionEqualToValue: (option, value) => {
-            return (option[labelKey] === value[labelKey]);
+    return (react_1.default.createElement(Autocomplete_1.default, Object.assign({ key: field, id: field, value: value, options: optionsAC.current && optionsAC.current[field]
+            ? optionsAC.current[field]
+            : [], selectOnFocus: true, autoHighlight: true, multiple: multiple, isOptionEqualToValue: (option, value) => {
+            return option[labelKey] === value[labelKey];
         }, getOptionLabel: (option) => {
             return option[labelKey];
         }, onChange: (e, value) => {
@@ -124,32 +125,30 @@ function SelectEditInputCell({ field, id, value, column, type, optionsAC, isInde
                 return;
             }
             let newValue = value;
-            if (typeof newValue === 'string') {
+            if (typeof newValue === "string") {
                 const tmpId = (0, utils_1.getTmpId)();
                 newValue = {
                     [valueKey]: tmpId,
-                    [labelKey]: newValue
+                    [labelKey]: newValue,
                 };
             }
             if (newValue && newValue.inputValue) {
                 const tmpId = (0, utils_1.getTmpId)();
                 newValue = {
                     [valueKey]: tmpId,
-                    [labelKey]: newValue.inputValue
+                    [labelKey]: newValue.inputValue,
                 };
             }
             handleChange(newValue);
-        }, fullWidth: true, renderInput: params => (react_1.default.createElement(react_1.default.Fragment, null, column.creatable
-            ? react_1.default.createElement(TextField_1.default, Object.assign({}, params, { margin: "normal", InputProps: Object.assign(Object.assign({}, params.InputProps), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
-                        !multiple && onEditModel && value && (react_1.default.createElement(IconButton_1.default, { size: "small", onClick: () => {
-                                onEditModel({
-                                    model: field,
-                                    id: value[valueKey],
-                                    labelKey,
-                                });
-                            } },
-                            react_1.default.createElement(Edit_1.default, null))),
-                        params.InputProps.endAdornment)) }) }))
-            : react_1.default.createElement(TextField_1.default, Object.assign({}, params, { sx: sx })))) }, creatableProps)));
+        }, fullWidth: true, renderInput: (params) => (react_1.default.createElement(react_1.default.Fragment, null, column.creatable ? (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { margin: "normal", InputProps: Object.assign(Object.assign({}, params.InputProps), { endAdornment: (react_1.default.createElement(react_1.default.Fragment, null,
+                    !multiple && onEditModel && value && (react_1.default.createElement(IconButton_1.default, { size: "small", onClick: () => {
+                            onEditModel({
+                                model: field,
+                                id: value[valueKey],
+                                labelKey,
+                            });
+                        } },
+                        react_1.default.createElement(Edit_1.default, null))),
+                    params.InputProps.endAdornment)) }) }))) : (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { sx: sx }))))) }, creatableProps)));
 }
 exports.SelectEditInputCell = SelectEditInputCell;

package/dist/components/DataGridBySchemaEditable.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
-import { Item, SchemaType, Id, GridEnrichedBySchemaColDef } from '../utils';
+import { Item, SchemaType, Id, GridEnrichedBySchemaColDef, PaginationModel } from '../utils';
 import { SxProps } from '@mui/material';
 import { OnEditModelType } from '../context/APIWrapperContext';
 interface DataGridBySchemaEditableProps {
     schema: SchemaType;
     data: Item[];
+    rowCount?: number;
     columns: GridEnrichedBySchemaColDef[];
     model: string;
     fieldKey?: string;
@@ -31,6 +32,8 @@ interface DataGridBySchemaEditableProps {
     defaultValues?: Item;
     hideFooterPagination?: boolean;
     setVisibleRows?: (p: any) => void;
+    paginationModel?: PaginationModel;
+    setPaginationModel?: (x: PaginationModel) => void;
 }
 declare const DataGridBySchemaEditable: React.ForwardRefExoticComponent<DataGridBySchemaEditableProps & React.RefAttributes<unknown>>;
 export default DataGridBySchemaEditable;