@m4l/components 9.3.8 → 9.3.9

package/components/DataGrid/contexts/DataGridContext/index.js

@@ -166,7 +166,7 @@ function DataGridProvider(props) {
   });
   useEffect(() => {
     const keys = new Set(columns.map((c) => c.key));
-    if (sortSettings?.sortsColumns) {
+    if (sortSettings?.sortsColumns && !sortSettings.skipColumnValidation) {
       for (const sort of sortSettings.sortsColumns) {
         if (!keys.has(sort)) {
           throw new Error(
@@ -175,7 +175,7 @@ function DataGridProvider(props) {
         }
       }
     }
-    if (filterSettings?.filterColumns) {
+    if (filterSettings?.filterColumns && !filterSettings.skipColumnValidation) {
       for (const filterField of filterSettings.filterColumns) {
         if (!keys.has(filterField.name)) {
           throw new Error(

package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js

@@ -17,7 +17,6 @@ function getComparator(columns, sortColumn) {
     return column.customSort;
   }
   switch (typeOrder) {
-    //Si el tipo de dato de la columna es un numerico, retorna una función de ordenamiento numérica
     case "number":
       return (a, b) => {
         try {
@@ -26,7 +25,6 @@ function getComparator(columns, sortColumn) {
           return -1;
         }
       };
-    //Por defecto retorna una función de ordenamiento de string
     default:
       return (a, b) => {
         try {
@@ -185,6 +183,10 @@ const useSortColumnsRows = (sourceColumns, sourceRows, popoverHandlers) => {
         let fixedValue;
         if (typeof valueMaybeString === "string") {
           fixedValue = valueMaybeString;
+        } else if (typeof valueMaybeString === "number") {
+          fixedValue = valueMaybeString.toString();
+        } else if (valueMaybeString !== null && valueMaybeString !== void 0) {
+          fixedValue = String(valueMaybeString);
         } else {
           fixedValue = "";
         }

package/components/DataGrid/types.d.ts

@@ -88,6 +88,7 @@ export interface SortSettings {
     sortsColumns: string[];
     sortsApplied: SortApplied[];
     onChange: (event: SortChangeEvent) => void;
+    skipColumnValidation?: boolean;
 }
 /**---------------------------------------------------------------- */
 export type FilterChangeAdd = {
@@ -110,6 +111,7 @@ export interface FilterSettings {
     filterColumns: FilterColumn[];
     filtersApplied: FilterApplied[];
     onChange: (event: FilterChangeEvent) => void;
+    skipColumnValidation?: boolean;
 }
 /**--------------------Termina tipado de filtros-------------------------------------------- */
 export interface GridProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> extends Omit<NativeDataGridProps<TRow, TSummaryRow>, 'rowKeyGetter' | 'rows' | 'columns' | 'onRowsChange' | 'selectedRows' | 'onSelectedRowsChange' | 'renderers'> {

package/components/NumberInput/hooks/useNumberInput/useNumberInput.js

@@ -56,11 +56,9 @@ const useNumberInput = (parameters) => {
     (event, field, fieldValue, reason) => {
       if (field === "value" && typeof fieldValue !== "string") {
         switch (reason) {
-          // only a blur event will dispatch `numberInput:clamp`
           case "numberInput:inputChange":
             onChange?.(event, fieldValue);
             break;
-          // only a blur event will dispatch `numberInput:clamp`
           case "numberInput:clamp":
             onChange?.(event, fieldValue);
             break;

package/components/areas/contexts/AreasContext/store.js

@@ -441,8 +441,8 @@ const createAreasStore = (initProps, storeDevtoolsEnabled = false) => {
                   bounds: {
                     left: MARGIN_GRIDLAYOUT,
                     top: MARGIN_GRIDLAYOUT,
-                    right: -MARGIN_GRIDLAYOUT,
-                    bottom: -MARGIN_GRIDLAYOUT
+                    right: -10,
+                    bottom: -10
                   }
                 });
               }

package/components/hook-form/RHFAutocompleteAsync/reducer/RHFAutocompleteReducer.js

@@ -65,11 +65,6 @@ const RHFAutocompleteAsyncReducer = (onChangeFilterParms) => (state, action) =>
         ...state,
         isOpen: false
       };
-    // case actionsType.SET_SELECTED_OPTIONS_TO_AUTOCOMPLETE:
-    //   return {
-    //     ...state,
-    //     selectedOptions: action.payload,
-    //   };
     default:
       return state;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.8",
+  "version": "9.3.9",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/storybook/components/DataGrid/subcomponents/DataGridRender.d.ts

@@ -10,6 +10,8 @@ interface DataGridRenderProps<TRow, TSummaryRow, TKey extends RowKey = RowKey> {
     visibleRefreshFilterSort?: boolean;
     withExternalSortSettings?: boolean;
     withExternalFilterSettings?: boolean;
+    skipSortValidation?: boolean;
+    skipFilterValidation?: boolean;
 }
 /**
  * Componente que renderiza el DataGrid para el storybook