@m4l/components 9.3.10 → 9.3.12

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 && !sortSettings.skipColumnValidation) {
+    if (sortSettings?.sortsColumns) {
       for (const sort of sortSettings.sortsColumns) {
         if (!keys.has(sort)) {
           throw new Error(
@@ -175,9 +175,9 @@ function DataGridProvider(props) {
         }
       }
     }
-    if (filterSettings?.filterColumns && !filterSettings.skipColumnValidation) {
+    if (filterSettings?.filterColumns) {
       for (const filterField of filterSettings.filterColumns) {
-        if (!keys.has(filterField.name)) {
+        if (!filterField.skipColumnValidation && !keys.has(filterField.name)) {
           throw new Error(
             `DataGridProvider: Fields incluye "${filterField.name}", pero no existe ninguna columna con key="${filterField.name}".`
           );

package/components/DataGrid/types.d.ts

@@ -88,7 +88,6 @@ export interface SortSettings {
     sortsColumns: string[];
     sortsApplied: SortApplied[];
     onChange: (event: SortChangeEvent) => void;
-    skipColumnValidation?: boolean;
 }
 /**---------------------------------------------------------------- */
 export type FilterChangeAdd = {
@@ -102,6 +101,7 @@ export type FilterChangeEvent = FilterChangeAdd | FilterChangeOpenPopover;
 interface FilterColumn {
     name: string;
     multiple: boolean;
+    skipColumnValidation?: boolean;
 }
 export type FilterApplied = {
     columnKey: string;
@@ -111,7 +111,6 @@ 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/DynamicFilter/types.d.ts

@@ -46,6 +46,7 @@ export interface FieldBase<T extends FieldType = FieldType, TOption = any> {
     defaultOperandsArray?: Maybe<FieldTypeOperandsArray<T>>;
     selectOptions?: SelectOptions;
     selectAsyncOptions?: SelectAsyncOptions<TOption>;
+    skipColumnValidation?: boolean;
 }
 export interface FieldWithSelectAsync<T extends 'selectAsync', TOption = any> extends FieldBase<T, TOption> {
     selectAsyncOptions: SelectAsyncOptions<TOption>;

package/components/mui_extended/Select/Select.js

@@ -176,6 +176,7 @@ const Select = forwardRef(
               paddingBottom: theme.vars.size.baseSpacings.sp3,
               paddingLeft: 0,
               paddingRight: 0,
+              maxHeight: "200px",
               "& .MuiList-root": {
                 padding: 0,
                 display: "flex",

package/components/mui_extended/Select/Select.styles.js

@@ -35,7 +35,12 @@ const selectStyles = {
         },
         "& .MuiSelect-select": {
           padding: `${theme.vars.size.baseSpacings.sp1}!important`,
-          minHeight: "unset"
+          minHeight: "unset",
+          maxHeight: "80px",
+          overflow: "auto",
+          boxSizing: "border-box",
+          display: "flex",
+          flexDirection: "column"
         },
         // Estilos para la variante text
         [`&.${SELECT_CLASSES.text}`]: {
@@ -69,7 +74,8 @@ const selectStyles = {
           (height) => {
             return {
               minHeight: height,
-              maxHeight: height
+              height: "fit-content",
+              maxHeight: "80px"
             };
           }
         )
@@ -88,7 +94,9 @@ const selectStyles = {
     display: "flex",
     alignItems: "center",
     gap: theme.vars.size.baseSpacings.sp1,
-    flexWrap: "wrap"
+    flexWrap: "wrap",
+    overflow: "auto",
+    flexShrink: 1
   }),
   arrowDown: {},
   renderValueTypography: () => ({

package/hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js

@@ -389,7 +389,8 @@ const useDynamicFilterAndSort = (props) => {
     return {
       filterColumns: fields.map((filter) => ({
         name: filter.name,
-        multiple: filter.multiple || false
+        multiple: filter.multiple || false,
+        skipColumnValidation: filter.skipColumnValidation || false
       })),
       filtersApplied: getCurrentFilters().map((filter) => ({
         columnKey: filter.field.name,

package/package.json

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

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

@@ -10,8 +10,6 @@ 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