@m4l/components 9.2.39-beta-1 → 9.2.41

package/components/Chip/Chip.js

@@ -3,6 +3,7 @@ import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import clsx from "clsx";
 import { forwardRef, useMemo } from "react";
 import { C as CHIP_CLASSES } from "./constants.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 import { I as IconStyled, S as SkeletonChipStyled, C as ChipRootStyled, T as TextChipStyled, a as IconButtonStyled } from "./slots/ChipSlots.js";
 const Chip = forwardRef((props, ref) => {
@@ -20,6 +21,7 @@ const Chip = forwardRef((props, ref) => {
     onDeleted,
     iconButtonProps,
     className,
+    dataTestId,
     ...others
   } = props;
   const { currentSize } = useComponentSize(size);
@@ -77,6 +79,7 @@ const Chip = forwardRef((props, ref) => {
       ownerState: { ...ownerState },
       className: clsx(className, CHIP_CLASSES.root),
       ref,
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: dataTestId } : {},
       ...onClick ? { tabIndex: 0 } : {},
       ...others,
       children: [

package/components/Chip/types.d.ts

@@ -69,6 +69,10 @@ export interface ChipProps {
      * If the `Chip` is focusable.
      */
     focusable?: boolean;
+    /**
+     * Test id for the `Chip`.
+     */
+    dataTestId?: string;
 }
 /**
  * Owner state of the `Chip` used to define internal style and behavior properties.

package/components/DataGrid/dictionary.js

@@ -1,8 +1,7 @@
-import { g as getMenuActionsComponentsDictionary } from "../MenuActions/dictionary.js";
 import { g as getModalDictionary } from "../ModalDialog/dictionary.js";
 import { g as getPagerComponentsDictionary } from "../Pager/dicctionary.js";
 function getDataGridComponentsDictionary() {
-  return ["data_grid"].concat(getPagerComponentsDictionary()).concat(getMenuActionsComponentsDictionary()).concat(getModalDictionary());
+  return ["data_grid"].concat(getPagerComponentsDictionary()).concat(getModalDictionary());
 }
 const dictionary = {
   LABEL_ACTIONS: "actions",

package/components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js

@@ -3,11 +3,9 @@ import { C as ColumnBooleanFormatter } from "./formatter.js";
 import { useModuleDictionary, getPropertyByString } from "@m4l/core";
 import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 const getCustomBooleanFilter = (props, getLabel) => {
   return (row, value) => {
-    const keyWiouthRow = getColumnKey(props.fieldValue);
-    const valueMaybeString = getPropertyByString(row, keyWiouthRow);
+    const valueMaybeString = getPropertyByString(row, props.fieldValue);
     let fixedValue;
     if (typeof valueMaybeString === "boolean") {
       fixedValue = valueMaybeString;
@@ -23,9 +21,8 @@ const getCustomBooleanFilter = (props, getLabel) => {
 };
 const getCustomBooleanSort = (props, getLabel) => {
   return (a, b) => {
-    const keyWiouthRow = getColumnKey(props.fieldValue);
-    const valueMaybeStringA = getPropertyByString(a, keyWiouthRow);
-    const valueMaybeStringB = getPropertyByString(b, keyWiouthRow);
+    const valueMaybeStringA = getPropertyByString(a, props.fieldValue);
+    const valueMaybeStringB = getPropertyByString(b, props.fieldValue);
     let fixedValueA;
     let fixedValueB;
     if (typeof valueMaybeStringA === "boolean") {

package/components/DataGrid/formatters/ColumnChipStatusFormatter/ColumnChipStatusFormatter.js

@@ -4,8 +4,8 @@ import { C as ChipStatusFormatter } from "../../../formatters/ChipStatusFormatte
 const ColumnChipStatusFormatter = (props) => {
   const { uriStatus, uriLabel, component, statusesColors, fallbackColor, opacity } = props;
   return (obProps) => {
-    const label = typeof uriLabel === "string" ? getPropertyByString(obProps, uriStatus.toString(), "") : uriLabel(obProps, uriStatus);
-    const status = getPropertyByString(obProps, uriStatus.toString(), "");
+    const label = typeof uriLabel === "string" ? getPropertyByString(obProps, uriStatus.toString()) : uriLabel(obProps, uriStatus);
+    const status = getPropertyByString(obProps, uriStatus.toString());
     return /* @__PURE__ */ jsx(
       ChipStatusFormatter,
       {

package/components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatusFormatter.js

@@ -6,14 +6,14 @@ import { useState, useRef, useEffect, useMemo } from "react";
 const getCustomChipStatusFilter = (props) => {
   const { uriLabel } = props;
   return (row, value) => {
-    const valueMaybeString = typeof uriLabel === "string" ? getPropertyByString(row, getColumnKey(uriLabel), "") : uriLabel(row, props.uriStatus);
+    const valueMaybeString = typeof uriLabel === "string" ? getPropertyByString(row, getColumnKey(uriLabel)) : uriLabel(row, props.uriStatus);
     return valueMaybeString.includes(value.toString());
   };
 };
 const getCustomChipStatusSort = (props) => {
   return (a, b) => {
-    const valueA = typeof props.uriLabel === "string" ? getPropertyByString(a, getColumnKey(props.uriLabel), "") : props.uriLabel(a, props.uriStatus);
-    const valueB = typeof props.uriLabel === "string" ? getPropertyByString(b, getColumnKey(props.uriLabel), "") : props.uriLabel(b, props.uriStatus);
+    const valueA = typeof props.uriLabel === "string" ? getPropertyByString(a, getColumnKey(props.uriLabel)) : props.uriLabel(a, props.uriStatus);
+    const valueB = typeof props.uriLabel === "string" ? getPropertyByString(b, getColumnKey(props.uriLabel)) : props.uriLabel(b, props.uriStatus);
     return valueA > valueB ? 1 : valueA < valueB ? -1 : 0;
   };
 };

package/components/DataGrid/formatters/ColumnNestedValueFormatter/formatter.js

@@ -1,11 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
 import React from "react";
-import { g as getNullGuard } from "../../../../utils/getNullGuard.js";
 function ColumnNestedValueFormatter(props) {
   const { fieldValue, Component = React.Fragment } = props;
   return (obProps) => {
-    const property = getNullGuard(getPropertyByString(obProps, fieldValue));
+    const property = getPropertyByString(obProps, fieldValue);
     const value = typeof property === "object" ? JSON.stringify(property) : property;
     return /* @__PURE__ */ jsx(Component, { children: value });
   };

package/components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.d.ts

@@ -5,6 +5,6 @@ import { ColumnNestedValueFormatterProps } from './types';
  */
 export declare const useColumnNestedValue: <TRow>(props: ColumnNestedValueFormatterProps) => {
     formatter: (obProps: any) => import("react/jsx-runtime").JSX.Element;
-    customFilter: (row: TRow, value: string) => any;
+    customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
 };

package/components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js

@@ -3,11 +3,10 @@ import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
 import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { C as ColumnNestedValueFormatter } from "./formatter.js";
-import { g as getNullGuard } from "../../../../utils/getNullGuard.js";
 const getCustomNestedValueFilter = (props) => {
   return (row, value) => {
     const keyWiouthRow = getColumnKey(props.fieldValue);
-    const property = getNullGuard(getPropertyByString(row, keyWiouthRow));
+    const property = getPropertyByString(row, keyWiouthRow) ?? "";
     if (typeof property === "object") {
       return Object.values(property).includes(value);
     }

package/components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.js

@@ -1,16 +1,17 @@
-import { useState, useRef, useEffect, useMemo } from "react";
+import { useState, useRef, useEffect, useMemo, useCallback } from "react";
 import { useFormatter } from "@m4l/graphics";
 import { getPropertyByString } from "@m4l/core";
 import { deepEqual } from "fast-equals";
 import { g as getFormatPrice } from "../../../formatters/PriceFormatter/PriceFormatter.js";
 import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { C as ColumnPriceFormatter } from "./formatter.js";
-const getCustomPriceFilter = (props) => {
+const useCustomPriceFilter = (props) => {
   const { currencyFormatter } = useFormatter();
-  return (row, value) => {
+  const customFilter = useCallback((row, value) => {
     const fieldValue = getColumnKey(props.fieldValue);
     return getFormatPrice(row, fieldValue, currencyFormatter.code, currencyFormatter.decimalDigits).includes(value);
-  };
+  }, [props.fieldValue, currencyFormatter]);
+  return customFilter;
 };
 const getCustomPriceSort = (props) => {
   return (a, b) => {
@@ -41,6 +42,7 @@ const getCustomPriceSort = (props) => {
 const useColumnPrice = (props) => {
   const [stateProps, setStateProps] = useState(props);
   const refProps = useRef({ ...props });
+  const customFilter = useCustomPriceFilter(stateProps);
   useEffect(() => {
     if (!deepEqual(refProps.current, props)) {
       refProps.current = props;
@@ -49,9 +51,9 @@ const useColumnPrice = (props) => {
   }, [props]);
   return useMemo(() => ({
     formatter: ColumnPriceFormatter(stateProps),
-    customFilter: getCustomPriceFilter(stateProps),
+    customFilter,
     customSort: getCustomPriceSort(stateProps)
-  }), [stateProps]);
+  }), [stateProps, customFilter]);
 };
 export {
   useColumnPrice as u

package/components/DataGrid/formatters/ColumnSetCheckFormatter/useColumnSetCheck.js

@@ -1,12 +1,10 @@
 import { useState, useRef, useEffect, useMemo } from "react";
 import { getPropertyByString } from "@m4l/core";
 import { deepEqual } from "fast-equals";
-import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { C as ColumnSetCheckFormatter } from "./formatter.js";
 const getCustomFilter = (props) => {
   return (row, value) => {
-    const keyWiouthRow = getColumnKey(props.field);
-    const valueCheck = getPropertyByString(row, keyWiouthRow);
+    const valueCheck = getPropertyByString(row, props.field);
     return valueCheck === value;
   };
 };

package/components/DynamicFilter/helpers/frontEndHelpers.js

@@ -208,6 +208,6 @@ function getFilterGroupFieldsByName(fields) {
   }, {});
 }
 export {
-  getFilterGroupFieldsByName as a,
-  getIsIfInDynamicFilter as g
+  getIsIfInDynamicFilter as a,
+  getFilterGroupFieldsByName as g
 };

package/components/DynamicFilter/index.d.ts

@@ -1,5 +1,4 @@
 export { getDynamicFilterComponentsDictionary } from './dictionary';
 export * from './DynamicFilter';
-export type { FieldType, FilterFieldApplied as FilterFieldApply, RawFilterFieldApply, InitialFilterApplied, FilterField, } from './types';
-export { getIsIfInDynamicFilter, getFilterGroupFieldsByName } from './helpers/frontEndHelpers';
-export { getRawFiltersForNetwork } from './helpers/getRawFiltersForNetwork';
+export type { FilterField, FilterFieldApplied as FilterFieldApply, InitialFilterApplied, RawFilterFieldApply, } from './types';
+export { getFilterGroupFieldsByName, getIsIfInDynamicFilter } from './helpers/frontEndHelpers';

package/components/DynamicFilter/subcomponents/PopoverFilter/usePopoverFilter.d.ts

@@ -17,11 +17,11 @@ declare function usePopoverFilter(): {
     filterFormValue: FormFilterValue;
     formFilter: FormFilterFieldApplied;
     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/DynamicFilter/types.d.ts

@@ -25,13 +25,13 @@ export type OperandsSelectAsyncArrayValues = Array<FormOperandSelectAsync>;
 export type OperandsSelectArrayValues = Array<FormOperandSelect>;
 export type FieldTypeOperator<T extends FieldType> = T extends 'boolean' ? BooleanOperator : T extends 'datetime' ? DateTimeOperator : T extends 'number' ? NumberOperator : T extends 'select' ? SelectOperator : T extends 'string' ? StringOperator : T;
 export type FieldTypeOperand<T extends FieldType> = T extends 'boolean' ? boolean : T extends 'datetime' ? Date : T extends 'number' ? number : T extends 'string' ? string : T extends 'select' ? OperandsSelectArrayValues : T extends 'selectAsync' ? OperandsSelectAsyncArrayValues : FieldType;
-type SelectAsyncOptions<TOption = any> = Pick<RHFAutocompleteAsyncBaseProps<TOption>, 'type' | 'endPoint' | 'responseToCamelCase' | 'multiple' | 'autoComplete' | 'autoCapitalize' | 'parms' | 'timeout'> & {
-    getOptionLabel: (option: TOption) => string;
-    isOptionEqualToValue: (options: TOption | TOption[], value: TOption) => boolean;
-    getOptionId: (option: TOption) => string | number;
+type SelectAsyncOptions = Pick<RHFAutocompleteAsyncBaseProps<{
+    [key: string]: any;
+}>, 'type' | 'endPoint' | 'getOptionLabel' | 'isOptionEqualToValue' | 'multiple' | 'autoComplete' | 'autoCapitalize' | 'parms' | 'timeout'> & {
+    getOptionId: (option: Record<string, any>) => string | number;
 };
 type SelectOptions = Omit<RHFSelectProps<any, true>, 'name'>;
-export interface FieldBase<T extends FieldType = FieldType, TOption = any> {
+export interface FieldBase<T extends FieldType = FieldType> {
     name: string;
     type: T;
     multiple?: boolean;
@@ -42,10 +42,10 @@ export interface FieldBase<T extends FieldType = FieldType, TOption = any> {
     defaultOperand2?: Maybe<FieldTypeOperand<T>>;
     defaultOperandsArray?: Maybe<FieldTypeOperand<T>>;
     selectOptions?: SelectOptions;
-    selectAsyncOptions?: SelectAsyncOptions<TOption>;
+    selectAsyncOptions?: SelectAsyncOptions;
 }
-export interface FieldWithSelectAsync<T extends 'selectAsync', TOption = any> extends FieldBase<T, TOption> {
-    selectAsyncOptions: SelectAsyncOptions<TOption>;
+export interface FieldWithSelectAsync<T extends 'selectAsync'> extends FieldBase<T> {
+    selectAsyncOptions: SelectAsyncOptions;
 }
 export interface FieldWithSelect<T extends 'select'> extends FieldBase<T> {
     selectOptions: SelectOptions;
@@ -58,7 +58,7 @@ export interface Label<T extends FieldType = FieldType> extends FieldBase<T> {
     label: string;
     dictionaryId?: undefined;
 }
-export type FilterField<T extends FieldType = FieldType, TOption = any> = T extends 'selectAsync' ? FieldWithSelectAsync<T, TOption> & (FieldDictionaryId<T> | Label<T>) : T extends 'select' ? FieldWithSelect<T> & (FieldDictionaryId<T> | Label<T>) : FieldDictionaryId<T> | Label<T>;
+export type FilterField<T extends FieldType = FieldType> = T extends 'selectAsync' ? FieldWithSelectAsync<T> & (FieldDictionaryId<T> | Label<T>) : T extends 'select' ? FieldWithSelect<T> & (FieldDictionaryId<T> | Label<T>) : FieldDictionaryId<T> | Label<T>;
 export interface BaseApplyFilter<T extends FieldType = FieldType> {
     id: number;
     field: FilterField<T>;

package/components/DynamicSort/index.d.ts

@@ -1,5 +1,4 @@
 export { getDynamicSortComponentsDictionary } from './dictionary';
 export * from './DynamicSort';
-export type { InitialSortApplied, RawSortFieldApply, SortField, SortFieldApplied, SortFieldType, SortOperator, } from './types';
 export { SortCompareValues } from './helpers/frontEndHelpers';
-export { getRawSortsForNetwork } from './helpers/getRawSortsForNetwork';
+export type { InitialSortApplied, RawSortFieldApply, SortField, SortFieldApplied, SortFieldType, SortOperator, } from './types';

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

@@ -12,6 +12,7 @@ export type FieldTypeOperator = SortOperator;
 export interface FieldBase {
     name: string;
     type: SortFieldType;
+    multiple?: boolean;
     presence?: FieldPresence;
     urlIcon: string;
     defaultOperator?: Maybe<FieldTypeOperator>;

package/components/MenuActions/MenuActions.js

@@ -5,7 +5,7 @@ import { u as useComponentSize } from "../../hooks/useComponentSize/useComponent
 import { P as Popover } from "../mui_extended/Popover/Popover.js";
 import { M as MenuItem } from "../mui_extended/MenuItem/MenuItem.js";
 import { I as ICON_PATH, a as ICONS, M as MENU_ACTIONS_ } from "./constants.js";
-import { a as getMenuActionsDictionary, D as DICTIONARY } from "./dictionary.js";
+import { g as getMenuActionsDictionary, D as DICTIONARY } from "./dictionary.js";
 import { M as MenuDivider } from "../mui_extended/MenuDivider/MenuDivider.js";
 import { M as MenuListStyled, a as MenuLoaderStyled, R as RootStyled, I as IconButtonStyled, H as HeaderMenuActionsStyled, F as FooterMenuActionsStyled } from "./slots/MenuActionsSlots.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/CircularProgress.js";
@@ -74,20 +74,18 @@ function MenuActions(props) {
       onOpen(true);
     }
   }, [onOpen]);
-  const renderMenuContent = useCallback(() => {
-    let processedActions = [];
-    let finalActions = [];
-    if (menuActions) {
-      if (typeof menuActions === "function") {
-        processedActions = menuActions(objItem);
-      } else {
-        processedActions = menuActions;
-      }
+  const finalActions = useMemo(() => {
+    if (!menuActions) {
+      return [];
     }
-    if (Array.isArray(processedActions)) {
-      finalActions = processedActions;
+    const processedActions = typeof menuActions === "function" ? menuActions(objItem) : menuActions;
+    if (!Array.isArray(processedActions)) {
+      return [];
     }
-    if (finalActions.length === 0) {
+    return processedActions.filter((action) => !!action.type);
+  }, [menuActions, objItem]);
+  const renderMenuContent = useCallback(() => {
+    if (!finalActions.length) {
       return /* @__PURE__ */ jsx(MenuItem, { disabled: true, role: "menu-no-actions", label: getLabel(getMenuActionsDictionary(DICTIONARY.no_actions_label)) });
     }
     const RenderHeader = () => {
@@ -107,7 +105,7 @@ function MenuActions(props) {
           case "loader":
             return /* @__PURE__ */ jsx(MenuLoaderStyled, { size, ownerState: {}, children: /* @__PURE__ */ jsx(CircularProgress, { size }) }, `loader-${key}`);
           case "customNode":
-            return menuAction.customNode;
+            return /* @__PURE__ */ jsx(React.Fragment, { children: menuAction.customNode }, `customNode-${key}`);
           case "menuItem":
             return /* @__PURE__ */ jsx(
               MenuItem,
@@ -127,7 +125,7 @@ function MenuActions(props) {
       footer && /* @__PURE__ */ jsx(RenderFooter, {}),
       endListElement && endListElement
     ] });
-  }, [menuActions, header, size, footer, endListElement, objItem, getLabel, actionKey, handleClick]);
+  }, [finalActions, header, size, footer, endListElement, getLabel, actionKey, handleClick]);
   return /* @__PURE__ */ jsxs(RootStyled, { className, ownerState: { ownerState }, children: [
     /* @__PURE__ */ jsx(
       IconButtonStyled,
@@ -141,7 +139,6 @@ function MenuActions(props) {
         className: iconButtonClassName,
         selected: open,
         disabled,
-        componentPaletteColor: "default",
         badgeContent,
         "aria-label": "menu-actions"
       }
@@ -157,7 +154,7 @@ function MenuActions(props) {
         ...other,
         slots: { ...slots },
         slotProps: { paper: { ...paperProps } },
-        children: renderMenuContent()
+        children: open && renderMenuContent()
       }
     )
   ] });

package/components/MenuActions/dictionary.js

@@ -10,6 +10,6 @@ const getMenuActionsDictionary = (key) => {
 };
 export {
   DICTIONARY as D,
-  getMenuActionsDictionary as a,
-  getMenuActionsComponentsDictionary as g
+  getMenuActionsComponentsDictionary as a,
+  getMenuActionsDictionary as g
 };

package/components/Pager/subcomponents/PagerActions/PagerActions.js

@@ -29,7 +29,6 @@ function PagerActions(props) {
       IconButton,
       {
         size,
-        dictionaryTooltipId: "pager.first",
         onClick: handleFirstPageButtonClick,
         disabled: page === 0,
         "aria-label": "first page",
@@ -40,7 +39,6 @@ function PagerActions(props) {
       IconButton,
       {
         size,
-        dictionaryTooltipId: "pager.previous",
         onClick: handleBackButtonClick,
         disabled: page === 0,
         "aria-label": "first page",
@@ -51,7 +49,6 @@ function PagerActions(props) {
       IconButton,
       {
         size,
-        dictionaryTooltipId: "pager.next",
         onClick: handleNextButtonClick,
         disabled: page >= Math.ceil(count / rowsPerPage) - 1,
         "aria-label": "next page",
@@ -62,7 +59,6 @@ function PagerActions(props) {
       IconButton,
       {
         size,
-        dictionaryTooltipId: "pager.last",
         onClick: handleLastPageButtonClick,
         disabled: page >= Math.ceil(count / rowsPerPage) - 1,
         "aria-label": "last page",

package/components/SideBar/SideBar.js

@@ -6,10 +6,7 @@ import { memo, useMemo } from "react";
 import { g as getMenuDataWithState } from "./helpers/getMenuDataWithState/index.js";
 import { useIsMobile } from "@m4l/graphics";
 import { g as getDataToSkeleton } from "./helpers/getDataToSkeleton/index.js";
-import { P as PATH_ICONS } from "./constants.js";
-import { useEnvironment } from "@m4l/core";
 const SideBar = memo((props) => {
-  const { host_static_assets, environment_assets } = useEnvironment();
   const {
     anchored,
     visible,
@@ -22,8 +19,7 @@ const SideBar = memo((props) => {
     moduleSelectedId,
     expandedWidth = "230px",
     companyName,
-    companySlogan,
-    urlIconPrefix = `${host_static_assets}/${environment_assets}${PATH_ICONS}`
+    companySlogan
   } = props;
   const menuDataWithState = useMemo(() => getMenuDataWithState({ menuData: menuData ?? getDataToSkeleton(), moduleSelectedId }), [menuData, moduleSelectedId]);
   const isMobile = useIsMobile();
@@ -43,8 +39,7 @@ const SideBar = memo((props) => {
         moduleSelectedId,
         expandedWidth,
         companyName,
-        companySlogan,
-        urlIconPrefix
+        companySlogan
       },
       children: !isMobile ? /* @__PURE__ */ jsx(SideBarDesktop, {}) : /* @__PURE__ */ jsx(SideBarMobile, {})
     }

package/components/SideBar/constants.js

@@ -10,9 +10,9 @@ export {
   CONTAINER_BTN_ANCHORED as C,
   ITEM_ACTIVE as I,
   LIST_MENU_ITEM as L,
-  PATH_ICONS as P,
+  PATH_ARROW_RIGHT_ICON as P,
   SIDEBAR_KEY_COMPONENT as S,
-  PATH_ARROW_RIGHT_ICON as a,
-  ITEM_IN_TREE_ACTIVE as b,
+  ITEM_IN_TREE_ACTIVE as a,
+  PATH_ICONS as b,
   PATH_ARROW_DOWN_ICON as c
 };

package/components/SideBar/context/sideBarContext/index.js

@@ -31,8 +31,7 @@ const SideBarProvider = (props) => {
     expandedWidth,
     moduleSelectedId,
     companyName,
-    companySlogan,
-    urlIconPrefix
+    companySlogan
   } = value;
   return (
     // Proporcionar el contexto con las propiedades desestructuradas
@@ -51,8 +50,7 @@ const SideBarProvider = (props) => {
           moduleSelectedId,
           expandedWidth,
           companyName,
-          companySlogan,
-          urlIconPrefix
+          companySlogan
         },
         children
       }

package/components/SideBar/subcomponents/ContentComponent/index.js

@@ -7,7 +7,7 @@ import { C as ContentGroups } from "../ContentGroups/index.js";
 import { F as FooterSidebar } from "../FooterSidebar/index.js";
 import { H as HeaderSidebar } from "../HeaderSidebar/index.js";
 import { a as getComponentSlotRoot } from "../../../../utils/getComponentSlotRoot.js";
-import { a as PATH_ARROW_RIGHT_ICON, C as CONTAINER_BTN_ANCHORED } from "../../constants.js";
+import { P as PATH_ARROW_RIGHT_ICON, C as CONTAINER_BTN_ANCHORED } from "../../constants.js";
 import { u as useComponentSize } from "../../../../hooks/useComponentSize/useComponentSize.js";
 import { I as IconButton } from "../../../mui_extended/IconButton/IconButton.js";
 const ContentComponent = () => {

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/index.js

@@ -9,15 +9,17 @@ import { g as getNameDataTestId } from "../../../../tests/utils.js";
 import { A as ArrowIcon } from "./subcomponents/ArrowIcon/index.js";
 import { h as ContainerMenuItemsStyled } from "../../../../slots/SideBarSlots.js";
 import { a as getComponentSlotRoot } from "../../../../../../utils/getComponentSlotRoot.js";
-import { I as ITEM_ACTIVE, b as ITEM_IN_TREE_ACTIVE, L as LIST_MENU_ITEM } from "../../../../constants.js";
+import { I as ITEM_ACTIVE, a as ITEM_IN_TREE_ACTIVE, b as PATH_ICONS, L as LIST_MENU_ITEM } from "../../../../constants.js";
+import { useEnvironment } from "@m4l/core";
 import { u as useComponentSize } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
 import { M as MenuItem } from "../../../../../mui_extended/MenuItem/MenuItem.js";
 function ContainerMenuItemsMain(props) {
   const { item, size } = props;
-  const { onMenuItemClick, onToggleVisible, urlIconPrefix } = useSideBar();
+  const { onMenuItemClick, onToggleVisible } = useSideBar();
   const [openSub, setOpenSub] = useState(props.openSubItem ?? false);
   const hasChildren = item.children && Array.isArray(item.children) && item.children.length > 0;
   const isMobile = useIsMobile();
+  const { host_static_assets, environment_assets } = useEnvironment();
   const { currentSize } = useComponentSize(size);
   const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
   const ownerState = {
@@ -47,7 +49,7 @@ function ContainerMenuItemsMain(props) {
             className: clsx(item.active ? ITEM_ACTIVE : ITEM_IN_TREE_ACTIVE),
             label: item.title,
             selected: item.active || item.itemInTreeActive,
-            startIcon: `${urlIconPrefix}${item.iconUrl}`,
+            startIcon: `${host_static_assets}/${environment_assets}${PATH_ICONS}${item.iconUrl}`,
             endIcon: hasChildren ? /* @__PURE__ */ jsx(ArrowIcon, { openState: openSub, active: item.active }) : null,
             onClick: () => handlerClick(),
             size: adjustedSize

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/styles.js

@@ -1,5 +1,5 @@
 import { a as getHeightSizeStyles } from "../../../../../../utils/getSizeStyles/getSizeStyles.js";
-import { b as ITEM_IN_TREE_ACTIVE, I as ITEM_ACTIVE } from "../../../../constants.js";
+import { a as ITEM_IN_TREE_ACTIVE, I as ITEM_ACTIVE } from "../../../../constants.js";
 const containerMenuItemsMainStyles = {
   /**
    * Style aplicado al contenedor de los items del menú

package/components/SideBar/types.d.ts

@@ -68,10 +68,6 @@ export interface SideBarProps {
      * Tamaño del componente, puede ser uno de los valores definidos en 'small' , 'medium'
      */
     size?: Extract<Sizes, 'small' | 'medium'>;
-    /**
-     * Prefijo de la url de los iconos
-     */
-    urlIconPrefix?: string;
 }
 /**
  * Interface que representa el estado de un elemento de menú en la barra lateral.

package/components/formatters/ChipStatusFormatter/ChipStatusFormatter.js

@@ -28,7 +28,7 @@ const ChipStatusFormatter = (props) => {
       color,
       opacity,
       size: adjustedSize,
-      dataTestid
+      dataTestId: dataTestid
     }
   ) });
 };

package/components/hook-form/RHFAutocomplete/types.d.ts

@@ -31,7 +31,7 @@ export interface RHFAutocompleteProps<T, Multiple extends boolean | undefined =
     dataTestid?: string;
     options: T[];
     getOptionLabel: (option: T | AutocompleteFreeSoloValueMapping<FreeSolo>) => string;
-    isOptionEqualToValue: (options: T | T[], value: T) => boolean;
+    isOptionEqualToValue: (option: T, value: T) => boolean;
     skeletonWidth?: string | number;
     loading?: boolean;
     refresh?: () => void;

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

@@ -7,7 +7,6 @@ function RHFAutocompleteAsync(props) {
   const {
     name,
     endPoint,
-    responseToCamelCase,
     label,
     timeout = 5e3,
     parms,
@@ -79,7 +78,6 @@ function RHFAutocompleteAsync(props) {
         timeout,
         isExternalUrl,
         parms: { ...parms, ...filterParms },
-        responseToCamelCase,
         isRemote
       }).then((response) => {
         if (cancel) {