drf-react-by-schema 0.3.0 → 0.4.0

package/{src/components/DataGridBySchemaEditable/utils.ts → dist/components/DataGridBySchemaEditable/utils.js}

@@ -1,24 +1,15 @@
-import { 
-    GridApi,
-    getGridNumericOperators,
-    getGridDateOperators,
-    GridFilterOperator
-} from "@mui/x-data-grid";
-import { GridEnrichedBySchemaColDef } from "../../utils";
-import {
-    InputNumberInterval,
-    InputDateInterval,
-    InputFloatInterval
-} from "./InputInterval";
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.quantityOnlyOperators = exports.resizeColumns = void 0;
+const x_data_grid_1 = require("@mui/x-data-grid");
+const InputInterval_1 = require("./InputInterval");
 /**
  * Get the largest width in a column, looking at all rows
  * @param colIndex the column index
  * @returns width of the biggest row inside a column
  */
-function maxOfCol (colIndex: number): number {
+function maxOfCol(colIndex) {
     const invisibleContainer = document.createElement('div');
-
     invisibleContainer.style.visibility = 'hidden';
     invisibleContainer.style.zIndex = '-9999999999';
     invisibleContainer.style.position = 'absolute';
@@ -26,10 +17,8 @@ function maxOfCol (colIndex: number): number {
     invisibleContainer.style.top = '0';
     invisibleContainer.style.left = '0';
     document.body.append(invisibleContainer);
-    const widths: any[] = [];
-    document.querySelectorAll(
-        `[aria-colindex='${colIndex}']`
-    ).forEach(cell => {
+    const widths = [];
+    document.querySelectorAll(`[aria-colindex='${colIndex}']`).forEach(cell => {
         const invisibleCell = document.createElement('div');
         invisibleCell.innerHTML = cell.innerHTML;
         invisibleCell.style.width = 'max-content';
@@ -45,74 +34,67 @@ function maxOfCol (colIndex: number): number {
     invisibleContainer.remove();
     return max;
 }
-
-export type ResizeType = 'condense' | 'maxContent' | 'fitScreen';
-
 /**
- * 
- * @param columns 
- * @param resizeType 
- * @param apiRef 
+ *
+ * @param columns
+ * @param resizeType
+ * @param apiRef
  * @returns columns resized to the chosen resizeType
  */
-export function resizeColumns (
-    columns: GridEnrichedBySchemaColDef[],
-    resizeType: ResizeType,
-    apiRef: React.MutableRefObject<GridApi>
-): GridEnrichedBySchemaColDef[] {
+function resizeColumns(columns, resizeType, apiRef) {
     const cols = [...columns];
-    cols.forEach((col, index: number) => {
+    cols.forEach((col, index) => {
         if (resizeType === 'fitScreen') {
             delete col.width;
             col.minWidth = 80;
             if (col.isIndexField) {
                 col.flex = 1;
             }
-        } else if (resizeType === 'maxContent') {
+        }
+        else if (resizeType === 'maxContent') {
             const maxColWidth = maxOfCol(index);
             delete col.flex;
             delete col.minWidth;
             col.width = maxColWidth + 22;
-        } else {
+        }
+        else {
             col.width = 0;
         }
     });
     return cols;
 }
-
-export const quantityOnlyOperators = ({ type }:{ type: string }) => {
+exports.resizeColumns = resizeColumns;
+const quantityOnlyOperators = ({ type }) => {
     const builtInFilters = (type === 'date')
-        ? getGridDateOperators()
-        : getGridNumericOperators();
-    let InputComponent = InputNumberInterval;
+        ? (0, x_data_grid_1.getGridDateOperators)()
+        : (0, x_data_grid_1.getGridNumericOperators)();
+    let InputComponent = InputInterval_1.InputNumberInterval;
     if (type === 'date') {
-        InputComponent = InputDateInterval;
+        InputComponent = InputInterval_1.InputDateInterval;
     }
     if (type === 'float') {
-        InputComponent = InputFloatInterval;
+        InputComponent = InputInterval_1.InputFloatInterval;
     }
     return [
         ...builtInFilters,
         {
             label: 'entre',
             value: 'entre',
-            getApplyFilterFn: (filterItem: any) => {
+            getApplyFilterFn: (filterItem) => {
                 if (!Array.isArray(filterItem.value) || filterItem.value.length !== 2) {
                     return null;
                 }
                 if (filterItem.value[0] === null || filterItem.value[1] === null) {
                     return null;
                 }
-
-                return ({ value }: { value: any }) => {
-                    return (
-                        value !== null &&
+                return ({ value }) => {
+                    return (value !== null &&
                         filterItem.value[0] <= value &&
-                        value <= filterItem.value[1]
-                    );
+                        value <= filterItem.value[1]);
                 };
             },
             InputComponent
         }
-    ] as GridFilterOperator[];
-};
+    ];
+};
+exports.quantityOnlyOperators = quantityOnlyOperators;

package/dist/components/DataGridBySchemaEditable.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Item, SchemaType, Id, GridEnrichedBySchemaColDef } from '../utils';
+import { SxProps } from '@mui/material';
+interface DataGridBySchemaEditableProps {
+    schema: SchemaType;
+    data: Item[];
+    columns: GridEnrichedBySchemaColDef[];
+    model: string;
+    fieldKey?: string;
+    labelKey?: string;
+    index?: number;
+    name?: string;
+    indexField?: string;
+    addExistingModel?: string;
+    indexFieldMinWidth?: number;
+    indexFieldBasePath?: string;
+    stateToLink?: object;
+    minWidth?: number;
+    modelParentId?: Id;
+    modelParent?: string;
+    customColumnOperations?: (p: any) => GridEnrichedBySchemaColDef;
+    customLinkDestination?: (p: any) => string;
+    LinkComponent?: any;
+    onProcessRow?: (p: any) => void;
+    onDataChange?: (p: any) => void;
+    isEditable?: boolean;
+    sx?: SxProps;
+    isAutoHeight?: boolean;
+    defaultValues?: Item;
+    hideFooterPagination?: boolean;
+    setVisibleRows?: (p: any) => void;
+}
+declare const DataGridBySchemaEditable: React.ForwardRefExoticComponent<DataGridBySchemaEditableProps & React.RefAttributes<unknown>>;
+export default DataGridBySchemaEditable;