@m4l/components 9.2.60 → 9.2.61

package/components/DynamicSort/store/DynamicSortContext.js

@@ -8,77 +8,106 @@ import { f as formatToRowSort } from "../helpers/formatToRowSort.js";
 import { c as createDynamicSortStore } from "./DynamicSortStore.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 const DynamicSortContext = createContext(null);
-const DynamicSortProvider = forwardRef((props, ref) => {
-  const {
-    automatic = true,
-    fields,
-    initialAppliedSorts = [],
-    onChangeSorts,
-    dataTestId = "",
-    size = "medium",
-    storeId,
-    storeDevtoolsEnabled,
-    visibleRefresh = true,
-    children
-  } = props;
-  const { currentSize } = useComponentSize(size);
-  const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
-  const { getLabel } = useModuleDictionary();
-  const dynamicSortStoreRef = useRef();
-  if (!dynamicSortStoreRef.current) {
-    dynamicSortStoreRef.current = createDynamicSortStore({
+const DynamicSortProvider = forwardRef(
+  (props, ref) => {
+    const {
+      automatic = true,
       fields,
-      automatic,
-      getLabel,
-      dataTestId,
-      size,
+      initialAppliedSorts = [],
+      onChangeSorts,
+      dataTestId = "",
+      size = "medium",
       storeId,
-      visibleRefresh,
-      ownerState: {
-        isDirty: false,
-        inEdition: false,
-        isValid: true,
-        isEmpty: true,
-        size
-      }
-    }, storeDevtoolsEnabled);
-    dynamicSortStoreRef.current.getState().actions.init(initialAppliedSorts);
-  }
-  const fireOnChangeSort = useStore(
-    dynamicSortStoreRef.current,
-    (state) => state.actions.fireOnChangeSorts,
-    shallow
-  );
-  useImperativeHandle(ref, () => ({
-    fireOnChangeSort
-  }));
-  const countOnChangeSortsApplyed = useStore(
-    dynamicSortStoreRef.current,
-    (state) => state.countOnChangeSortsApplyed,
-    shallow
-  );
-  useEffect(() => {
-    if (countOnChangeSortsApplyed === 0) {
-      return;
-    }
-    const state = dynamicSortStoreRef.current?.getState();
-    if (state) {
-      onChangeSorts?.(
-        formatToInitialSorts(state.appliedSorts),
-        formatToRowSort(state.appliedSorts)
+      storeDevtoolsEnabled,
+      visibleRefresh = true,
+      children
+    } = props;
+    const { currentSize } = useComponentSize(size);
+    const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
+    const { getLabel } = useModuleDictionary();
+    const dynamicSortStoreRef = useRef();
+    if (!dynamicSortStoreRef.current) {
+      dynamicSortStoreRef.current = createDynamicSortStore(
+        {
+          fields,
+          automatic,
+          getLabel,
+          dataTestId,
+          size,
+          storeId,
+          visibleRefresh,
+          ownerState: {
+            isDirty: false,
+            inEdition: false,
+            isValid: true,
+            isEmpty: true,
+            size
+          }
+        },
+        storeDevtoolsEnabled
       );
+      dynamicSortStoreRef.current.getState().actions.init(initialAppliedSorts);
     }
-  }, [countOnChangeSortsApplyed]);
-  useEffect(() => {
-    if (dynamicSortStoreRef.current?.getState().size !== adjustedSize) {
-      dynamicSortStoreRef.current?.getState().actions.setSize(adjustedSize);
-    }
-    if (dynamicSortStoreRef.current?.getState().visibleRefresh !== visibleRefresh) {
-      dynamicSortStoreRef.current?.getState().actions.setVisibleRefresh(visibleRefresh);
-    }
-  }, [adjustedSize, visibleRefresh]);
-  return /* @__PURE__ */ jsx(DynamicSortContext.Provider, { value: dynamicSortStoreRef.current, children });
-});
+    const fireOnChangeSort = useStore(
+      dynamicSortStoreRef.current,
+      (state) => state.actions.fireOnChangeSorts,
+      shallow
+    );
+    const addExternalSort = useStore(
+      dynamicSortStoreRef.current,
+      (state) => state.actions.addExternalSort,
+      shallow
+    );
+    const removeExternalSort = useStore(
+      dynamicSortStoreRef.current,
+      (state) => state.actions.removeExternalSort,
+      shallow
+    );
+    const getNewId = useStore(
+      dynamicSortStoreRef.current,
+      (state) => state.actions.getNewId,
+      shallow
+    );
+    const getCurrentSorts = useStore(
+      dynamicSortStoreRef.current,
+      (state) => () => state.appliedSorts,
+      shallow
+    );
+    useImperativeHandle(ref, () => ({
+      fireOnChangeSort,
+      addExternalSort,
+      removeExternalSort,
+      getNewId,
+      getCurrentSorts
+    }));
+    const countOnChangeSortsApplyed = useStore(
+      dynamicSortStoreRef.current,
+      (state) => state.countOnChangeSortsApplyed,
+      shallow
+    );
+    useEffect(() => {
+      if (countOnChangeSortsApplyed === 0) {
+        return;
+      }
+      const state = dynamicSortStoreRef.current?.getState();
+      if (state) {
+        onChangeSorts?.(
+          formatToInitialSorts(state.appliedSorts),
+          formatToRowSort(state.appliedSorts)
+        );
+      }
+    }, [countOnChangeSortsApplyed]);
+    useEffect(() => {
+      if (dynamicSortStoreRef.current?.getState().size !== adjustedSize) {
+        dynamicSortStoreRef.current?.getState().actions.setSize(adjustedSize);
+      }
+      if (dynamicSortStoreRef.current?.getState().visibleRefresh !== visibleRefresh) {
+        dynamicSortStoreRef.current?.getState().actions.setVisibleRefresh(visibleRefresh);
+      }
+    }, [adjustedSize, visibleRefresh]);
+    return /* @__PURE__ */ jsx(DynamicSortContext.Provider, { value: dynamicSortStoreRef.current, children });
+  }
+);
 export {
   DynamicSortProvider as D,
   DynamicSortContext as a

package/components/DynamicSort/store/DynamicSortStore.js

@@ -9,7 +9,9 @@ const updateAvailableFields = (state) => {
     let add;
     const field = state.fields[index];
     add = true;
-    const fIndx = state.appliedSorts.findIndex((f) => f.field.name === field.name);
+    const fIndx = state.appliedSorts.findIndex(
+      (f) => f.field.name === field.name
+    );
     if (fIndx > -1) {
       add = false;
     }
@@ -100,7 +102,26 @@ const createDynamicSortStore = (initProps, storeDevtoolsEnabled = false) => {
            */
           removeSort: (id) => {
             set((state) => {
-              const index_to_remove = state.appliedSorts.findIndex((f) => id === f.id && !f.fixed);
+              const index_to_remove = state.appliedSorts.findIndex(
+                (f) => id === f.id && !f.fixed
+              );
+              if (index_to_remove > -1) {
+                state.appliedSorts.splice(index_to_remove, 1);
+                updateAutomatic(state);
+                if (state.appliedSorts.length === 0) {
+                  state.ownerState.isDirty = false;
+                }
+              }
+            });
+          },
+          /**
+           * Elimina un campo sort por el nombre de la columna
+           */
+          removeExternalSort: (columnName) => {
+            set((state) => {
+              const index_to_remove = state.appliedSorts.findIndex(
+                (f) => f.field.name === columnName && !f.fixed
+              );
               if (index_to_remove > -1) {
                 state.appliedSorts.splice(index_to_remove, 1);
                 updateAutomatic(state);
@@ -186,12 +207,37 @@ const createDynamicSortStore = (initProps, storeDevtoolsEnabled = false) => {
               updateAutomatic(state);
             });
           },
+          /**
+           * Agrega un nuevo campo/atributo por el cual se va aplicar el sort externo
+           */
+          addExternalSort: (newSort) => {
+            set((state) => {
+              const existingIndex = state.appliedSorts.findIndex(
+                (sort) => sort.field.name === newSort.field.name
+              );
+              if (existingIndex > -1) {
+                const existingSort = state.appliedSorts[existingIndex];
+                state.appliedSorts[existingIndex] = {
+                  ...newSort,
+                  id: existingSort.id
+                };
+              } else {
+                if (!state.automatic) {
+                  state.ownerState.isDirty = true;
+                }
+                state.appliedSorts.push(newSort);
+              }
+              updateAutomatic(state);
+            });
+          },
           /**
            * Actualiza un sort existente
            */
           updateSort: (editSort) => {
             set((state) => {
-              const index = state.appliedSorts.findIndex((ap) => ap.id === editSort.id);
+              const index = state.appliedSorts.findIndex(
+                (ap) => ap.id === editSort.id
+              );
               if (index > -1) {
                 state.appliedSorts[index] = editSort;
               }
@@ -251,7 +297,10 @@ const createDynamicSortStore = (initProps, storeDevtoolsEnabled = false) => {
           }
         }
       })),
-      { name: `${DYNAMIC_SORT_STORE_ID}: ${initProps.storeId}`, enabled: storeDevtoolsEnabled }
+      {
+        name: `${DYNAMIC_SORT_STORE_ID}: ${initProps.storeId}`,
+        enabled: storeDevtoolsEnabled
+      }
     )
   );
 };

package/components/DynamicSort/store/types.d.ts

@@ -98,6 +98,11 @@ export interface DynamicSortStateWithActions extends DynamicSortState {
          * @param id //identificador unico de un sort
          */
         removeSort: (id: number) => void;
+        /**
+         * remueve un sort externo por nombre de columna (para uso desde DataGrid)
+         * @param columnName nombre de la columna
+         */
+        removeExternalSort: (columnName: string) => void;
         /**
          *
          * @param anchorEl Elemento de donde va emerger el popup
@@ -136,6 +141,12 @@ export interface DynamicSortStateWithActions extends DynamicSortState {
          * @returns
          */
         addSort: (newSort: SortFieldApplied) => void;
+        /**
+         * Agrega un sort externo a los sorts aplicados (applyedFilters)
+         * @param newSort Sort a agregar
+         * @returns
+         */
+        addExternalSort: (newSort: SortFieldApplied) => void;
         /**
          * Modifica un sort que se encuentra en applyedFilters
          * @param sortToEdit sort a editar

package/components/DynamicSort/subcomponents/PopoverSort/usePopoverSort.d.ts

@@ -17,11 +17,11 @@ declare function usePopoverSort(): {
     sortFormValue: import('../../types').FormSortValueBase;
     formSort: FormSortFieldApplied;
     popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
-        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
+        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
     }, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
-        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
+        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
     }>, import('yup/lib/object').AssertsShape<{
-        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
+        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
     }>> | undefined;
     statusLoad: "initial" | "reload_values_provider" | "ready";
 };

package/components/DynamicSort/types.d.ts

@@ -175,4 +175,8 @@ export type DynamicSortSlotsType = keyof typeof DynamicSortSlots;
 export type DynamicSortStyles = M4LOverridesStyleRules<DynamicSortSlotsType, typeof DYNAMIC_SORT_KEY_COMPONENT, Theme>;
 export interface DynamicSortRef {
     fireOnChangeSort: () => void;
+    addExternalSort: (newSort: SortFieldApplied) => void;
+    removeExternalSort: (columnKey: string) => void;
+    getNewId: () => number;
+    getCurrentSorts: () => SortFieldApplied[];
 }

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/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/components/hook-form/RHFormContext/index.d.ts

@@ -3,7 +3,7 @@ import { CustomFormArguments, FormProviderCustomProps, FormProviderProps } from
 /**
  * TODO: Documentar
  */
-export declare function useCustomForm({ validationSchema, values, statusLoad }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, undefined>;
+export declare function useCustomForm({ validationSchema, values, statusLoad }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, FieldValues>;
 /**
  * TODO: Documentar
  */

package/components/mui_extended/CheckBox/CheckBox.styles.js

@@ -13,7 +13,8 @@ const checkBoxStyles = {
       paddingRight: theme.vars.size.baseSpacings.sp1,
       overflow: "visible",
       boxSizing: "border-box",
-      gap: theme.vars.size.baseSpacings.sp1
+      gap: theme.vars.size.baseSpacings.sp1,
+      width: "fit-content"
     };
   },
   /**

package/hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.d.ts

@@ -1,4 +1,5 @@
 import { UseDynamicFilterAndSortProps } from './types';
+import { SortSettings, FilterSettings } from '../../components/DataGrid/types';
 /**
  * Hook para manejar los filtros y ordenamientos dinamicos
  */
@@ -7,4 +8,6 @@ export declare const useDynamicFilterAndSort: (props: UseDynamicFilterAndSortPro
     rightActions: import("react/jsx-runtime").JSX.Element;
     visibleCustomHeader: boolean;
     customHeaderComponent: import("react/jsx-runtime").JSX.Element;
+    externalSortSettings: SortSettings | undefined;
+    externalFilterSettings: FilterSettings | undefined;
 };